div#mainNav { z-index:1000; width:905px; margin:0; padding:0; background-image:url(images/navbg.jpg); background-repeat:repeat-x; float:left; }

#mainNav ul { /* all lists */
  /*padding: 8px;*/
    padding:0;
      margin: 0;
        list-style: none;
          line-height: 1;
}

#mainNav a {
  display: block;
    color:#FFFFFF;
      text-decoration:none;
  font-weight:bold;
}
#mainNav ul li a { border-right:1px solid #393939; padding:8px 20px 8px 20px; }
#mainNav li a:hover { background:none; color:#c77d2d; }
#mainNav ul ul li a { padding:3px; background:none; border-right:none; width:160px; color:#414141; font-weight:normal; } /* TOP LEVEL NAV */
#mainNav ul ul li a:hover { text-decoration:underline; color:#74896a; background:none; }
#mainNav li { /* all list items */
  float: left;
}
#mainNav .active { color:#FFFFFF; }
#mainNav .active a { color:#FFFFFF; }
#mainNav ul ul li { padding:3px 6px 3px 6px; }
#mainNav li ul { /* second-level lists */
  position: absolute;
  background: #FFFFFF;
  width: 170px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  display:block;
  border:1px solid #eaeaea;
  margin:0;
  text-align:left;
}
#mainNav li ul ul { /* third-and-above-level lists */
  margin: -1em 0 0 10em;
  text-align:left;
  display:block;
  width:170px;
}

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
  left: -999em;
  visibility:visible;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}
#mainNav li.daddy { border-right:2px solid #414141; }

#mainNav li:hover, #mainNav li.sfhover { background:#000000; color:#009bff; }
#mainNav ul ul li:hover, #mainNav ul ul li.sfhover { background:none; color:#FFFFFF; }