/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus */


/* Begin CSS Popout Menu */

 #menu{
  position:relative;
  top:0px;
  left:0px;
  z-index:2;
  width:180px;
  padding-bottom:0px; /* To allow room for bottom dropdown */
  background-color:#000000;
}

#menu a{
  font:normal 90%/205% tahoma,arial,helvetica,sans-serif;
  display:block;
  border-width:1px;
  border-style:solid;
  border-color:#ccc #bbb #999 #ddd;
  white-space:nowrap;
  margin:0;
  padding:0 4px;
  text-align:left;
}

#menu a{ /* default appearance of link nav cells */
  color:#ffffff;
  background:#939905;
  text-decoration:none;
}

#menu a:hover{ /* hover appearance of link nav cells */
  color:#ffffff;
  background:#666666;
}

#menu a:active{ /* mouse down appearance of link nav cells */
  color:#FFFFFF;
  background:#00848e;
}

#menu ul{
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
  position:relative;
}

div#menu li ul{
  position:absolute;
  top:0;
  left:100.1%;
  display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul{
  display:none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
  display:block;
}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{ /* default appearance of parent nav cells */
  background:#939905 url(../images/common/expander.gif) no-repeat top right;
  cursor:pointer;
}

#menu a.x:hover{ /* hover appearance of parent nav cells */
  background:#aaaaaa url(../images/common/expander.gif) no-repeat top right;
  color:#000000;
}

#menu a.x:active{
  color:#FFFFFF;
  background:#00848e;
}

#menu .subhead{
  font-size:10px;
  margin-top: -15px;
  margin-bottom: 0px;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
}
#menu .lihome {
  font-size: 10px;
}