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

/* Begin CSS Popout Menu */

div#menu {
font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
left: 10px;
top: 100px;
line-height: 22px;
}
div#menu a {
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
display: block;
color: white;
white-space: nowrap;
margin: 0px;
line-height: 22px;
}
div#menu h2 {
display: block;
white-space: nowrap;
margin: 0px;
color: white;
background: transparent;
line-height: 22px;
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#menu h2:hover{
width: 145px;
color: #ffffff;
background: transparent;
line-height: 22px;
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#menu ul a {
width: 145px;
padding: 0px 0px;
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
z-index: 200;
padding-left:10px;
line-height: 22px;
}
div#menu a{
width: 125px;
color: #white;
background: transparent;
text-decoration: none;
font: normal bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left:10px;
line-height: 22px;
}
div#menu li li a{
width: 145px;
color: #000;
background: #eee;
text-decoration: none;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left:10px;
line-height: 22px;
}

div#menu a:hover{
width: 145px;
color: white;
background: black;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left:10px;
line-height: 22px;
}
div#menu a:active{
width: 125px;
color: Maroon;
background: #ccc;
font: normal bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left:10px;
line-height: 22px;
}
div#menu ul{
list-style:none;
margin:0px;
padding:0px;
line-height: 22px;
}
div#menu li, div#menu li:hover{
position: relative;
}
div#menu li ul{
position:absolute;
top:0px;
left:100.1%;
display:none;
line-height: 22px;
}
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;
margin: -3px;
}

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

div#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 155px;
}
div#menu ul li ul li{
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 155px;
top: 6px;
}

div#menu ul li a {
height: 1%; /* make links honour display: block; properly */
}