.vertical ul {
	list-style-type: none;
	text-align: left;
	width: 200px;
	padding: 0;
	margin: 0;
}

.vertical li a {
	display: block;
	width: 200px;
	text-decoration: none;
/*	padding: 2px;*/
}
.vertical li{
	/*Needed for IE. Don't ask me why, It was a lucky guess.*/
	display: inline;
/*
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
*/	
}

.vertical li ul {
	position: absolute;
	margin-top: -19px;
	margin-left: 200px;
}
		

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/

/*Not sure if I recommend this or not*/
.inaccesible li ul {
	display: none;
}

/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
a.menuarrow {
	background-image: url(/images/arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

.arrow a span {
	display:none;
}

.arrow a:hover span{
/*	padding-left: 5px;*/
}
.arrow a span.noshow{
	visibility: hidden;
}

/*Plus code*/
.plus a span{
	padding-left: 5px;
}

/*colors for menu*/
/* blue style */
.bluestyle li a {
	background-color: #5a6574;
	color: #d0d3d6;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #707d8f;
	border-right: 0px solid #5a6574;
	border-bottom: 1px solid #454e58;
	border-left: 0px solid #454e58;
	font-weight: bold;
}
		
.bluestyle li a:hover{
	background-color: #707d8f;
	color: #eeeeee;
	border-top: 1px solid #454e58;
	border-bottom: 1px solid #707d8f;
}
		
.bluestyle ul{
	border: 0px #FF0000;
}

/* red style */
.redstyle li a {
	background-color: #b62c00;
	color: #e3c7be;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #e23700;
	border-right: 0px solid #b62c00;
	border-bottom: 1px solid #8c2300;
	border-left: 0px solid #b62c00;
	font-weight: bold;
}
		
.redstyle li a:hover{
	background-color: #e23700;
	color: #eeeeee;
	border-top: 1px solid #b62c00;
	border-bottom: 1px solid #ff4609;
}
		
.redstyle ul{
	border: 0px #FF0000;
}

/* orange style */
.orangestyle li a {
	background-color: #c86400;
	color: #e6d2be;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #f87a00;
	border-right: 0px solid #c86400;
	border-bottom: 1px solid #9a4c00;
	border-left: 0px solid #c86400;
	font-weight: bold;
}
		
.orangestyle li a:hover{
	background-color: #f87a00;
	color: #eeeeee;
	border-top: 1px solid #9a4c00;
	border-bottom: 1px solid #f87a00;
}
		
.orangestyle ul{
	border: 0px #FF0000;
}

/**/
.bluewhite li a {
	background-color: white;
	color: #5A6574;
	border-color: #000033;
}

.bluewhite li a:hover{
	background-color: #000033;
	color: white;
	border-color: #000033;
}

.bluewhite ul{
	border-color: #000033;
}