/* ========= Horizontal Menu ===========*/
#HorizontalMenuContainer { }
#Horizontalmenu { padding: 0 0 5px 1px; margin: 0; min-height: 35px; }
#Horizontalmenu:after 
{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#Horizontalmenu ul
{
    width: 100%;
    margin: 0;
	padding: 0;
	float: left;
	color: #000;
	list-style-type: none;	
}

/*L1------------------------------------------------------------*/
/* common settings */
#Horizontalmenu li.menuL1,
#Horizontalmenu li.menuL1on,
#Horizontalmenu li.menuL1sel
{
    padding: 0 28px 0 0;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-decoration: none; 
	vertical-align: middle;
	float:left;
    display: block;
    white-space: nowrap;    
}
#Horizontalmenu li.menuL1 li,
#Horizontalmenu li.menuL1on li,
#Horizontalmenu li.menuL1sel li
{
    width: 100%;    
}

#Horizontalmenu ul .pos1,
#Horizontalmenu ul .pos2,
#Horizontalmenu ul .pos3,
#Horizontalmenu ul .pos4,
#Horizontalmenu ul .pos5,
#Horizontalmenu ul .pos6,
#Horizontalmenu ul .pos7,
#Horizontalmenu ul .pos8,
#Horizontalmenu ul .pos9,
#Horizontalmenu ul .pos10,
#Horizontalmenu ul .pos11,
#Horizontalmenu ul .pos12
{
    /*border-right: solid 1px #FFFFFF; */
    padding-left: 1px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

#Horizontalmenu a
{
	text-decoration: none; 
	color: #000;
} 

#Horizontalmenu a:hover 
{
	text-decoration: underline; 
	color: #278EAD;
	cursor: pointer;	
} 

#Horizontalmenu a.on
{	
	text-decoration: underline; 	
	color: #000;
}

#Horizontalmenu a.on:hover
{	
	text-decoration: underline; 	
	color: #278EAD;
	cursor: pointer;
}

#Horizontalmenu a.sel
{	
	text-decoration: underline; 	
	color: #278EAD;
}

#Horizontalmenu a.sel:hover
{	
	text-decoration: none; 	
	color: #278EAD;
	cursor: pointer;
}




/* ========= Vertical Menu ===========*/
#VerticalmenuContainer { }

#Verticalmenu 
{
	padding: 2px 0 0 0;
	vertical-align: top;
	font-family: Verdana;
	
}

#Verticalmenuheading 
{
	color: #05738c;
	font-size: 1.4em;
	font-weight: bold;
	padding: 3px 0px 2px 6px;
	margin-bottom: 5px;	
	text-transform: uppercase;
}
#Verticalmenuheading a
{
	text-decoration: none;
	color: #05738c;	
}
#Verticalmenuheading a:hover
{
	color: #05738c;	
	font-weight: bold;
	text-decoration: underline;
}
#VerticalmenuheadingText
{
	padding-bottom: 4px;
}

#Verticalmenu ul
{
	list-style-type: none;
	margin:0;
	padding:0 0 0 0;	
	font-weight:normal;
	font-size: 1.1em;	
}
#Verticalmenu ul.L2
{
	font-size: 1.1em;
	padding: 0;	
	margin-right: 3px;	
}
#Verticalmenu ul.L3
{
	font-size: 0.95em;
}
#Verticalmenu ul.L4
{
	font-size: 0.9em;
}


span.mi a,
span.mi a:visited,
span.mi a:active 
{
	color: #1e1d1d;
	text-decoration: none; 
	font-weight:normal;
}
span.mi a:hover {
	color: #1e1d1d;
	font-weight:normal;
	text-decoration: underline;
} 

span.mion a,
span.mion a:visited,
span.mion a:active 
{
	color: #252323;
	text-decoration: none; 
	font-weight:bold;
}
span.mion a:hover {
	text-decoration: underline; 
	color: #050303;
} 

span.misel 
{
	color: #252323;
	font-weight:bold;
}
ul.L2 span.misel
{
	font-weight:bold;
}


li.L2firstlast, 
li.L2first, 
li.L2last, 
li.L2, 
li.L2selfirstlast, 
li.L2selfirst, 
li.L2sellast, 
li.L2sel, 
li.L2onfirstlast, 
li.L2onfirst, 
li.L2onlast, 
li.L2on 
{
	padding: 5px 0 5px 6px;
	border-top: solid 1px #e4e4e4;
}

li.L3firstlast, 
li.L3first, 
li.L3last, 
li.L3,
li.L3selfirstlast, 
li.L3selfirst, 
li.L3sellast, 
li.L3sel, 
li.L3onfirstlast, 
li.L3onfirst, 
li.L3onlast, 
li.L3on  
{
	padding: 2px 0 2px 11px;	
	background-image: url(../../images/GreyDashMenu.gif);
	background-position: 3px 8px;
	background-repeat: no-repeat;
}
li.L3firstlast, 
li.L3first, 
li.L3selfirstlast, 
li.L3selfirst, 
li.L3onfirstlast, 
li.L3onfirst 
{
	padding: 5px 0 2px 11px;
	background-position: 3px 11px;	
}

li.L4firstlast, 
li.L4first, 
li.L4last, 
li.L4,
li.L4selfirstlast, 
li.L4selfirst, 
li.L4sellast, 
li.L4sel, 
li.L4onfirstlast, 
li.L4onfirst, 
li.L4onlast, 
li.L4on  
{
	padding: 2px 0 2px 8px;			
	background-image: url(../../images/GreyArrowMenu.gif);
	background-position: 2px 6px;
	background-repeat: no-repeat;	
	line-height: 110%;
}
li.L4firstlast, 
li.L4first, 
li.L4selfirstlast, 
li.L4selfirst, 
li.L4onfirstlast, 
li.L4onfirst
{
	padding: 5px 0 2px 8px;	
	background-position: 2px 9px;		
}

