/*   
div#dropMenu ul ul li, div#dropMenu ul.level1 li.submenu:hover ul.level2, div#dropMenu ul.level2 li a:hover - control width of dropdown menu and hover width


*/

body {  
	behavior: url(includes/csshover.htc);
}

div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #ffd340;}

div#dropMenu {
	width:692px; /* width:100% */
	margin:0 auto;
	text-align:center;
	z-index:1000;
	position:relative;
	margin-left:150px;
	left:-10px;
	background-image: url('/images/assets/nav_background.gif');
	height:34px;
	margin-top: 0;
	margin-bottom: 8px;
}

div#dropMenu ul {
	margin:0;
	padding:0;
}
	
div#dropMenu li {
	position:relative;
	list-style:none; 
	margin:0; 
	float:left; 
	line-height:1em;
	width:135px;
	border-right: 1px solid #fff;
	height: 34px;
}
	
div#dropMenu ul.level1 {
	width:100%;
	margin:0 auto; 
	text-align:center;
	z-index:1000;
	float:left;
	padding-left: 15px;
}

div#dropMenu li a {
	display: block;
	/* Hides from IE5-mac \*/
	height: 1%;
	/* End hide from IE5-mac */ 
	padding: 1.1em 0 0;
	*padding-top: 1em;
	text-decoration: none; 
	text-transform:uppercase; 
	color:#fff;
	font-weight: bold;
	font-size: 1.1em;
	height: 21px;
	*height: 22px;
	*line-height: 1em;
}

div#dropMenu ul.level1 li a span {
	background: url('/images/assets/nav_arrows.gif') center right no-repeat;
	text-align: center;
	padding: 0 10px 0 0;
}
	
div#dropMenu li:hover {}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover {}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {display: none; border: 1px solid #1d446f;}
div#dropMenu ul ul li {
	/*border: 1px solid #1d446f;*/
	border-top: 1px solid #ccc;
	border-bottom: none;
	width:144px;
	z-index:1000;
	height: auto;
}
/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */

div#dropMenu ul.level2 li {
	border-right: none;
}

div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {
	position: absolute;
	width: 144px;
	display:block;
	z-index:1000;
	font-size: 1em;
}

div#dropMenu ul.level2 {
	background:#fff;
	z-index:1000;
	position:absolute;
	left:0px;
	*top:33px;
	width: 139px;
/*	background: transparent url('/images/assets/dropshadow.png') top left no-repeat;*/
}

div#dropMenu ul.level3, 
div#dropMenu ul.level4, 
div#dropMenu ul.level5, 
div#dropMenu ul.level6, 
div#dropMenu ul.level7,
div#dropMenu ul.level8 {
	top: 0;
	left: 12em;
	background:#fff;
}

div#dropMenu ul.level2 li a {
	padding: 0.5em 0 0.5em 0.25em;
	color: #666;
	text-transform: none;
	background-image:none;
	text-align:left;
	font-weight: normal;
	font-size: 1.2em;
	height: auto;
}  /* this is text color on drop-down submenu */

div#dropMenu ul.level2 li a span {
	background: none;
	text-align: left;
}

div#dropMenu ul.level2 li a:hover {
	color:#fff;
	background-color:#1d446f;
	width: 142px;
}

.clearBoth {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}