/* Begin CSS Popout Menu */

#menu{
z-index:2;
width:150px;
float: left
}

#menu a, #menu h2{
font: normal .7em Trebuchet, Trebuchet MS, Arial, sans-serif;
letter-spacing:normal;
display:block;
border:0;
border-bottom: 1px solid #472D61;
border-collapse: collapse;
white-space:nowrap;
margin:0;
padding:5px;
}

#menu h2 {
color:#FFF;
font-size: .7em;
font-weight: bold;
background:#161616;
text-transform: uppercase;
border: 1px solid #fdd44f;
border-left: 0;
border-collapse: collapse;
}
#menu h2:hover{
background:#fdd44f;
color: #2D0D4E;
}

#menu a{
background:#EEE;
text-decoration:none;
border-right: 1px solid #CCC
}

#menu a, #menu a:visited{
color:#2D0D4E;
}

#menu a:hover{
color:#28074A;
background:#fdd44f;
font-weight:bold;
}

#menu a:active{
color:#fdd44f;
background:#28074A;
}

#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. */

#menu li:hover{
cursor:pointer;
z-index:100;
}

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

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
border-top: 1px solid #FFF;
}

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 */


#menu li#menuhead {width: 149px; height: 100px; margin-bottom: -5px; background-image:url(../imgs/cvlt-150.gif); }
div#menu li#menuhead a {
	height: 100%;
	width: 139px;
	display: block;
	background-color: transparent;
	border:0;
	}
#menu li#menuhead span {display: none}

#menu li#sidestrip img {border-bottom: 1px solid #CCC; float: left}
#menu li#sidestrip:hover {cursor: default}