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

*{margin:0;padding:0;border:none;}

/* Begin CSS Popout Menu */

#menuv{
  width:167px;
  /* padding-bottom:12em; */ /* To allow room for bottom dropdown */
  text-align: left;
}

#menuv a, #menuv h2 {
  font-size: 8pt;
  display:block;
  white-space:nowrap;
  margin:0;
  padding:3px 5px 3px 5px;
}

#menuv h2 {
  font-weight: normal;
  color: #000000;
}

#menuv a.main{
  font-size: 9pt;
/* 
  color: #000000;
  background-color: #c6c7c9;
*/
  font-weight: bold;
  padding-left: 5px;
}

#menuv a.header{
  font-size: 9pt;
  background-color: #c6c7c9;
/*  text-decoration: underline; */
  font-weight: bold;
  padding-left: 5px;
  margin-right:-1px;
}

#menuv a{
  color: #000000;
/*  background-color: #eeeeec; */
  background-color: #ffffff; 
 /* border-bottom: 1px dotted #808080; */
  text-decoration:none;
}


#menuv a:hover{
  background-color: #d7e4ff;
  color: #000000;
}


#menuv a:active{
  color: #808080;
  background: #e9f0ff;
}

#menuv a.sub { 
  background-color: #2087d2;
  margin-left: 5px;
}

#menuv a.sub:hover{
  background-color: #ffffff;
  color: #0067b2;
}

#menuv a.sub:active{
  background-color: #c0c0c0;
  color: #0067b2;
}

#menuv a.current, #menuv h2.current { 
  background-color: #d7e4ff;
  color: #000000;
}

#menuv ul{
  position:relative; 
  list-style:none;
  margin:0;
  padding:0;
  width:167px;
  z-index:2000; 
}


/* 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#menuv li {
  position:relative; 
}

div#menuv li:hover{
  position:relative; 
}

div#menuv li ul{
  position:absolute;
  z-index: 10;
  top:0;
  left: 167px;
  width:210px;
  display:none;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

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

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

/* End non-anchor hover selectors */

/* Styling for Expand */

#menuv a.x, #menuv a.x:visited{
background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#menuv a.x:hover{
background:#ddd;
}

#menuv a.x:active{
color:#060;
background:#ccc;
}