/* 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;
    /*margin-right:-1px;*/
    /*margin-bottom:-1px;*/
    height:40px;
    background-color:#036;
  }
  /* 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;
    height:36px;
    font-family:Verdana;
    font-size:12px;
    line-height:30px;
    font-weight:bold;
    font-variant:all-caps;
    text-decoration:none;
    text-align:center;
    color:#FFF;
  }

 /*SPECIFIC SECTION*/
  /* Top-level menu. */
  .menuTier1    { width:115px; }
  .menuTier1 li { float: none; }      /* line items up vertically */
  .menuTier1 a  { margin-left:5px; margin-right:5px; }
  .menuTier1 a:hover, .menuTier1 a.highlighted:hover, .menuTier1 a:focus {
    color:#036;
  }
  .menuTier1 a.highlighted {
    color:#9C3;
  }
  .menuTier1 a .subind  { display:none; }     /* No subindicator here */
  /* Top Menu Background Images */
  .menuTier1 a { background-repeat:no-repeat; }
  .menuTier1 a.m01        { background-image:url(img/menubg01n.gif); }
  .menuTier1 a.m01:hover  { background-image:url(img/menubg01o.gif); }
  .menuTier1 a.m02        { background-image:url(img/menubg02n.gif); line-height:14px; }
  .menuTier1 a.m02:hover  { background-image:url(img/menubg02o.gif); }
  .menuTier1 a.m03        { background-image:url(img/menubg03n.gif); }
  .menuTier1 a.m03:hover  { background-image:url(img/menubg03o.gif); }
  .menuTier1 a.m04        { background-image:url(img/menubg04n.gif); }
  .menuTier1 a.m04:hover  { background-image:url(img/menubg04o.gif); }
  .menuTier1 a.m05        { background-image:url(img/menubg05n.gif); }
  .menuTier1 a.m05:hover  { background-image:url(img/menubg05o.gif); }

  /* 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:0px;
    left:130px;
    width:175px;
    border:1px solid #a8d3d3;
    color:#003366;
    background-color:#99cc33; 
    z-index:9999;         /* make sure the menu resides on top of everything. */
  }
  .menuTier2 li {
    height:30px;
    width:175px;
    background-color:#003366;
    color:#99cc33;
    float:none;
  }
  .menuTier2 a {
    background-image:none;
  }
  .menuTier2 a:hover, .menuTier2 a.highlighted:hover, .menuTier2 a:focus {
    color:#036;
	 background-color:#9c3
  }
  
  /* Third-level submenus. - position across from parent. */
  .menuTier3 {
    top: 0px;
    left: 120px;
    width:100px;
    border:1px solid #808080;
  }
  .menuTier3 li {
    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 */