#outernav
{
	width:965px; 
	font-size:12px !important; 
	margin:0; 
	padding:0; 
	font-weight:bold; 
	z-index:100;  
	background-color:#2161C2; 
	height:50px;
}
#navcontainer {width:940px;padding-top:10px;margin-left:30px;}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
    text-align:left;
    font-size:12px !important; 
}
#nav li { /* all list items */
	float: left;
    width:130px;
    background:url('../images/button.jpg') no-repeat;
 /* width needed or else Opera goes nuts */
}

#nav li a{
    color: #000000;
	font-size:12px !important; 
    background:transparent no-repeat scroll right top;
    text-decoration:none;
    display:block;
    padding-top:6px;
    padding-bottom:7px;
    text-align:center;
}

#nav li a:hover{
    color:#ababab;
    text-decoration:none;
    display:block;

}

#nav li:hover, #nav li.hover { position:static;}


#nav ul li a:hover
{
	color: #000;
}


#nav li ul { /* second-level lists */
	position: absolute;
	background: #AFC0DE;
    border:1px solid #000000;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    text-align:left;
    list-style-type:none;
    width: 19em;
    padding-left: 1em;
}

#nav li ul li{ /* second-level lists */
    display:block;
    width: 19em;
}

#nav li ul li:hover{ /* second-level lists */

	
}

#nav li ul li a{ /* second-level lists */
    width:100%;
    height:20px;
    display:block;
    border-bottom:1px solid #000000;
    padding:0;
    background:#AFC0DE;
    text-align:left;
}

#nav li ul li a:hover{ /* second-level lists */
    text-align:left;
    display:block;
    font-size: 100%;
    color:#FFFFFF;
    height:20px;
    width:100%;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*


*/


#MENUouternav
{
	z-index:1000;
	width:150px; 
	font-size:11px;
	float:left;
	margin-left: -30px; 
	margin-right: 8px;
	border: 1px solid #555; 
	font-family: Arial, Helvetica, Verdana;
	margin-bottom:5px;
	background-color: #2161C2;
	height: 22px;
}


#MENUnav, #MENUnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:left;
}
#MENUnav li { /* all list items */
    float: left;
    width:150px;
    cursor: pointer;
 /* width needed or else Opera goes nuts */
}

#MENUnav li a{
    color: white;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:left;
    height: 19px;
    cursor: pointer;
}

#MENUnav li a:hover{
    color:#ababab;
    text-decoration:none;
    display:block;
    height:19px;
    cursor: pointer;
}

#MENUnav li:hover, #MENUnav li.hover { position:static;}


#MENUnav ul li a:hover
{
	color: #000;
}


#MENUnav li ul { /* second-level lists */
	position: absolute;
	padding-top:3px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align:left;
	list-style-type:none;
	width: 230px;
}
#MENUnav li ul li ul { /* second-level lists */
	margin-left: 100px;
}
#MENUnav li ul li{ /* second-level lists */
    display:block;
    cursor: pointer;
    height:30px;
    font-size:12px;
    width: 230px;
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
}

#MENUnav li ul li:hover{ /* second-level lists */

	
}

#MENUnav li ul li a{ /* second-level lists */
	width:100%;
	cursor: pointer;
	height:30px;
	font-size:12px;
	display:block;
	border-bottom:1px solid #888;
	padding:0;
	background-color: #0B0B7D;
	text-align:left;
}

#MENUnav li ul li a:hover{ /* second-level lists */
    text-align:left;
    cursor: pointer;
    height:30px;
    font-size:12px;
    display:block;
    color:#FFFFFF;
    background-color:blue;
    width:100%;
}


#MENUnav li:hover ul, #MENUnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#MENUnav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#MENUnav li:hover ul ul, #MENUnav li.sfhover ul ul {
	left: -999em;
}

#MENUnav li:hover ul, #MENUnav li li:hover ul, #MENUnav li.sfhover ul, #MENUnav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}