/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;padding: 0px;width: 191px;}
		.vertical li a{
			display: block;width: 180px;text-decoration: none;height: 1em;padding: 0px;font-family:tahoma;font-size:9pt;}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/display: inline;}
		.vertical li ul{
			position:fixed;	margin-top: -1.3em;margin-left: 180px;}
		.horizontal ul{
			list-style-type: none;padding: 0px;display: block;height: 1.4em;}
		.horizontal li{
			float: left;display: inline;}
		.horizontal li a{
			text-decoration: none;height: 1.2em;float: left;display: block;width: 125px;padding: .1em 1px;font-family:tahoma;font-size:9pt;}
		.horizontal li li a{
			}
		.horizontal li ul{
			position: absolute; margin-top: 1.3em;margin-left: -1px;width: 129px;border: none;display: block;height: auto;}
		.horizontal li li ul{
			position: absolute;margin-top: .1em;margin-left: 125px;}
		.horizontal li ul li a{
		width: 125px;font-family:tahoma;font-size:9pt;}
		/*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*/
		.blackwhite li a{
			background-color: white;color: black;font-family:tahoma;font-size:9pt;}
		.blackwhite li a:hover{
			background-color: black;color: white;black;font-family:tahoma;font-size:9pt;}
		.blackwhite ul{
			}
		.bluewhite li a{
			background-color: white;color: #000033;font-family:tahoma;font-size:9pt;}
		.bluewhite li a:hover{
			background-color: #000033;color: white;font-family:tahoma;font-size:9pt;}
		.bluewhite ul{
			}