/* ___________________________ Drop Down Menu ___________________________ */

ul#nav, ul#nav ul { /* All Lists */
	background-color: #000;
	padding: 0px;
	margin: 0 0 0 118px;
	list-style: none;
	z-index: 300;
}

ul#nav li { /* All List Items */
	float: left;
	position: relative;
	z-index: 300;
}

ul#nav li ul { /* Second-level Lists */
	display: none; 
	position: absolute;
	top: 17px;
	left: 15px;
	width: 135px;
	height: 290px;
	background: #fff url(../img/nav/nav_bg.gif) no-repeat;
	margin: 13px 0 0 -10px;
	border-bottom: 4px solid #000;
	z-index: 300;
}

ul#nav li ul ul	{  /* Placement of third-level lists */ 
	display:none;
/*	height: 125px; */
	margin: -17px 0px 0px 120px;
}
ul#nav li ul ul	li {  /* Third-level Lists */ 
	top:12px;
	
}

ul#nav li ul li { /* Second-level Lists */
	margin: 0 0 0 -2px;
	/*height: 29px;*/
	width: 135px;
	z-index: 300;

}

ul#nav li ul li a, ul#nav li ul li a:active, ul#nav li ul li a:visited { /* Default Link Style */
	text-decoration: none;
	color: #000000;
	display: block;
	z-index: 300;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	
/*	padding: 5px 0px 1px 5px; */
}

ul#nav li ul li a:hover, ul#nav li ul li a.current  { /* Default Link Style */
	text-decoration: none;
	color: #000000;
	display: block;
	z-index: 300;
}

li > ul {  /* To override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}


/*Lists nested under hovered list items */ 
/* replaced with javascript method. this hover method for dropdowns doesn't work in IE6
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {  
border: solid 1px red;
	display: block;
	list-style-type: none; 
	z-index: 300; 
	left: 15px;  
}
*/

/* --------------  Link Styles  ---------------- */

/* Light Blue Link */
ul#nav a.mainNavItem:hover, ul#nav a.mainNavItemCurrent {
	text-decoration: none;
	color: #0099CC;
	
	z-index: 300;
}