@charset "UTF-8";
/* DROP MENU */
#header #topNav ul li ul {
	margin:0;
	margin-top:2.2em;
	padding: 0 ;
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:21em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:35px; /*aligns the drop exactly under the menu */
	background-color:#99c02e;
	font-size: 10px;
	border:solid 1px #006600;
	}
#header #topNav ul li ul li {
	padding: 0 ;
	width:100%; /* makes the list items fill the list container (ul) */
	border-bottom:1px solid #006600;
}
#header #topNav ul li ul li a {
	padding: .20em 0 .20em .20em;
	color:#FFFFFF;
}
#header #topNav ul li ul li a:hover {
	color:#910824;
}
#header #topNav ul li ul li.first {
	 /*border-top:1px solid #FFFFFF; the top edge of the dropdown */
	 margin: 0;
}
#header #topNav ul li ul li.last {
	clear:both;
	border:none;
}
/* make the drop-down display as the menu is rolled over */
#header #topNav ul li ul {
	display:none;
} /* conceals the drop-down when menu not hovered */
#header #topNav ul li:hover ul {
	display:block;
} /* shows the drop-down when the menu is hovered */
* html #header #topNav ul {
	margin:-5px 0 0 0px;/* indents ul from edge of container  */
}