/*this is the css for the vertical version*/
		#leftNav ul{
			list-style-type: none;
			width: 180px;
		}
		* html #leftNav ul {width: 90px;}
		*+html #leftNav ul {width: 100px;}
		
		#leftNav li{
			position: relative;			
		}
		* html #lefnav li {display: inline;}
		
		#leftNav li a{
			display: block;
			text-decoration: none;
			padding: 4px 6px;
			color: #fff;
		}
		#leftNav li a:hover {			
			color: #000;
			text-decoration: none
			}
			
		
		* html #leftNav li {display: inline-block}
		
		#leftNav li ul{
			position: absolute;
			top: 0;
			left: 120px;
			z-index: 10
		}
		* html #leftNav li ul {left: 90px;}
		
				
		.green li:hover ul {background:  #b3d885; }
		
		#leftNav ul ul {width: 150px; left: 100px;}
			
		/*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*/
		#leftNav li ul{
			display: none;
		}
		.green li:hover>ul{
			display: block; background:  #b3d885;
		}
		/*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*/
				
		
		.noshow{
			visibility: hidden;
		}
		
		.green li a:hover {background: #cce4af; }
		
		.blue li a:hover {background: #86a9d9; }
		.blue li:hover ul {background: #275B9F;}
		.blue li:hover>ul{display: block; background:  #275B9F;}
		
		.mauve li a:hover {background: #ada3d6; }