.verticalcssmenugray,.verticalcssmenugray li ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 120px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
text-decoration: none;
float: left;
}

.verticalcssmenugray li{
	text-decoration: none;
	list-style-type: none;
	float: left;
	/*width: 300px; this caused the mouse over bug with disappearing submenu*/
	position: relative;
	left: -40px;
}


/*Top level menu link items style*/
.verticalcssmenugray li a{
display: block;
width: 120px; /*Width of top level menu link items*/
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
background: url(menubggray.gif) center center repeat-x;
color: black;
font: bold 13px Tahoma;
border: 1px solid black;
}
	
/*Sub level menu*/
.verticalcssmenugray li ul{
	position:absolute;
	width: 120px; /*WIDTH OF SUB MENU ITEMS*/
	left: 0px;
	top: 0;
	display:none;
}

/*Sub level menu list items*/
.verticalcssmenugray li ul li{
	/*display: inline;*/
float: left;
	left: 14px;
}


/* Sub level menu links style */
.verticalcssmenugray li ul a{
width: 120px; /*width of sub menu levels*/
}

.verticalcssmenugray li a:hover{
background: url(menubggrayover.gif) center center repeat-x;
}

.verticalcssmenugray .arrowdiv{
	position:absolute;
	left: 112px;
	background: transparent url(menuarrow_right.gif) no-repeat center right;
	width: 12px;
}

/*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
* html p#iepara{ 
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .verticalcssmenugray li { float: left; height: 1%; }
* html .verticalcssmenugray li a { height: 1%; }
/* End */