/* used for the navigation bar */
#nav, #nav ul {
	color: #FFF;
	padding: 0 0 0 6px;
	margin: 0 0 0 0;
	background:#387643;
	list-style: none;
	font: bold 11px Arial;
	height: 36px;
	line-height:11px;
}

#nav a {
	display: block;
	text-decoration: none;
}

#nav a:hover {
	display: block;
}

#nav li {  /* this is the dropdown box that appears on hover */
	float: left;
	margin: 0;
	padding: 0;
/*	border-right: 3px solid white;  used to temporarily fill in place of cutout*/
	width: 100px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	height:auto;
	margin-left: 0;
	width: 155px;
	padding: 5px 0 0px 0;
	background: #FFF;
	border: 1px solid #387643;
	line-height: 9px;
	display: none;
/*	left: -999em;  using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 50000;
}

/* lists nested items under hovered list items */
#nav li:hover ul, #nav li.sfhover ul { 
	display: block;
} 

#nav li.line { /* second-level lists */
	width: 141px;
	color:#387643;
	font-size:11px;
	font-weight:bold;
	padding:3px 3px 3px 5px;
	border-top: 1px solid #387643;
}


/* dropdown styles */
#dropNav li a {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	width: 145px;
	padding: 0px 0px 3px 5px; /* this adds 3px to bottom of dropdown items and indents by 5 
							  	  the red lines are styled in-line */
	z-index:5000;
}

#dropNav a:link, #dropNav a:visited, #dropNav a:active {
	color: #000;
	display: block;
	text-decoration: none;
}

#dropNav a:hover {
	color: #FF6600;
	display: block;
}

#dropNav li.heading {
	color:#387643;
	font-size:11px;
	font-weight:bold;
	padding:3px 3px 3px 5px;
	white-space: nowrap;
}