.uparrow, .downarrow {
	position:absolute ;
	width:150px ;
	color:#000;
	border: 1px solid #FFF;
	height:20px ;
	z-index:10000 ;
}

.uparrow {background:#ccc url(/images/arrow_up.gif) center no-repeat ;}

.downarrow {background:#ccc url(/images/arrow_down.gif) center no-repeat;}
.vmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px ;
position:relative;
}
.vmenu ul ul {width:150px;}
.vmenu li {
width:150px;
float:left ;
position:relative ;
}
/* style the links for the top level */
.vmenu a, .vmenu a:visited {
	float:left;
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:140px;
	height:41px;
	padding-left:12px;
	line-height:40px;
	border-top: 1px solid #FFCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .05em;
	white-space:nowrap;
}
/* style the top level hover */
.vmenu a:hover {color:#fff; background-color:#903;}
/* style the top level hover Moz. */
.vmenu :hover > a {color:#fff; background-color:#903;}
/* style the second level links */
.vmenu ul ul a, .vmenu ul ul a:visited {
	background:#CCCCCC;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 7px;
	width:136px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #FFF;
	border-top: 0px;
	letter-spacing: normal;
	white-space:normal;
}
/*  in IE: stays this color while hover the third layer */
.vmenu ul ul a:hover{
background:#aaa ;
	color:#FFFFFF;
}
.vmenu ul ul :hover > a {color:#fff; background:#aaa;}

/* make the second level visible when hover on first level list OR link */
.vmenu ul li:hover ul, .vmenu ul a:hover ul{
	visibility:visible; 
	z-index:1000 ;
}
/* style the third level background */
.vmenu ul ul ul a, .vmenu ul ul ul a:visited {
background:#CCC;
}
/* style the third level hover */
.vmenu ul ul ul a:hover {
background:#aaa ;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.vmenu ul ul {
	visibility:hidden;
	position:absolute;
	top:1px;
	left:150px;
	width:150px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
}

/* position the third level flyout menu */
.vmenu ul ul ul{
left:150px; 
margin-top:-2px;
width:150px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.vmenu table {position:absolute; top:0; left:0;}
/* keep the third level hidden when you hover on first level list OR link */
.vmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.vmenu ul :hover ul :hover ul{ visibility:visible;}
.vmenu ul ul a.drop, .vmenu ul ul a.drop:visited {background:#CCC url(/images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.vmenu ul ul a.drop:hover{background:#CCC url(/images/drop.gif) bottom right no-repeat;}
.vmenu ul ul :hover > a.drop {background:#CCC url(/images/drop.gif) bottom right no-repeat;}