/*************************************************************
**** Birds of Vermont : Navigation Menu Style 	    **********
**** for a horizontal menu bar under the header 	**********/

/* Many thanks to Patrick Griffiths and Dan Webb for the Suckerfish Dropdowns: http://www.htmldog.com/articles/suckerfish/dropdowns/ */
/* I sure couldn't've done this without them doing it better */
/* to make this work, you'll need the birdnav.js file as well as this css */

/* first level */
#birdnav {
	width: 735px;
	height: 19px;
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	background-color: #E5EFE5;
	border-top: 1px solid #006600;
	border-bottom: 1px solid #006600;
	text-align: center;
	}
	
#birdnav li {
	height: 20px;
	width: 95px; /* w-o width, IE6 gives extra room below any li with enclosed ul. Opera likes widths too. */
	color: #006600;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	line-height: 1.5;
	float: left;
	padding: 0 5px 0 5px;
	}

#birdnav a, #birdnav .pretenda {
	display: block;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;  /*make same as containing li less border */
	width: 95px; /* make same as #birdnav less border, less padding*/
	}

#birdnav .hideme {
	display: none;
	}	

/* first level hover */
#birdnav li:hover .hideme, 
#birdnav li.sfhover .hideme {
	display: inline;
	color: #ffffff;
	}	

#birdnav li:hover, #birdnav a:hover, #birdnav li:hover .pretenda, 
#birdnav li.sfhover, #birdnav li.sfhover .pretenda {
	color: #ffffff;
	background: #006600;
	}

/* second level */
#birdnav li ul {
	position: absolute; 
	background-color: #006600;
	list-style-type: none;
	width: 105px;
	left: -9999em; 	/* using left instead of display to hide menus because */ 
					/* display: none isn't read by screen readers */
	padding: 0;
	margin: 0;
	}

#birdnav li li {
	background-color: #006600;
	border: 1px solid #006600;
	border-top: none;
	width: 103px;
	line-height: 1.5;
	height: auto;
	padding: 0;
	margin-left: 0;
	}

#birdnav li li a {
	background-color: #E5EFE5;
	width: 99px;
	height: auto;
	margin: 0;
	padding: 0 2px 0 2px;
	}
	
/* where to display the lists while being hovered  ***********************************************/		
#birdnav li:hover ul, 
#birdnav li.sfhover ul  {
	color: #ffffff;
	position: relative; /*this lets the submenu work for more than one button */
	left: -5px;
	top: -1px;
	z-index: 5;		/* raise z-index to put submenu on top of page content; IE6 can't see it at default */
	}

#birdnav .here, #birdnav li:hover a:hover.here,
#birdnav li.sfhover a:hover.here {
	color: #ffffff;
	text-decoration: none;
	background-color: #759975;
	}