/*this is the css for the vertical version*/



		.vertical ul{



			list-style-type: none;



			padding: 2px;



			width: 140px;



	margin-left: 2px;



	border: 0px;



		}



		.vertical li a{



			display: block;



			width: 140px;



			text-decoration: none;



			height: 1.2em;



			padding: 0px;



	border: 0px solid;



		



		}



		.vertical li{



			/*Needed for IE. Don't ask me why, It was a lucky guess.*/



			display: inline;



		}



		.vertical li ul{



			position: absolute;



			margin-top: -1.3em;



			margin-left: 140px;



	border: 1px;



		}



	.vertical li ul li a{



			display: block;



			width: 170px;



			text-decoration: none;



			height: 1.2em;



			padding: 0px;



	border: 1px solid;



		



		}



		.vertical li ul li{



			/*Needed for IE. Don't ask me why, It was a lucky guess.*/



			display: inline;



		}















		/*this is the css for the horizontal version*/



		.horizontal ul{



			list-style-type: none;



			padding: 0px;



			border-left: 1px solid;



			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;



			border: 1px solid;



			border-left: none;



		}



		.horizontal li li a{



			border-top: none;



			border-left: 1px solid;



		}



		.horizontal li ul{



			position: absolute; 



			margin-top: 1.3em;



			margin-left: -1px;



			width: 129px;



			border: none;



			display: block;



			height: auto;



			border-top: 1px solid;



		}



		.horizontal li li ul{



			position: absolute;



			margin-top: .1em;



			margin-left: 125px;



		}



		.horizontal li ul li a{



		width: 125px;



		}



		/*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*/



		.arrow a span{



		padding-left: 1em;



		font-size: 3%;  



		}



		.arrow a:hover span{



		padding-left: 2em;



		}



		.arrow a span.noshow{



			visibility: hidden;



		}



		/*Plus code*/



		.plus a span{



			padding-left: .5em;



		}



	/*colors for menu*/



		.blackwhite ul li a{



			color: #000000;



		



		}



		.blackwhite ul li a:hover{



			color: #990000;



	



		}



		.blackwhite li ul li a{



			color: black;



			background-color: lightyellow;



		}



		.blackwhite li ul li a:hover{



			color: black;



			background-color: lightyellow;



		}