@charset "utf-8";
/* CSS Document */

#nav{
	width:734px;
	background-image:url(../images/nav_bck.gif);
	background-repeat:no-repeat;
	text-align:left;
	font-size:11px;
	height:34px;
	margin:0 0 6px 0;
	z-index:1;
}

.menusan
{
 /* use these params to positions your menu */
 position: relative;
 left: 0;
 z-index:1;
}
 
.menusan, .menusan li, .menusan li ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
}
 
.menusan li a {
 color:#2c2c2c ;
 background-color:#efefef;
 text-decoration:none;
 padding:0 5px 0 0;
}

.menusan li a:hover {
 background-color:#efefef;
 color:#4378bc;
}

.menusan ul{
padding:0;
margin:0;
background-image:url(../images/sub_bck.gif);
width:128px;
height:40px;
background-repeat:no-repeat;
 
}
 
.menusan li { 
float: left;
 /* width needed or else Opera goes nuts */
padding:10px 0 0 12px;
}
 
.menusan li ul { /* second-level lists */
 position: absolute;
 width: 10em;
 left: -98%; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
 padding:8px 0 0 0px;
 margin:0 0 0 0;
}

.menusan li ul li{ /* second-level lists */
 padding:0 0 10px 13px;
 margin: 0;
/*border:solid #4378bc 2px;
background-color:#efefef;*/
}

.menusan li ul a{ /* second-level lists */
 display: block;
 width: 10em;
 color:#2c2c2c ;
/* background-color:#efefef;*/
 text-decoration:none;
}

.menusan li ul a:hover{ /* second-level lists */
 display: block;
 color:#2c2c2c ;
/* background-color:#efefef;*/
 color:#4378bc;
 text-decoration:none;
}


.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */
  left: 47px;
 width:128px; /* change is to 10px, 20px, etc for indenting the sub menue */
}