/****************** Dropdown Menu styling starts here **************/
.menusan
{
 /* use these params to positions your menu */
 position: relative;
 left: 10px;
}
 
.menusan, .menusan li, .menusan li ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
}
 
.menusan li a {
	display: block;
	/*width: 9em;
	color:#FFFFFF;
	background-color:#009900;
	border:2px solid #009900;*/
	text-decoration:none;
	/*text-indent:1em;*/
}
 
.menusan li { /* all list items */
 float: left;
 width: 9em; /* width needed or else Opera goes nuts */
 /*border-bottom:1px solid #ccc*/;
}
 
.menusan li ul { /* second-level lists */
 position: absolute;
 width: 9em;
 left: -498%; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
 top:24px;
 background-color:#FFFFFF;
 color:#fff;
}
 
.menusan li a:hover {
/*width: 9em;
	border:2px solid #EEEEEE;	
	background-color:#EEEEEE;*/
	/*color:#fff;*/
	
}
 
.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */
 /*left: auto;  change is to 10px, 20px, etc for indenting the sub menue */
 left:auto;
 width: 9em;
	/*border:1px solid #AAAAAA;*/	
	background-color:#EEEEEE;
	/*margin-left:-40px;*/
}
.menusan li ul a, .menusan li ul a  { /* lists nested under hovered list items */
 /*left: auto;  change is to 10px, 20px, etc for indenting the sub menue */
	border:1px solid #AAAAAA;	
	border-top: hidden;
	background-color:#EEEEEE;
	width: 10em;
	text-align:left;
}
/* **************** Dropdown Menu styling end here ***************/
