/* Begin CSS Popout Menu */

#v_menu{
position:absolute;
z-index:999;
}

#v_menu a, #v_menu h2{
display:block;
border-width:1px;
border-style:solid;
border-color:#cccccc #888888 #555555 #bbbbbb;
white-space:nowrap;
margin:0;
padding:1px 3px;
}

#v_menu h2{
	color:#fff;
	text-transform:uppercase;
	background-color: #5EC93F;
}

#v_menu a{
	color:#000;
	text-decoration:none;
	background-color: #D8FFD0;
}

#v_menu a:hover{
	background-color: #BDFEBA;
}

#v_menu a:active{
color:#060;
background:#BDFEBA;
}

#v_menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
line-height:25px;
}
#v_menu ul ul{
	width:150%;
}
/* 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#v_menu li, div#v_menu li:hover{
list-style:none;
position:relative;
line-height:20px;
}

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

div#v_menu:hover ul li.current_item ul,
div#v_menu:hover ul ul li.current_item ul,
div#v_menu:hover ul ul ul li.current_item ul,
div#v_menu ul ul,
div#v_menu ul ul ul,
div#v_menu ul li:hover ul ul,
div#v_menu ul li:hover ul ul ul
{display:none;}

div#v_menu ul li.current_item ul,
div#v_menu ul ul li.current_item ul,
div#v_menu ul ul ul li.current_item ul,

div#v_menu:hover ul li.current_item:hover ul,
div#v_menu:hover ul ul li.current_item:hover ul,
div#v_menu:hover ul ul ul li.current_item:hover ul,
div#v_menu ul li:hover ul,
div#v_menu ul ul li:hover ul,
div#v_menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

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

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

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