/*
   This file formats the sub menus in the main navigation. It is an
   alternate style sheet activated by JavaScript. Any styles placed in here
   will be read by Standards Compliant, JavaScript-enabled browsers.
*/

/* Encases top level section links */
#mainNav li {
  float: left;
}

/* Encases sub section links */
#mainNav li li a {
  border-left: 0;
}

/* Encases the top level section link and the drop down. Safari 1.0.x
   didn't position the menu correctly if the floated LI tag got the
   relative positioning. */
#mainNav li.hasSubs .fixSafari {
 display: block;
 position: relative;
}

/* General styles for top level section links. */
#mainNav li.hasSubs a,
#mainNav li.hasSubs span {
  background: transparent url(/vimages/L3/skin1/navArrow_off.gif) no-repeat scroll 100% 50%;
  padding: .2em 15px .2em 5px;
}

/* Mouse hovers over the top level section that has sub sections */
/* Styles for top level section when hovering over sub section links. This
   comment was placed over top of "#mainNav li.hasSubs .topLevelSection"
   but IE 5.5-Win refused to apply the style rules to .topLevelSection
   because it had a comment over it. Moving the comment here solved the
   problem. */
#mainNav li.hasSubs a:hover,
#mainNav li.hasSubs a:focus,
#mainNav li.hasSubs .topLevelSection {
  background-color: #ACACAC;
  background-image: url(/vimages/L3/skin1/navArrow_on.gif);
  color:#000;
}

/* General styles for sub section links */
#mainNav li.hasSubs li a {
  background-image: none;
  border-bottom: 1px solid #FFF;
  margin: 0;
  white-space: normal;
}

/* Mouse hovers over the sub section links */
#mainNav li.hasSubs li a:hover,
#mainNav li.hasSubs li a:focus,
#mainNav li.hasSubs li #currentSection {
  background: #ACACAC none;
  color: #000;
}

/* Encases the sub section's top level section and separator. */
#mainNav li li a span { display: none; }

#mainNav li li {
  display: block;
  width: 120px;
}

#mainNav li li a { display: block; }

/* Top level sections that do not have live articles, but have subs with
   live articles. */
#mainNav span {
  color: #fff;
  cursor: default;
  display: inline;
}

#mainNav ul {
  
}

/* Drop-down box */
#mainNav ul ul {
  background-color: #000;
  border: 1px solid #FFF;
  border-bottom: 0;
  display: block;
  left: 0;
  line-height: 1.2em;
  padding: 0;
  position: absolute;
  top: 1.4em;
  /*\*/top: 1.6em;/**/
  visibility: hidden;
  width: 120px;
  z-index: 100;
}

/* ########################################################################
   The styles below are a series of IE-Win hacks to get the sub section
   links to display properly. Hide from IE5-Mac.
####################################################################### \*/

/* Gets rid of margin between <li> tags when they contain block-level
   <a> tags. \*/
* html #mainNav li li {
  float: left;
  height: 1px;
  width: 120px;
}

/* Allows IE-Win to render sub section links clickable. \*/
* html #mainNav li li a { height: 1px; }

/* ######################### END IE5-MAC HIDING ######################## */