/* CSS Stylesheet for all Ektron Menu Derived UL Tiers */

/*styling the TD behind the menu */
/*td.nav { background-color: #999;
		 margin: 0;
		 padding: 0;
		 border: 1px solid #333;
		 width: 700px;
		 height: 24px;
}*/
.nav {height: 26px; width: 925px; background-image:url(images/bg-nav.gif); background-position:left; background-repeat:repeat-x; padding: 0px;}
/* DHTML Menus - Vertical - 4 Levels */
div#menu #nav, div#menu #nav ul { /* all lists */
	margin: 0;  /*	distance between tiers*/ 
	padding: 0;
	list-style-type: none;
	width:925px;
}

div#menu #nav li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	width: 180px; /* edit the width of top nav segments */
	text-align: left;
	/*border: 1px solid #000;   edit the line separator between top nav items */
	} 

div#menu #nav li a {
	display: block;
	font: bold 13px Helvetica, Arial, sans-serif;
	line-height:20px;
	text-decoration: none;
	background-image:url(images/bg-nav-divider.gif); background-position:right; background-repeat:no-repeat;
	color: #FFF; /* edit the color of the top nav text */
	/* background-color: #006699; edit the background color of the top nav  */
	padding: 0px 10px;
	margin: 0px 0px 2px 0px;
}

div#menu #nav li a:hover {
	display: block;
	font: bold 13px Helvetica;
	line-height:20px;
	text-decoration: none;
	background-image:url(images/bg-nav-divider.gif); background-position:right; background-repeat:no-repeat;
	color: #FFF; 
	background-color:#6D3401;/* edit the mouseover color of the top nav text */
	/*background-color: #FFCC66; edit the mouseover background color of the top nav  */
	padding: 0px 10px;
		margin: 0px 0px 2px 0px;
}

/* ---------------FIRST TIER WIDTH ADJUSTMENTS --------------------------*/

/* Holy Hack. IE Requirement \*/
* html div#menu ul li { float: left; height: 1%; }
* html div#menu ul li a { height: 1%; }

div#menu #nav li#firstlevel10 { width: 86px; }
div#menu #nav li#firstlevel12 { width: 89px;}
div#menu #nav li#firstlevel14 { width: 146px;}
div#menu #nav li#firstlevel18 { width: 182px;}
div#menu #nav li#firstlevel20 { width: 90px;}
div#menu #nav li#firstlevel22 { width: 65px; margin: 0px; background-image: none;}
div#menu #nav li#firstlevel8  { width: 122px;}
div#menu #nav li#firstlevel16 { width: 139px;}
/* div#menu #nav li#firstlevel28 { width: 95px;} */


/* div#menu #nav li#firstlevel10 { width: 78px; }
div#menu #nav li#firstlevel12 { width: 81px;}
div#menu #nav li#firstlevel14 { width: 138px;}
div#menu #nav li#firstlevel18 { width: 174px;}
div#menu #nav li#firstlevel20 { width: 82px;}
div#menu #nav li#firstlevel22 { width: 57px; margin: 0px; background-image: none;}
div#menu #nav li#firstlevel8  { width: 114px;}
div#menu #nav li#firstlevel16 { width: 139px;}
div#menu #nav li#firstlevel28 { width: 95px;} */

/* ---------------MULTI TIER ITEMS --------------------------*/

div#menu #nav li ul { 
	position : absolute;
	left: -999em;
	top: 20px; /* edit the distance of the first subnav items away from top nav bar */
	margin-left : 0; /* offset left for first sub items */
	width: 100%;
}

div#menu #nav li ul ul, div#menu #nav li ul ul ul{ 
	position : absolute;
	left: -999em;
	top: 0px; 
	margin-left : 179px; /* offset left for multi items (width minus one)*/
	width: 100%;
}
	
div#menu #nav li a ul li#nextlevel { 
	position : relative;
	float : left;
	display: block;
	text-align:left;
}

div#menu #nav li ul li#nextlevel a {
	display: block;
	font: normal 11px arial;
	text-decoration: none;
	color: #000; /* edit the color of the subnav text */
	background-color: #eaf4fd;  /*edit the background color of the subnav */
	padding: 3px 5px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: 0px
	}

div#menu #nav li ul li#nextlevel a:hover {
	display: block;
	font: normal 11px arial;
	text-decoration: none;
	color: #000; /* edit the mouseover color of the subnav text */
	background-color: #fed615;  /*edit the mouseover background color of the subnav */
	padding: 3px 5px;
	margin: 0px
	}	

div#menu #nav li a#taller { height: 26px; }
div#menu #nav li a#arrow { background-image: url(gif/bg_arrow.gif); background-position: top right; background-repeat: no-repeat; }
div#menu #nav li a:hover#arrow { background-image: url(gif/bg_arrow_over.gif); background-position: top right; background-repeat: no-repeat; }


div#menu #nav li ul ul { left: -999em;}
div#menu #nav li:hover ul ul, div#menu #nav li:hover ul ul ul, div#menu #nav li.sfhover ul ul, div#menu #nav li.sfhover ul ul ul {left: -999em;}
div#menu #nav li:hover ul, div#menu #nav li li:hover ul, div#menu #nav li li li:hover ul, div#menu #nav li.sfhover ul, div#menu #nav li li.sfhover ul, div#menu #nav li li li.sfhover ul { left: auto;}