/* top horizontal navgation style sheet*/

#menubar {
	height:22px;
	overflow:visible; /* hidden doesnt work in FF 2*/
	width:960px;
	padding: 0; margin: 5px 0;
	background-color:#fff;
}

.menu_position_fix {height:17px; width:760px; padding:2px; background-color:#fff; text-align:center !important; margin-left:auto; margin-right:auto;
 position:relative; z-index:999999;
}

/* ----------------------- main styles for all lists ---------------------------------- */
#menu, #menu ul {     
	padding: 0;     
	margin: 0;     
	list-style: none; 
	line-height: 1; /*for second list extension*/
	float:left;	
	list-style-type: none;
	width: 760px;
} 

#menu a {display: block;} 

/* all list items */
#menu li {float: left;}

/* second-level lists */ 
#menu li ul {position: absolute; width: 10em;} 

/* third-and-above-level lists */
#menu li ul ul {margin: -1.66em 0 0 10em;} 

/* hide nested lists until hover */ 
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -1000em;}
/* show nested lists under list items when hovered*/
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto;}

/*hack for IE 7*/ #menu li:hover, #menu li.hover {position: static;}  



/* ----------------------- custom styles below ---------------------------------- */


/* all lists */    
#menu, #menu ul {font-family:Verdana, Arial, Helvetica, sans-serif;} 

/*links*/ #menu a {padding:.15em 1.25em 0em 1.25em; text-decoration: none;  color:#000; font-size:10px;}
/* restore width value if you want all top level links the same width and remove custom width classes below - width: 10em;*/ 

/* all list items */ #menu li {background-color:#fff; padding:0; }
/* all list items */ #menu li ul {background-color:#fff; 
/*padding:0em .5em 0em .5em; */
border-color:#ff0080; border-width:1px; border-style:solid; }
/* restore width value if you want all top level links the same width and remove custom width classes below - width: 10em;*/

/* second-level lists */ #menu li ul { MARGIN:0px; WIDTH:11em; HEIGHT:auto; margin-left: -1000em; text-align:left;}
/* using left instead of display to hide menus because display: none isn't read by screen readers */ 

#menu li ul a {WIDTH: 11em; padding:.5em 1.25em .5em 1.25em;}


/*top level buttons*/            
#menu .dropdwn_btn {margin:.11em; text-align:center; background:#fff; border-style:solid; border-color:#ccc; border-width:1px 1px 3px 1px; height:auto;}
#menu li.dropdwn_btn a{font-weight:bold;}


/*top level button hover state*/ #menu LI:hover .dropdwn_btn, #menu LI.sfhover .dropdwn_btn {color:#000;}




/*drop down item link styling*/ #menu li li a {padding-right:10px; color:#000;}
/*drop down item styling*/      #menu li li {PADDING-RIGHT: 0em; WIDTH: 11em; font-size:1em; }

/*drop down rollover hover state*/      #menu LI UL LI:hover, #menu LI UL LI.sfhover {background: #ccc;}
/*drop down text rollover hover state*/ #menu LI UL LI a:hover, #menu LI UL LI.sfhover{color:#000;}


/* hover state first drop down list offset*/  #menu li:hover ul, #menu li.sfhover ul {margin-left: 0em;}
/* hover state second drop down list offset*/ #menu li li:hover ul, #menu li li.sfhover ul {margin-left: 10em;}
/* hover state second drop down list offset*/ #menu li:hover ul ul, #menu li.sfhover ul ul {margin-left: 10em;}
											  #menu ul a:hover, #menu ul a.sfhover {border: 0;}





/* extra positioning rules for added keyboard accessibility */
#menu li a:focus + ul { margin-left: 0;}
#menu li li a:focus + ul { margin-left: 1010em;}
#menu li li a:focus { margin-left:1000em; width:10em; background: #ccc;}
#menu li li li a:focus {margin-left: 2010em; width: 10em; background: #ccc;}
#menu li:hover a:focus, #menu li.sfhover a.sffocus { margin-left: 0;}
#menu li li:hover a:focus + ul, #menu li li.sfhover a.sffocus + ul { margin-left: 10em;}