/* 
*
*	edreamz July 2010
*
*/


* html body { behavior: url(/css/csshover2.htc); } /* allow IE to follow :hover rules */

#main-navigation ul { z-index: 800; }
#main-navigation ul li { position: relative; }

/* hide sub navs */
#main-navigation ul li ul,
#container #main-navigation ul li ul li ul { position: absolute; left: -9000em; top: 0; margin: 0; }
/* base drop downs */

#main-navigation ul li:hover ul,
#container #main-navigation ul li ul li:hover ul,
 { display: block;  position: absolute; z-index: 900; }
/* overrides for sprites */

#main-navigation ul li:hover ul,
#main-navigation ul li:hover ul li,
#main-navigation ul li:hover ul li a { height: auto; /* override height from nav */ background: none; text-indent: 0; }

/* ### Base styles ### */

/* 1st level */
#main-navigation ul li:hover ul {
	top: 66px; left: 24px; /* top = height of primary nav button */
	margin: 0; padding: 5px;
	width: 190px;
	background: #0066a6;
	/*border-top: 1px solid #8ca900;*/
	border-top: 1px solid #605e59;
	border-bottom: 1px solid #605e59;
	color: #fff;
	font-size: 100%; /* override height from nav */
}
	
	#main-navigation ul li:hover ul.left { left: -74px; }
	
#main-navigation ul li:hover ul li{
	margin: 0; padding: 0;
	width: 190px;
	background: none;
	border: 0;
	line-height: 1em;
}

#container #main-navigation ul li:hover ul li a {
	margin: 0; padding: 4px 10px;
	width: 170px;
	background: none;
	text-align: left;
	color: #fff;
	text-decoration: none;
	font-weight: bold; font-size: 85%;
}	
		
	#container #main-navigation ul li ul li a:hover { background: #1d4071 url(/images/bg_drop-down.gif) repeat-x top left; }


/* 2nd level */
/* for these IE might need a <div> around the inner <ul>, to be ingored in the css -- only there for holder */
#container #main-navigation ul li ul li:hover ul {
	left: 150px; top: 0; width: 150px;
	border: 1px solid #605e59;
	font-size: 100%;
}
	#container #main-navigation ul li ul li:hover ul a { width: 130px; }
	#container #main-navigation ul li ul li:hover ul.left { left: -150px;}