/***************************************************
# CSS_JS_MENU [ Main navigation ]
***************************************************/

#tab {
	margin-left:0;
	padding:0;
	width:550px;
	height:32px;
	
}
#tab ul {
	position:absolute;
	margin:0; 
	padding:0;	
	/*left:200px;*/
	
}

#menu {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; /* 12px approx */
	z-index:0;	
	
}
#menu * {
	margin:0;
	padding:0;
	list-style:none;	
}
#menu li {
	float:left;
	position:relative;
	height:28px;
	vertical-align:middle;
	/*background:url(../images/menubg.jpg) 0 0 no-repeat;	
	width:155px;background:url(../images/menubg.jpg) 100% 0 no-repeat;
	background-color:#CCCCCC;*/
	margin:0 2px;	
}
#menu li:hover, 
#menu li.lemHover,
#menu li.selected {
	/*background:url(../images/menubg.jpg) 0 0 no-repeat;	
	background-color:#CCCFD1;*/
}

#menu li:hover {
	z-index:1;
}

#menu li li {
	float:none;
	display:block;
	margin:0;
}
#menu li li,
#menu li li:hover,
#menu li li.lemHover,
#menu li.lemHover li {
	background: url(../images/separator.gif) 0 100% repeat-x;
	width:100%;
}
#menu li li:last-child, 
#menu li li.lemLastChild {
	background:none;
}
#menu li ul {
	position:absolute;
	/*background:url(../images/cornerleft.jpg) 100% 100% no-repeat;border-left:1px solid #ccc;*/	
	background-color:#9c2400;
	
	z-index:1;	
}
#menu li ul,
#menu li ul ul,
#menu li:last-child ul ul,
#menu li li:last-child ul,
#menu li.lemLastChild ul ul,
#menu li li.lemLastChild ul {
	width:200px; 
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	text-decoration:none;
	z-index:1;
	
}

html>body #menu li ul,
#menu li ul ul,
#menu li:last-child ul ul,
#menu li li:last-child ul,
#menu li.lemLastChild ul ul,
#menu li li.lemLastChild ul {
	width:200px; 
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	text-decoration:none;
	z-index:1;
}

#menu li:last-child ul,
#menu li.lemLastChild ul {
	width:144px;
}
#menu li ul ul {
	margin-left:100%;
	border-top:1px solid #ccc;
	top:0;	
}
#menu li ul, 
#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.lemHover ul ul, 
#menu li.lemHover ul ul ul {
	left:-999em;
	z-index:1;
}
#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li.lemHover ul, 
#menu li li.lemHover ul, 
#menu li li li.lemHover ul {
	left:auto;
}
#menu a {
	/*display:block;
	color:#FFF;
	text-decoration:none;
	font-size:1.1em;
	height:28px;
	width:100%;
	text-align:center;
	background-color:#9CDAF9;
	padding-left:10px;
	padding-top:10px;
	padding-left:10px;
	margin-top:0px;*/
	display:block;
	color:#fff;
	text-align:left;
	text-decoration:none;
	font-size:1.1em;
	font-weight:normal;
	padding-top: 8px;
	/*padding-right: 10px;*/
	padding-left: 50px;
	
}

html>body #menu a {
	display:block;
	color:#FFFFFF;
	text-decoration:underline;
	font-size:1.1em;
	height:18px;
	width:114px;
	text-align:center;
	/*background-color:#9CDAF9;
	padding-left:10px;*/
	padding-top:8px;
	margin-top:0px;
}


#menu a span {
	padding:0 20px;
	
}
#menu a:hover, 
#menu li:hover a, 
#menu li.lemHover a, 
#menu li.selected a {
	color:#FFF;
	text-decoration:none;
	z-index:1;
	/*background:url(../images/cornerright.gif) 0 0 no-repeat;		
	background-color:#CCCFD1;*/
}
#menu li li a, 
#menu li:hover li a, 
#menu li.lemHover li a {
	width:100%;
	font-size:1em;
	color:#006;
	background:none;
	color:#FFFFFF;
	padding:0px 0;
	font-weight:normal;
	text-align:left;
	padding-left:5px;
	padding-top:5px;


}
#menu li li a span {
	padding:0 20px;
}
#menu li li a:hover {
	color:#000000;
	display:block;
	padding:0px 0;
	padding-left:5px;
	padding-top:5px;
	width:100%;
	background:#f2d869;
	
}
#menu li li a:hover span {
	/*background:url(../images/ico_arrow.gif) 100% 50% no-repeat;*/
	
}