		/*this is the css for the vertical version*/

		.vertical ul{

			list-style-type: none;

			padding: 0;

			width: 204px;

			margin: 0;

			position: relative;

		}

		.vertical li a{

			display: block;

			width: 200px;

			text-decoration: none;

			height: 1em;

			padding: .1em 1px;

			border: 1px solid;

			border-top: 0px;

		}

		.vertical li{

			position: relative;

			border-bottom: 1px solid transparent;

			margin-bottom: -1px;

		} 

		.vertical li:first-child>a{

			border-top: 1px solid;

		}

		.vertical a.first{

			border-top: 1px solid;

		}

		.vertical li ul{

			position: absolute;

			top: -1px;

			left: 203px;

		}

		.vertical.left ul ul ul,.vertical .left ul{

			left: -203px;

		}

		/*this is the css for the horizontal version*/

		.horizontal ul{

			border: none;

			list-style-type: none;

			padding: 0;

			margin: 0;

		}

		.horizontal ul li{

			float: left;

			position: relative; z-index:2;

		}

		.horizontal ul li a{

			display: block;

			width: 150px;

			text-decoration: none;

			height: 1em;

			padding: .1em 1px;

			overflow: hidden;

			border: 1px solid #FFFFFF;

			border-left: none;
			
			font-weight:bold;

		}
		
		.horizontal ul li:hover{

			background-color:#f5a981;

		}

		.horizontal li li{

			float: none;

			border-bottom: 1px solid transparent;

			margin-bottom: -1px; 
			
			z-index:2; 
			
			background-color:#f47836;
			
			font-weight:bold;

		}

		.horizontal li li.last{

			border-bottom: none;

		}

		.horizontal ul li ul{

			position: absolute;

			top: 1.3em;

			left: -1px;

			margin-top: -1px; 

		}

        /* This controls width of extra layers on menu */
		.horizontal ul ul ul{

			width: 190px;

			top: -1px;

			left: 192px;

			margin-top: 0;

		}

		.horizontal.left ul ul ul,.horizontal .left ul ul{

			top: -1px;

			left: -128px;

		}

		.horizontal ul li li a{

			border: 1px solid;

			border-top: none; z-index:2;

		}

		.horizontal ul li:first-child>a{

			border-left: 1px solid;

		}

		.horizontal ul li a.first{

			border-left: 1px solid;

		}

		.horizontal ul li li a.first{

			border-top: 1px solid;

		}

		.horizontal ul li li:first-child>a{

			border-top: 1px solid;

		}

		div.horizontal ul li.pixelfix ul{

			left: 0;

		}

		div.horizontal ul li.pixelfix ul ul{

			left: 128px;

		}

		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/

		.mlmenu li ul{

			display: none;

		}

		.mlmenu li:hover>ul{

			display: block; 
		

		}

		/*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*/

		.accessible li ul{

			display: block;

		}

		/*Code to show an element has a child*/

		.mlmenu.plus li a:first-child:not(:last-child):after{

			content: '+';

		}

		.plus a span{

			padding-left: .5em;

		}

		.noshow{

			visibility: hidden;

		}

		/*colors for menu*/

		.blackwhite li a{

			background-color: white;

			color: black;

			border-color: black;

		}

		.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{

			background-color: black;

			color: #FFFFFF;

			

		}

		.blackwhite li:first-child>a:hover{

			background-color: black;

			color: #FFFFFF;

			

		}

		.blackwhite ul{

			border-color: black;

		}

		.bluewhite li a{

			background-color: white;

			color: #000033;

			border-color: #000033;

		}

		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{

			background-color: #000033;

			color: black;

			border-color: #000033;

		}

		.bluewhite li:first-child>a:hover{

			background-color: #000033;

			color: white;

			border-color: #000033;

		}

		.bluewhite ul{

			border-color: #000033;

		}
