/* Menu bar styles */

/* top level */
#nav, #nav ul {padding: 0; margin: 0; list-style:none;z-index:100;} 
#nav li {float: left; width: 90px;z-index:100;}
#nav li a {padding-left:5px; border-left:1px solid #CCCCCC;font-family:Arial Narrow, Arial;font-size:11px; width:auto;}
#nav li ul a {padding:0px;border:none;font-family:Arial;}
#nav a {display: block;font-size:11px; color:#ffffff; font-weight: bold;height:31px;text-decoration:none;} 
/* top level hover */
#nav li.sfhover, #nav li:hover, #nav .menuselected {background-color:#EEEEEE;}
#nav li.sfhover a, #nav li:hover a, #nav .menuselected a {color:#666666;}
/* 1st level */
#nav li ul {border:1px solid #666666;position: absolute; width: 150px; left: -999em;line-height:20px; margin:0 auto;background-color:#7A7B7D;color:#FFFFFF;border-right:2px solid #999999;} 
#nav li ul li {background: url(/images/bg_menu.jpg) top left repeat-x;color:#FFFFFF;width:100%;}
#nav li ul a {font-size:10px;border-bottom:1px solid #666666;height:auto;padding-left:3px;width:147px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li.sfhover ul a, #nav li:hover ul a {color:#FFFFFF;}
#nav li ul li.sfhover a, #nav li ul li:hover a {color:#666666;}
/* dropdown hover style  */
#nav ul li.sfhover, #nav ul li:hover {background-color:#FFFFFF;width:auto;background: url(/images/bg_menu_over.jpg) top left repeat;}
/* 2nd level */
#nav li ul ul {margin: -22px 0 0 150px;} 
#nav .rightfold ul ul {margin: -22px 0 0 -150px;} 
#nav li.sfhover ul ul a, #nav li:hover ul ul a {color:#FFFFFF;}
#nav li ul ul li.sfhover a, #nav li ul ul li:hover a {color:#666666;}
/* 3rd level */
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;} 
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;} 
#nav li.sfhover ul ul ul a, #nav li:hover ul ul ul a {color:#FFFFFF;}
#nav li ul ul ul li.sfhover a, #nav li ul ul ul li:hover a {color:#666666;}
/* 4th level */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {left: -999em;} 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left: auto;} 
#nav li.sfhover ul ul ul ul a, #nav li:hover ul ul ul ul a {color:#FFFFFF;}
#nav li ul ul ul ul li.sfhover a, #nav li ul ul ul ul li:hover a {color:#666666;}

/* Expander arrow */
#nav ul li .menuexpand {background:url(/images/menu_arrow.gif) center right no-repeat;}