/* 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: 0;
    padding: 0;
    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;*/
    height:25px;
  }
  /* 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: 2px 10px;
    font-family:Georgia;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    color:#FFF;
  }

 /*SPECIFIC SECTION*/
  /* Top-level menu. */
  .menuTier1    { width:600px; margin-left:60px; }
  .menuTier1 li { float: left; }      /* line items up horizontally */
  .menuTier1 a  { margin-left:5px; margin-right:5px; }
  .menuTier1 a:hover, .menuTier1 a.highlighted:hover, .menuTier1 a:focus {
    color:#C03;
  }
  .menuTier1  a.highlighted {
    color:#CCC;
  }
  .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:25px;
    left:0px;
    width:708px;
    background-color:#C03;
    border:1px solid #000;
    z-index:9999;         /* make sure the menu resides on top of everything. */
  }
  .menuTier2 li {
    position: relative;
    height:20px;
    width:auto;
    float:left;
  }
  .menuTier2 a {
    padding: 2px 5px;
    font-size:12px;
    font-weight:bold;
  }
  .menuTier2 a:hover, .menuTier2 a.highlighted:hover, .menuTier2 a:focus {
    color:#000;
  }
  .menuTier2  a.highlighted {
    color:#CCC;
  }

  /* Third-level submenus. - position across from parent. */
  .menuTier3 {
    top: 20px;
    left: 12px;
    width:120px;
    background-color:#000;
    border:1px solid #888;
  }
  .menuTier3 li {
    position: relative;
    height:15px;
    border-bottom:1px solid #888;
    float:none;
  }
  .menuTier3 a {
    padding: 2px 2px;
    font-size:10px;
    font-weight:normal;
  }
  .menuTier3 a:hover, .menuTier3 a.highlighted:hover, .menuTier3 a:focus {
    color:#C03;
  }
  .menuTier3  a.highlighted {
    color:#CCC;
  }

  .menuTier4 {
    top: 0px;
    left: 120px;
    width:120px;
    background-color:#000;
    border:1px solid #888;
  }

  /* 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 */


  .mainLinks {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index:9999;         /* make sure the menu resides on top of everything. */
  }
  .mainLinks LI {
    display:block;
    width:115px;
    padding:10px 5px;
  }
  .mainLinks LI A {
    color:#FFF;
    font-weight:bold;
  }
  .mainLinks a:hover, .mainLinks a.highlighted:hover, .mainLinks a:focus {
    color:#CCC;
  }
  .mainLinks  a.highlighted {
    color:#CCC;
  }