/* This style sheet is divided into two sections: global and specific. The   */
 /* global section covers definitions which apply to all menu levels, such as */
 /* padding, margins, and visibility.  The specific sections apply only to    */
 /* named menu classes or items.  Since previous styles can overlap with later*/
 /* styles, care should be taken to define all important styles at each level.*/
 
  /* This style applies to all UL tags in the menu. including the first level */
  .menuTier1, .menuTier1  ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index:9999;         /* make sure the menu resides on top of everything. */
  }

  /* All submenus (UL tags) are initially hidden and absolutely positioned.   */
  .menuTier1 ul {
    visibility: hidden;
    position: absolute;
  }

  /* All menu items (LI) positioned relatively to correctly offset submenus.  */
  /* Also, the bottom and right margins are set to allow overlapping borders. */
  .menuTier1 li {
    position: relative;
    /*margin-right:-1px;*/
    /*margin-bottom:-1px;*/
  }
  /* Fix margin on last item in submenus. */
  /*.menuTier1 ul>li:last-child { margin-bottom: 1px; }*/

  /* All links (A) inside the menus.  Must be block style, with no underline. */
  .menuTier1 a {
    display: block;
    padding:5px 5px 4px 5px;
    margin:0px;
    margin-bottom:1px;
    font-family:Trebuchet MS,Helvetica;
    font-size:14px;
    text-decoration:none;
    text-align:right;
    background-color:#979797;
    color:#FFF;
  }
  .menuTier1 a:after { content:' >'; }
 /*SPECIFIC SECTION*/
  /* Top-level menu. */
  .menuTier1    { }
  .menuTier1 li { float: none; }      /* line items up vertically */
  .menuTier1 a  { }
  .menuTier1 a:hover, .menuTier1 a.highlighted:hover, .menuTier1 a:focus {
    background-color:#00ADF1;
    color: #FFF;
  }
  .menuTier1  a.highlighted {
    background-color:#FE0000;
    color: #FFF;
  }
  .menuTier1  a.active {
    background-color:#FE0000;
    color: #FFF;
  }
  .menuTier1 a .subind  { display:none; }     /* No subindicator here */


  /* Only style submenu indicators within submenus. */
  .menuTier1 ul a .subind { display:block; float:right; }

  /* Second-level menus.  For now, these are all the same width.  At some     */
  /* point, we'll put column-specific styles in to allow for separate widths. */
  .menuTier2 {
    top:10px;
    left:180px;
    width:auto;
    background-image:url(../img/header-bg.jpg);
    background-repeat: repeat-x;
  }
  .menuTier2 li {
    margin-bottom:-1px;
    border:1px solid #92485F;
    float:none;
  }
  .menuTier2 a  {
    font-size:12px;
    font-weight:bold;
    padding:0px 5px;
    margin:0px;
    border:none;
    white-space: nowrap;
   }
  .menuTier2 a:hover  {
    background-color:#92485F;
    color:#FFF;
    border:none;
   }

  /* Third-level submenus. - position across from parent. */
  .menuTier3 {
    top: 0px;
    left: 120px;
    width:100px;
    border:1px solid #808080;
  }
  .menuTier3 li {
    float:none;
  }

  /* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
  .menuTier1 a    { float:left; }
  .menuTier1 ul a { float:none; }  /* \*/
  .menuTier1 a    { float:none; }
  /* */
  /* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
  * html .menuTier1  ul li  { float: left; height: 1%; }
  * html .menuTier1  ul a   { height: 1%; }
  /* End Hack */