/* 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 */
#menuRoot {
  position:relative;
  left:0px;
}
.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;
  font-family: Comic Sans MS, Arial;
  font-size:13px;
  font-weight:bold;
  /*margin-right:-1px;*/
  /*margin-bottom:-1px;*/
/*background: #669ACC;)*/
}

/* 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: 3px;
  margin-top:2px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:2px;
  text-decoration:  none;
}

/*SPECIFIC SECTION*/
/* Top-level menu. */
.menuTier1    { }
.menuTier1 li { float: left; }      /* line items up horizontally */
.menuTier1 a  { color:#fded4d; }
.menuTier1 a:hover, .menuTier1 a.highlighted:hover, .menuTier1 a:focus {
  color: #036;
  background-color: #fded4d;
}
.menuTier1  a.highlighted {
  color: #fded4d;
  background-color: #036;
}
.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:10px;
  width:125px;
  color: #036;
  background-color: #fded4d;
  border:1px solid #036;
}
.menuTier2 li {
  background-color: #669ACC;
  float:none;
}
.menuTier2 a  { color:#036; }
.menuTier2 a:hover, .menuTier1 a.highlighted:hover, .menuTier1 a:focus {
  color: #fded4d;
  background-color: #036;
}
.menuTier2  a.highlighted {
  color: #fded4d;
  background-color: #036;
}
.menuTier2 a .subind  { display:none; }     /* No subindicator here */

/* Third-level submenus. - position across from parent. */
.menuTier3 {
  top: 0px;
  left: 120px;
  width:100px;
  border:1px solid #808080;
  color: #036;
  background-color: #fded4d;
 
}
.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 */

#submenu16 .menuTier3 {
  left:-100px;
}