/*this is the css for the vertical version*/
		/*.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid;
			width: 204px;
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1.2em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
		}*/
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -27px;
			margin-left: 178px;
		}
		
		
		
		/*------------------------------------ nav styles ------------------------------------*/
		
#nav {
	width:24%;
	float:left;
	background:url(../images/side_image_nav2.gif) left top no-repeat;
}


#nav ul.toplevel {
	padding-left:24px !important;
	margin-left:0px !ie;

	list-style-type:none;
	display:block;
	margin-top:10px;
	padding-top:0px;
	
}

#comingevents {
	padding-left:54px !important;
	margin-left:0px !ie;


	
}

#nav ul.toplevel li {
	
	display:block;
	border-bottom: 1px dashed #cc9999;
	line-height:37px;
	/*font-size:14px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	
}


#nav ul.toplevel li a {
	
	display:block !ie;
	color:#333333;
	text-decoration:none;
	padding-left:20px !important;
	padding-left:10px !ie ;
	/*width:160px !ie;*/
	width:90%;
	border-right: 5px solid none ;
	

	
}

#nav ul.toplevel li a:hover {
	
	display:block !ie;
	color:#333333;
	text-decoration:none;
	/*background:url(../images/bg_toplevel_over.gif) left top no-repeat;*/
	background-color:#f7f7f7;
	border-right: 5px solid #b0b0ab;
}



#nav  ul#menu-1  {
	padding-left: 0px !important;
	margin-left: 170px !ie;
	width:200px;
	width:170px !ie;
	list-style-type:none;
	display:block;
	
	
}




#nav ul#menu-1 li  {
	
	display:block;
	border-bottom: 1px solid #333333;
	
	line-height:27px;
	height:25px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

#nav ul#menu-1 li a {
	
	display:block;
	/*padding-top:2px;*/
	line-height:10px !important;
	line-height:20px !ie;
	height:30px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_subnav2.gif) left top repeat;
}







#nav ul#menu-1 li a:hover {
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../images/bg_new_rollovers.gif) left top no-repeat;
	;
}
		
		
.inaccesible li {
			display: none;
		}		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*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*/
		
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/