/* A slight derivative of Suckerfish Dropdowns (www.alistapart.com/articles/dropdowns) */

BODY { margin: 0px; padding: 0px; }

.navigation { 
	font-size: 14px; 
	font-family: trebuchet ms, helvetica, arial, verdana, sans-serif;
	color: #666;
	background: transparent url('../img/nav/nav_bg.gif') repeat-x;
	padding: 16px 8px 8px 8px;
	height: 40px;
	}

.navigation A:link, .navigation A:visited { color: #000; text-decoration: none; } 
.navigation A:hover { color: #003366; text-decoration: none; } 

.navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

.navigation li#left { 
	padding: 0px 12px 0px 8px;
	background: none; }
.navigation li { /* all list items */
	float: left;
	position: relative;
	padding: 0px 12px;
	background: transparent url('../img/nav/separator.gif') no-repeat;
}
.navigation li .drop {
	background: transparent url('../img/nav/drop_arrow.gif') no-repeat 0px 2px;
	padding-left: 8px;
	}

.navigation li div { /* second-level lists */
	display: none;
	position: absolute;
	width: 140px;
	left: 0;
	top: 14px;
	border: 1px solid #ccc;
	background: #F1F5DB;
	filter:alpha(opacity=90);   
	-moz-opacity: .9;   
	opacity: .9;
}

.navigation li div ul {
	padding: 6px;
	margin: 0px;
	list-style: none;
}

.navigation li div ul li { /* second-level list elements */
	float: none;
	margin: 0px;
	background: transparent url('../img/nav/sub_arrow.gif') no-repeat 0px 8px;
	border-bottom: 1px dotted #ccc;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	padding: 3px 4px 3px 12px;
}

.navigation li div ul li A:link, .navigation li div ul li A:visited {
	color: #000;
	text-decoration: none;
	}

.navigation li div ul .active {
	color: #666633;
	text-decoration: none;
	}

.navigation li>div { /* 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;
}

.navigation ul li div ul li a:hover { color: #000; }
.navigation ul li div ul li:hover { background: #99CC33 url('/img/nav/sub_arrow.gif') no-repeat 0px 8px; }

.navigation li:hover div, li.over div { /* lists nested under hovered list items */
	display: block;
}
.navigation li.over div.overtwo { position:relative; }