/*
-23px // use this in selectors
<link rel="stylesheet"  type="text/css" media="screen" href="formstyle.php?pg_bkg=ffffff">
*/

#nav, #nav ul {
	/* all lists */
	padding: 0;
	margin: 10px 0px 0px 0px;
	list-style: none;
	float: left;
	width: 135px; /*not sure why this is needed*/
}
	
#nav li {
	/* all list items */
	position: relative;
	float: left;
	line-height: 14px; /*margin-bottom: -1px;*/
	margin: 0px 0px -1px 0px; /*-1 makes the menue border the same size*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 font-weight: bold; 
/*this width should be as big as the menues containing div
this allows hover outside of the boxes uther wise menue
colapses before mousing over */
	width: 135px; /* width needed or else Opera goes nuts */
}
	
#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 149px;/* sec level pos */
		margin-top : -23px; /* aligns 2 nd level to top of menue*/
	}
		
.navhi a {
	width: 135px;
	display: block;
	color: #4C1A04;
	font-weight: bold;
	text-decoration: none;
	background-color: #d0c1a0;
	border: 1px solid #603000;
	padding: 1px 1px 1px 2px;
	margin-bottom: 3px;
}
.navlow a {
	width: 125px;
	display: block;
	color: Blue;
	font-weight: bold;
	text-decoration: none;
	background-color: #F0F8FF;
	border: 1px solid #603000;
	padding: 1px;

}

.navhi a:hover {
	color: maroon;
	background-color: #F0F8FF;
}
.navlow a:hover {
	color: maroon;
	background-color: #ADD8E6;
}	
/*.desctxt {
	color: Maroon;
	text-transform: capitalize;
	
}*/

	
 	#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 {  /* lists nested under hovered list items */ 
		left: auto;
	}
	 
/*.hide {
		display: none;
	background-image : url(../b-img/hoverbk.gif);
}*/