* { margin: 0; padding: 0; }
body { background: url(../images/bg-tile.gif) 0 0 repeat-x #11110e; text-align: center; font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3 { font-weight: normal; margin: 0 0 20px 0; }
h1 { font-size: 24px; color: #fd6; line-height: 27px; }
img { border: none; margin: 0 0 20px 0; }
.img-main { border: solid 5px #ffffff; }
p { margin: 0 0 20px 0; }

.clear { clear: both; }
.colImg { margin: 50px 0 100px 0; position: absolute; bottom: 0; right: 0; }

#wrapper { margin: 0 auto; padding: 0; width: 970px; position: relative; }
#topheader { background: url(../images/bg-header.jpg) top left no-repeat; width: 970px; height: 255px; text-align: left; }
	a.logo { width: 300px; height: 150px; display: block; top: 20px; left: 30px; position: absolute; text-indent: -9999px; overflow: hidden; clear: both; }
	#nav { top: 220px; position: absolute; }
	#nav ul { padding: 0; list-style: none; margin: 0 0 0 50px; }
	#nav li { padding: 0 30px 0 0; text-transform: uppercase; float: left; font-size: 14px; }
	#nav li a  { text-decoration: none; color: #fff; }
	#nav li a:hover { color: #fd6; }
	
#mainContent { background: url(../images/content-tile.jpg) 13px 0 repeat-y; text-align: left; }
	#header { background: url(../images/header.jpg) top center no-repeat; width: 970px; }
	.content { width:920px; margin: 0 25px; position: relative; overflow: hidden; }
		#leftCol { position: relative; float: left; width: 620px; margin: 230px 0 0 0; padding: 0 0 100px 0; }
			#box1 { width: 285px; float: left; padding: 0 0 0 30px; color: #fd6; }
			#box1 a { color: #fd6; }
			#box1 a:hover { background: #fd6; color: #252421; }
			#box2 { width: 250px; float: left; padding: 0 0 0 30px; color: #f5f0e1; margin: 50px 0 0 0; }
			#box2 a { color: #f5f0e1; }
			#box2 a:hover { background: #f5f0e1; color: #252421; }
		#rightCol { position: relative; float: left; width: 240px; margin: 230px 0 0 0; padding: 0 10px 0 50px; height: auto; }
	#footer { position: relative; background: #000; border-top: 1px solid #fff; padding: 20px 30px; color: #fff; font-size: 11px; }
		#footer a { text-decoration: none; color: #fff; padding: 0 3px; }
		#footer a:hover { color: #fd6; }
		
ul.news { margin: 0; padding: 0; list-style: none; clear: both; }
ul.news li { border-bottom: 1px dashed #444; margin: 0 0 20px 0; } 
ul.news li a { width: 100%; display: block; text-decoration: none; }
ul.news li a:hover { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
ul.news li h3 { color: #005c8b; margin-bottom: 10px; font-family: Georgia, "times new roman", serif; }
ul.news li p { color: #444; }
ul.news li img { float: right; }
ul.news .newsDate { font-weight: bold; }

#calendar { width: 240px; padding: 0; margin: 0 0 20px 0; /*border-left: 1px solid #efefef;*/ color: #444; text-align: center; background-color: #fff; }
.calnav, .calnav a { font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #5ad; text-align: center; text-decoration: none; }	
caption { margin: 0 0 10px 0; padding: 0; width: 240px; color: #5ad; font: normal 16px georgia, "times new roman", serif; text-align: left; }
th { font: normal 9px/20px Arial, Helvetica, verdana, sans-serif; color: #9f5f00; /*background: #D9E2E1; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef;*/ text-transform: uppercase; }
.today, td.today a, td.today a:link, td.today a:visited { color: #444; font-weight: bold; background: #fd6; }
td { /*border-right: 1px solid #efefef; border-bottom: 1px solid #efefef;*/ width: 20px; height: 20px; text-align: center; }
td a { text-decoration: underline; font-weight: bold; display: block; }
td a:link, td a:visited { color: #608194; }
td a:hover, td a:active { color: #6aa3ae; }
p.eventslist { color: #ccc; margin-bottom: 30px; }
p.eventslist a { color: #5ad; }
p.eventslist a:hover { background: #5ad; color: #fff; }

.galleryRow { position: relative; float: left; width: 250px; height:60px; }
.galleryImg { position: relative; float: left; width: 45px; height: 45px; margin: 0 15px 15px 0; border: 1px solid #FFF; }
.galleryImg:hover {border: 1px solid #16a6fd; }
