@charset "utf-8";
 
ul { /* all lists */
	padding: 0;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	list-style: none;
}
 
li { /* all list items */
	float: left;
	position: relative;
	width: 10em;
	
}
 
li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
 
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;
}
 
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}
 
#content {
	clear: left;
}
	#nav, #nav ul { /* all lists */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		list-style: none;
		line-height: 1.5;
		margin-left: 0;
		}
	#nav a	{
	display: block;
	text-decoration: none;
	color: white;
	width: 100px; /* width needed for floated item or Opera layout will break */
		}

	#nav li { /* all list items  */
	float: left;
	width: 100px; /* width needed for floated item or Opera layout will break */
	color: white;
	background-image: url(../image/nav_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	border-right: dashed #060 1px;
	padding: 5px;
		}
	#nav li#this_directory { 
		background-color: #606; 
		}
	#nav li li { /* attributes of dropdown menu */
	border: none; 
	background-image: url(../image/nav_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	margin-right: -5px;
	margin-bottom: 0;
	margin-left: -5px;
	border-bottom: #75a440 1px solid; 
	border-top: #75a440 1px solid; 
		}
	#nav li ul a, #nav li li	{ /* adjusts width of dropdowns */
		width: 150px; 
		}
	#nav li ul { /* second-level lists */
		position: absolute;
		top:27px;
		border-top:#060 dashed 1px;
		width: 150px!important;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		z-index: 100;
		}
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		}
	#nav li:hover, #nav li.sfhover { /* color(s) when mouse hovers over list item */
	background-image: url(../image/nav_over_bg.gif);
	background-repeat: repeat;
	background-position: left top;	
	border-bottom: #060 1px solid; 
	border-top: #060 1px solid; 
		}		
#container #content #menu_bar {
	background-color: #FFF;
	width: 752px;
	background-image: url(../image/nav_bg.gif);
	height: 29px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: white;
	border-right-color: white;
	border-bottom-color: #060;
	border-left-color: white;
}

#container #content #menu_bar #nav .last_list_item {
	border: none;	
}
#container #content #menu_bar #nav .last_list_item:hover{
	border: 1px solid #4F8C0B;
	}

#nav {
	margin-right: auto;
	margin-left: auto;
	margin-left:40px;
}
/*  ---------------------------------------------------
	HACKS (separated by WHAT it applies to and WHY)
	This section is separated for easy deletion
	in the hopes that the browsers that need these hacks 
	will either fall out of use or start paying attention 
	to standards
	--------------------------------------------------- */
	
	/* IE5/Mac Band Pass Filter (empty...still experimenting */
	/*\*//*/
          
     /**/

	
	/* --------- #nav ------- */
	* html #nav li:hover ul, * html #nav li.sfhover ul {
		/* HACK: who hates IE?  I do!: doesn't understand negative margin */
		margin-left: -5px;
		}
	* html #nav li:hover li a, * html #nav li.sfhover li a {
		/* HACK: who hates IE?  I do!: doesn't understand negative margin */
		padding-left: 5px;
		}	
		
	/*	All IE browsers*/
		* html ul#content_links { /* lines up on left w/content */
			/*padding-left: 30px;*/
			}
		* html ul#content_links li {
			border-right: 1px solid black;
			padding: 0 0.4em 0 0.4em;
			margin: 0 0.4em 0 -0.4em;
			}
	/*	Win IE browsers - (hide from Mac IE)\*/
		* html ul#content_links { height: 1%; }
	
		* html ul#content_links li {
			display: block;
			float: left;
		} /* (end hide) */
	/*	Mac IE 5*/
		* html ul#content_links li:first-child { border-left: 0; }
     /* end IE workaround */		
.float_left {
	float: left;
}

	#nav li.extra_pad	{
 /* width needed for floated item or Opera layout will break */
	padding-right: 15px;
	}
		#nav li.extra_pad a	{
 /* width needed for floated item or Opera layout will break */
	width: 110px;
	}