/*
   This style sheet is used to format the main menu for the DHTML drop
   downs. It is activated by JavaScript, so any styles placed here for the
   menu will ONLY appear when JavaScript is enabled on a browser. CSS 1.0
   and 2.0 styles are used and this file is hidden from 4.0 and older
   browsers.
*/
#mainNav .hasSubs a span{
  background: transparent url(/vimages/L7/navArrows.gif) no-repeat scroll 100% 50%;
  display: block;
  padding-right: 13px; /* Graphic 13x13 */
}

#mainNav .hasSubs {
  position: relative; /* Define the container for absolute positioning to follow */
}

/* IE-Win doesn't layer menu items correctly. The drop down menu items will
   appear under all top level section menu items, even if given a z-index.
   The workaround is to position the sub nav 100% from the left side of the
   left column. */
#mainNav ul.subs {
  border-right: 1px solid #92a2af;
  border-bottom: 1px solid #92a2af;
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 175px; /* Widen dropdowns for more text room */
  z-index: 10; /* Safari needs */
}