body {

	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	
}






#header {

	height: 205px;
	background-color: #FFFFFF;

}

#logo {

	float: right;

}

#main {

	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 0px;
	line-height: 1.4;
	
}

#main2col{

	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.4;
	height: 100%;
	min-height: 850px;
	
}

#right_banner {

	float: right;
	width: 160px;

}

#imgRight
{
				float: 					right; 
				display:				block; 
				padding: 				0 0px 0 10px;

}


#imgRight2
{
				float: 					right; 
				display:				block; 
				padding: 				0 0px 0 0px;

}

#wide_banner {

	float: right;
	width: 330px;

}









.program_title {

	font-size: 20px;
	font-weight: bolder;
	color: #a5aad5;
	margin-bottom: 10px;
	

}





.cat_events {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #00225f;
	margin-top: 20px;
	

}

.home {
	
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #124371;
	margin-top: 20px;
	

}

.icon{vertical-align: middle;}
}

.event_image {

	float: right;

}

.event_logo {

	float: left;
	position: relative;
	left: 30px;

}



	
h1{
				font: 					bold 13px verdana, helvetica, sans-serif; 
				color: 					#D5A950; 
				margin: 				0; 
				padding: 				0;
}

#right_col {

	float: left;
	width: 340px;
	padding: 0 10px; 
	margin-top: 7px;
		
}

#left_col {

	float: left;
	width: 340px;
	padding: 0 10px; 
	margin-top: 7px;
		
}

.colLeft
{
				float: 					left; 
				width: 					330px; 
				padding: 				0 15px; 
				margin-top: 			10px;
				
}

.colRight
{
				float: 					left; 
				width: 					330px; 
				padding: 				0 15px; 
				margin-top: 			10px;
				
}

.colWide
{
				float: 					left; 
				width: 					550px;
				padding: 				0 15px; 
				margin-top: 			10px; 
				
}



.foot:link { text-decoration: underline; color: #ffffff}
.foot:active {  text-decoration: underline; color: #ffffff}
.foot:visited { text-decoration: underline; color: #ffffff}
.foot:hover { text-decoration: underline; color: #ffffff}


/* nav */
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 0;
padding-top: 0;
border-top: 2px solid #fff;
border-top: 2px solid #fff;
background-color: #000000;
color: White;
float: left;
width: 948px;;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
font-size: 14px;
padding: 0.5em 1em;
background-color: #000000;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;

}

#navcontainer ul li a:hover
{
background-color: #000000;
color: #faa426;
}
/* end nav */





/* Start the dropdown navigation 
do you have any idea the 2 days of frustration it took me to work this one out. You had better enjoy it.

Tested Browsers
PC	IE5.0
	IE5.5
	IE6.0
	NS6.2
	NS7.0
	FF0.8
	
MAC	IE5.2 (osx)
	IE5.1 (os9)
	NS7.0 (osx)
	SF 1.01 (osx)
	
*/

/* the use of the voice hack here is to allow it to work in NS6.2+ IE5+ handles it fine*/