/* Menu styles */
  .menuTier1 {
    position:absolute;
    top:10px;
    left:15px;
/*    visibility: hidden; */
  }
  .menuTier1, .menuTier1 ul {
    width:1px !important;
    height:1px !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size:10px;
    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 !important;
    /*margin-right:-1px;*/
    margin:0px !important;
    padding:0px !important;
    margin-bottom:1px !important;
    width:120px;
    height:15px !important;
    padding:0px !important;
  }
  /* 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 {
    font-family:Arial,Helvetica,san-serif !important;
    display: block;
    width:120px;
    height:15px;
    padding:0px;
    font-family:Times;
    font-size:12px !important;
    text-decoration:  none;
    color:#FFF;
    float:none !important;
  }

 /*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 {
    text-decoration:  none;
  }
  .menuTier1  a.highlighted {
    text-decoration:  none;
  }
  .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 {
    position:absolute;
    top:0px;
    left:75px;
    width:120px;
  }
  .menuTier2 li {
    float:none;
    width:120px;
    background-color:#DDD;
    border:1px solid #888;
  }
  .menuTier2 A { color:#000 !important; width:120px; }
  .menuTier2 a:hover, .menuTier2 a.highlighted:hover, .menuTier2 a:focus {
    background-color:#444;
    color:#FFF !important;
  }
  .menuTier2  a.highlighted {
    background-color:#444;
    color:#FFF !important;
  }


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

/* This styles control the positions of the tile submenus.  All submenus are
   assumed to be in the top-left corner of the tile, so the only ones we need
   to define here are the ones which differ.
*/
  #hos2Root { top:75px; left:15px; }        /* Tunics */
  #hos2Root A { color:#000; }
  #hos3Root { top:155px; left:105px; }      /* Bottomwear */
  #hos4Root { top:65px; left:150px; }       /* Culinary */
  #hos5Root { top:15px; left:75px; }        /* Cocktail */
  #hos5Root A { color:#000; }
  #hos5Root A:hover, #hos5Root A.highlighted, #hos5Root A:focus { color:#AAA; }
  #ps1Root { top:15px; left:155px; }        /* Police */
  #ps1Root LI { width:150px; }
  #ps1Root A { color:#000; width:150px; }
  #ps1Root a:hover, #ps1Root a.highlighted, #ps1Root a:focus { color:#FFF; }
  #ps2Root { top:45px; left:55px; }         /* Fire */
  #ps3Root { top:15px; left:130px; }        /* EMT */
  #tr3Root { top:15px; left:105px; }        /* Transit */