/* Disable margin and padding of all elements */
div#listmenu *{
	margin:0;
	padding:0;
	z-index: 10
}

div#listmenu{
	font-size: 12px;
	font-weight: 500;
	float:left;				/* make div enclose list menu in firefox */
}

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


div#listmenu li{
	float:left;					/* Make li's aligned horizontally */
	position: relative;			/* position relative for drop down to appear 				underneath it */
 /*	padding-right: 1em;SPACE LABELS ON MENU BAR FOR IE*/
 margin-right: 1em;/*INSTEAD USE MARGIN FOR MOZILLA*/
 text-align: left;
}

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

/* Both li hover and a:hover set the background to same color on the top horizental bar*/
div#listmenu li:hover{	
		background: url(/images/bg-nav-rollover.gif) no-repeat 0% 95% ;

}

div#listmenu a:hover{

	border:0;
	color:  #DDD4B5;;
}
/********************** horizontail navigation level 2( dropdowns) *******************************/


div#listmenu li ul{
	display: none;				/* Do not display untill mouse is over parent li */
	width: 150px;				/* Must have a specified width to prevent inheritance from parent's 100% */
	position: absolute;		
	background-color: #FFFFFF;
	border-top: 1px solid #BCC9D1;
	border-right: 1px solid #BCC9D1;
	border-left: 1px solid #BCC9D1;
	border-bottom: 0px;
	font-weight: normal;
	font-size: 12px;

}

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

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

div#listmenu li ul li {
	width: 150px;
	border-bottom: 1px solid #DCE1E4;
}

/************************************************* 
horizental menu level 3 (Nested dropdowns)
*************************************************/ 

div#listmenu li ul li ul{
	margin-left: 148px; 		/* 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: 150px;
}
div#listmenu li ul li a{
	/*color: #808E97;*/
	color: #444444;
}

/*pop-out menu items shows right arrow*/
div#listmenu ul li ul li.popOut{
	background:url(/images/bullet-tri2.gif) no-repeat 98% 50%;
	}
div#listmenu ul li ul li:hover.popOut{
	background: #E6F1F5 url(/images/bullet-tri2.gif) no-repeat 98% 50%;
	}
/*pop-out menu items shows right arrow ENDs*/

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

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

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


div#listmenu li ul li a:hover{
	background: #E6F1F5;
	
}
	
	
/*COMMENT NEXT LINE OUT TO AVOID EXTRA PADDING-RIGHT IN FIREFOX 1.5*/
	/*width: 100%;*/
}

div#listmenu li ul li:hover{
		background: #E6F1F5;
		
}

div#listmenu li ul li:hover ul{
	visibility: visible;
}