/*this is the css for the vertical version*/
.vertical ul{
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;/*moves menu off left - moz and ie */
	PADDING: 0px;
	font: 12px  arial, tahoma, verdana, 'sans serif'; 
	font-weight: bold;
	text-align:right;
	margin:0px 4px 0px 0px; /* top right bottom left */
	TEXT-DECORATION: none;		
	}
.vertical li{
	line-height:420%; 
	DISPLAY: block; 
	WIDTH: 151px; 
	POSITION: relative; 
	PADDING: 0px;
	height:26px;
	COLOR: #ffffff;
	font-style:italic;
	TEXT-DECORATION: none;
	}
.vertical li a{
	line-height:200%; 
	DISPLAY: block; 
	MARGIN: 0px; 
	WIDTH: 151px; 
	POSITION: relative; 
	PADDING: 0px;
	height:26px;
	font-style:italic;
	TEXT-DECORATION: none;
	COLOR: #ffffff;
	margin-bottom:15px;
	}
.vertical li{
	/*Needed for IE. Don't ask me why, It was a lucky guess.*/
	display: inline;
	}
.vertical A:hover {
	background: url(../images/menu.jpg) no-repeat top right;
	line-height:200%; 
	MARGIN: 0px; 
	DISPLAY: block; 
	Z-INDEX: 133; 
	padding:0px;
	height:26px;
	color:#2c517d;
	font-style:italic;
	TEXT-DECORATION: none;
	margin-bottom:15px;
	}
.vertical li li{
	display:none;
	}
.vertical li ul{
	display:none;
	position: absolute;
	margin-top: -1.3em;
	margin-left: 130px;
	}