/****************** 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;
	color: #FFFFFF;
	background-color: #2E2E2E;
	border: 0px solid #2E2E2E;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	background-image: url(../images/menubg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
 
.menusan li { /* all list items */
 float: left;
}
 
.menusan li ul { /* second-level lists */
 position: absolute;
 left: -98%; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
}
 
.menusan li a:hover {
	background-color: #525252;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../images/menubg-hover.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
 
.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 */
}
/* **************** Dropdown Menu styling end here ***************/