ul{ display: block; padding-top: 0px; }
ul li{}
ul li a{ color: #666666; text-decoration: underline; }
ul li a:hover{ color: #800D00; text-decoration: none; }

/*this is the css for the vertical version*/
.vertical { font-family: arial, sans-serif; font-size:12px; width:180px; position:relative; left:2px; }
.vertical ul{ float:left; margin:0; list-style-type: none; padding:0;
		}
.vertical li{ /*Needed for IE. Don't ask me why, It was a lucky guess.*/
			font-size:12px; display:inline; margin:0; }
.vertical li a, .vertical li a:visited { display:block; text-decoration:none; width:180px; height:20px; border: 1px solid #ffffff; border-width: 1px 1px 0 0;
			line-height:20px; text-indent:6px; padding:0.1em 0; }
.vertical li ul{ position:absolute; margin-top:-20px; left:180px; width:180px; background-color:#D5D5D5; }

/*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: 50%; }
.arrow a:hover span{ padding-left: 1em; }
.arrow a span.noshow{ visibility: hidden; }
		/*Plus code*/
.plus a span{ padding-left: .5em; }
		/*colors for menu*/
.wwi_color { font-family:arial, sans-serif; font-size:12px; color:#000000; }
.wwi_color li a{ color:#000000; }
.wwi_color li a:hover { background-color:#D5D5D5; color:#800D00; }