
/* CSS for Drop down menu */
#menu {
	width: 240px;
	margin-left:0px;
	font-size:13px;  font-family:"Trebuchet MS" ,Verdana, Arial, Helvetica, sans-sarif; 
	border: 0; 
}
#nav, #nav ul {
	width: 240px;
	list-style: none;
	text-align: left; 
	padding: 0;
	margin: 0 0 0 0;  line-height:25px;/*--sets height of top nav*/ 
	}

/*First level text width*/
#nav a {
	display: block;
	width: 240px;
	color: #000;
	text-decoration: none;font-family:"Trebuchet MS" ,Verdana, Arial, Helvetica, sans-sarif; font-size:13px; text-align:left; text-indent:7px; 
		
}


.navhead {
	display: block;
	width: 220px;
	color: #000;
	text-align:left;
}

	
#nav li {/*controls top level text widths and Line Height  - USe text indent, not margin, otherwised hover bar will not go all way to the right */
	
	margin-left: 0px; text-indent:7px;
	width: 256px;
	line-height:34px;
	
	 border-bottom: 1px solid #fff;
}


/*First level dropdown - controls appearance and position on page */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	border: 1px solid #fff; color:#000; font-size:12px; 
	line-height:25px; margin-top:-1px; margin-left:45px; 
}



#nav li li {
	width:200px;/*controls hover width --  "#nav li ul a width" + margin = this width.  IE does not care, but Netscape and Firefox do.  =200 +10 =210*/
} 


#nav li ul a {/*Drop Downs font width */
	
	width: 200px;
	text-align:left; text-indent:10px; font-size:12px; color:#000; visibility:visible; 
}

#nav li ul ul {/*Controls positioning of 3rd level */

	margin-top: -2px; margin-left: 30px; margin-right:0; margin-bottom:0;
	/* use negative px for margin-top to raise 3rd level up to 2nd level, else it displays below 2nd level and is hard to navigate.  Use margin-left to slightly overlap 2nd level i.e.  the margin-left of this should be 5px less than the width of #nav li ul a  for positioning in most browsers*/
}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -950em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

/*Set hover colors. Add class to menu div  DOn use the name "hover" for the class name.   Lt Gold with Black text */
#nav .vets li:hover, #nav .vets li.sfhover {
	background-color:#d6cec1;  
}


/*Set background colors for drop downs.  Add class to each ul in dropdowns  --Gold */
#nav .dropdown {background-color:#b0a595; }

#content {
	clear: left;
}




