/*this is the css for the vertical version*/
		/*first level*/
		.vertical
		{			
			width: 252px;
			left:-15px;
		}
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			width: 262px;
			margin: 2px;
			position: relative;
			margin-bottom:-1px;
		}
		/*first level anchor*/
		.vertical ul a{
			list-style-type: none;
			padding: 10px;
			width: 262px;
			margin: 2px;
			position: relative;
			margin-bottom:1px;
		}
		/*first level anchor hover*/
		.vertical ul a:hover{
			list-style-type: none;
			padding: 10px;
			width: 262px;
			position: relative;

		}
		/*first sublevel*/
		.vertical ul li{
			position: relative;

		} 
		/*first sublevel anchor*/
		.vertical ul li a{
			display: block;
			width: 258px;
			text-decoration: none;
			padding: 1em 1px;
			background-image: url("../images/MainMenuBar.jpg");
			background-repeat: no-repeat;
			background-color: white;
			color: white;
			text-align: right;
			font-family: Verdana, Arial, sans-serif;
			line-height:10px;
			font-size:12px;	

	
		}		
		/*first sublevel anchor:hover*/
		.vertical ul li a:hover{
			display: block;
			width: 258px;
			text-align: right;
			text-decoration: none;
			padding: 1em 1px;
			background-image: url("../images/MainMenuBarOver.jpg");
			background-repeat: no-repeat;
			color:Yellow;
		}
		/*second level */
		.vertical ul li ul{
 			background-image: none;
			position: absolute;
			top: -13px;
			left: 255px;
			padding: 5;
		}

		/*second sublevel */
		.vertical ul li ul li{
			height: 1.2em;
			padding: 10px;
			left:-10px;
			margin-bottom: -1px;
 			background-image: none;
			font-family: Verdana, Arial, sans-serif;
			font-size:10px;	
			text-align: right;
		}
		/*second sublevel anchor*/
		.vertical ul li ul li a{
			height: 1.2em;
			padding: 10px;	
			left:-18px;		
 			margin-bottom: -8px;
			background-image: none;
			background-color: #1987dc;
			border: 1px solid white;
			color: white;
			text-align: right;
			font-family: Verdana, Arial, sans-serif;
			font-size:10px;	
		}
		/*second sublevel anchor:hover*/
		.vertical ul li ul li a:hover{
			height: 1.2em;
			padding: 10px;	
			left:-18px;			
 			background-image: none;
			background-color: #cb00fe;
			color:Yellow;
			margin-bottom: -8px;
			border: 1px solid white;
			text-align: right;
			font-family: Verdana, Arial, sans-serif;
			font-size:10px;	
		}

		.vertical .left ul ul ul,.vertical .left ul{
			left: -265px;
			padding: 5;
		}

		/*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: .9em;
		}
		.noshow{
			visibility: hidden;
		}	

div#preload1 {background: url(../images/MainMenuBarOver.jpg;display:none;}
div#preload2 {background: url(../images/MainMenuBar.jpg;display:none;}