/**************** Horizental navigation *******************/


/* Disable margin and padding of all elements */
div#listmenu *{
	margin:0px 0px 0px 0px;
	padding:0;
	
}


div#listmenu{
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF; 
	float:left;					/* make div enclose list menu in firefox */
	background : url(../images/bkg-menu.jpg) no-repeat left top;
	width: 555px;
	height: 33px;
}

div#listmenu ul{
	float:left;					/*make ul encloses the floating li in firefox */
	list-style: none;
	margin-right:5px;
	}	


div#listmenu li{
	float: left;
	list-style-type: none;
	position: relative;
	height: 21px;
	padding: 2px .1em 2px .2em;
	font-weight: bold;
	font-family: verdana, arial, geneva;
	font-size: 11px;
	border-right: 2px solid white;
	}



div#listmenu a{
	padding: 2px 2px 2px 2px;	/* Overflows 10px (left+right)in firefox if width turned 100% later on */
	text-decoration: none;
	display: block;
	color: #5B626C;	/* Changes color even if mouse is not on anchor text but inside its parent li */
	}

/* Both li hover and a:hover set the background to same color on the top horizental bar*/
div#listmenu li:hover{	
	background : #FF4D00;
	color : white;
	}

div#listmenu a:hover{
	background : #FF4D00;
	color : white;
	}


/********************** horizentail navigation level 2( dropdowns) *******************************/


div#listmenu li ul{
	z-index: 600;
	display: none;				/* Do not display untill mouse is over parent li */
	width: 160px;				/* Must have a specified width to prevent inheritance from parent's 100% */
	position: absolute;
	margin-left: -.3em;
	margin-top: 2px;
	border: 1px solid #00487D;
	font-weight: normal;
	font-size: 11px;
	background-color: white;
}


div#listmenu li ul li a{
	width: 155px;				/* should not have 100% width, otherwise overflows in firefox because of 5px padding*/

}

div#listmenu li:hover ul{			/* Display when mouse is over parent */			
	display: block;
	color:white;
}

div#listmenu li:hover a{
	color: white;
}



div#listmenu li ul li {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;	
	border-right: none;
	text-align: left;
	color: black;
}


/********** horizental menu level 3 (Nested dropdowns)**********/ 
/********** horizental menu level 3 (Nested dropdowns)**********/ 
div#listmenu li ul li ul{
	margin-left: 160px; 	/* for it to appear to the left of parent */
	margin-top: -2em;/*-38px;*/	/* for it to inline with parent's top edge */
	visibility: hidden;			/* Hide it untill mouse scrolls over parent */
	width: 160px;
}


div#listmenu li ul li a{
	color: #63516B;

}

div#listmenu li:hover ul li a{
	color: #63516B;

}
div#listmenu li ul li:hover a{	/* stops color of anchor turning black when mouse is on 5px padding space in ie */
	color:#fff;
	}

div#listmenu li ul li:hover ul li a{
	color:#63516B;
			width: 145px;
	}

div#listmenu li ul li:hover ul li:hover a{
	color:#fff;
}



div#listmenu li ul li a:hover{
/*	background: #349db3;*/
	background: #F04E11;
	width: 150px;
}
div#listmenu li ul li:hover ul{
	visibility: visible;
}