
/* styles the text.  creates the box and makes the div surround the text. colors the box and the right pipe. positions the box. */
div#menu {font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:1020px;
		height: 22px;
		float: left;
		border-right:1px solid #FFF;
		background-color: #00675C;
		position:relative;
		z-index:100;
		}
		
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width: 1020px;
}	



/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding: 0px;
		  margin: 0px;
		  list-style-type: none;
		  text-align: center;
		  color: #ffffff
	}
	
/* floats the menu items to be horizontal */
#menu li {float: left;
}	
	
/* style the links for the top level */
#menu a:link, #menu a:visited {
	display: block;
	font-size: 11px;
	text-decoration: none;
	color: #ffffff;
	width: 203px;
	height: 20px;
	border: 1px solid #FFF;
	border-width: 1px 0 1px 1px;
	padding-left: 0px;
	line-height: 20px;
	background-color: #00675C;
}	

/* You Are Here formatting */
#current a:link, #current a:visited {
	display: block;
	font-size: 11px;
	text-decoration: none;
	color: #ffffff;
	width: 203px;
	height: 20px;
	border: 1px solid #FFF;
	border-width: 1px 0 1px 1px;
	padding-left: 0px;
	line-height: 20px;
	background-color: #A29060;
}
	
	
/* makes the rollover background gold */
#menu a:hover {background-color: #A29060;
}	
	
	
/* drop-down box. sets size, position. the ridiculous "left" is an IE hack */
#menu ul li ul {width: 203px;
				float: left;
				position: absolute;
				left: -999em;
}



/* drop-down box. makes it pop down when you mouse over top item  */
#menu ul li:hover ul {display: block;
}


/* drop-down box. IE hack so it drops DOWN and not RIGHT */
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}

