body
	{
	background: url("../images/background.jpg") top center no-repeat;
	background-attachment: fixed;
	margin: 0px;
	}

.error
	{
	color: #FF0000;
	}

#header
	{
	margin: auto;
	width: 879px;
	height: 160px;
	background: url("../images/header.jpg") no-repeat;
	}

#wrapper
	{
	margin: auto;
	width: 879px;
	}

#leftcol
	{
	width: 220px;
	float: left;
	}

#container
	{
	width: 659px;
	float: right;
	}

#container .leftcol
	{
	float: left;
	width: 404px;
	}

#container .rightcol
	{
	float: right;
	width: 255px;
	}

#footer
	{
	width: 869px;
	margin: auto;
	padding: 5px;
	background: #022CAA;
	font-family: arial, helvetica, sans;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	}

#footer .left
	{
	width: 500px;
	float: left;
	text-align: left;
	}

#footer .right
	{
	float: right;
	text-align: right;
	}

#footer a
	{
	text-decoration: none;
	color: #ffffff;
	}

#footer a:hover
	{
	text-decoration: underline;
	color: #FF0000;
	}

/*Contact*/
#contact
	{
	margin: 5px; 
	background: #FFFFFF;
	min-height: 258px;
	border: 2px solid #E3CF54;
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	color: #000000;
	padding: 5px;
	}

#contact h1
	{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 16px;
	color: #022CAA;
	}

#contact table
	{
	width: 100%;
	}

/*Gallery*/
#gallery
	{
	margin: 5px; 
	background: #FFFFFF;
	min-height: 258px;
	border: 2px solid #E3CF54;
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	color: #000000;
	padding: 5px;
	}

#gallery .galleryimg
	{
	float: left;
	padding: 5px;
	text-align: center;
	}

#gallery .galleryimg a
	{
	display: block;
	}

#gallery .galleryimg a:hover
	{
	border: 1px solid #022CAA;
	}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("../admin/images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("../admin/images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("../admin/images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


/* About Us, Fields, #Links */
#about, #fields, #links
	{
	margin: 5px; 
	background: #FFFFFF;
	min-height: 258px;
	border: 2px solid #E3CF54;
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	color: #000000;
	padding: 5px;
	}

#about h1, #fields h1
	{
	font-size: 16px;
	}

/* Calendar */
#calendar
	{
	margin: 5px; 
	background: #FFFFFF;
	min-height: 258px;
	border: 2px solid #E3CF54;
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	color: #7A7A7A;
	}

#calendar table
	{
	width: 100%;
	}

#calendar th
	{
	font-size: 18px;
	text-align: left;
	padding: 5px;
	background: #FFFFFF;
	color: #7A7A7A;
	}

#calendar td
	{
	border: 1px solid #EAEAFF;
	min-height: 60px;
	}

#calendar td.days
	{
	width: 14%;
	background: #EAEAFF;
	text-align: center;
	}

#calendar td.nonmonthday
	{
	background: #EAEAFF;
	}

#calendar a.addevent
	{
	display: block;
	text-decoration: none;
	}

#calendar a.addevent:hover
	{
	background: #FFFFA4;
	}

#view
	{
	visibility: hidden;
	position: absolute;
	z-index: 3;
	filter:alpha(opacity=90); 
	-moz-opacity:.90;
	opacity:.90;	
	}

#event-container
	{
	display: block;
	width: 400px ;
	background: #ffffff;
	font-family: verdana; arial, helvetica, sans;
	font-size: 12px;
	color: #000000;
	}

#event-container .shadow2,
#event-container .shadow3,
#event-container .container
	{
	position: relative;
	left: -1px;
	top: -1px;
	}

#event-container .shadow1
	{
	background: #969696;
	}

#event-container .shadow2
	{
	background: #7A7A7A;
	}

#event-container .shadow3
	{
	background: #808080;
	}

#event-container .container
	{
	background: #ffffff;
	border: 1px solid #000040;
	padding: 10px;
	display: block;
	}

#event-container .container h2
	{
	font-family: verdana, arial, helvetica, sans;
	font-size: 14px;
	margin: 0px;
	padding-bottom: 5px;
	color: #000000;
	border-bottom: 1px dashed #000000;
	}



/*Fullpage Stats and Schedule*/
#fullpage
	{
	margin: 5px; 
	background: #FFFFFF;
	min-height: 258px;
	border: 2px solid #E3CF54;
	font-family: arial, helvetica, sans;
	font-size: 12px;
	color: #000000;
	}

#fullpage table
	{
	width: 100%;
	}

#fullpage th
	{
	background: #022CAA;
	color: #ffffff;
	}

#fullpage td
	{
	border: 1px solid #eeeeee;
	padding: 2px;
	}

#viewmap
	{
	padding: 5px;
	}

#fullpage .standing h4
	{
	margin: 2px;
	padding: 0px;
	text-align: center;
	}

/*News Articles*/
#news
	{
	margin: 5px;
	font-family: arial, helvetica, sans;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	padding: 5px;
	border: 1px solid #022CAA;
	}

#news h1
	{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 16px;
	color: #022CAA;
	}

/*News Headlines*/

#headlines
	{
	padding-top: 5px;
	width: 245px;
	margin: auto;
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	}

#headlines h1
	{
	text-align: center;
	padding: 2px;
	margin: 0px;
	background: 
	font-family: arial, helvetica, sans;
	font-size: 12px;
	background: #022C9A;
	color: #F1ED50;
	}

#headlines .container
	{
	border: 1px solid #022C9A;
	background: #FFFFFF;
	min-height: 200px;
	color: #ffffff;
	padding: 2px;
	}

#headlines a
	{
	display: block;
	margin: 2px;
	padding-left: 10px;
	text-decoration: none;
	color: #000080;
	}

#headlines a:hover
	{
	background: url('../images/headline.gif') left center no-repeat;
	text-decoration: underline;
	}

/*News Signup*/
#signup
	{
	padding: 5px;
	width: 233px;
	min-height: 160px;
	margin: auto;
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	background: #EEEEEE url("../images/emailsignup.jpg") center no-repeat;
	border: 1px solid #AAAAAA;
	text-align: center;
	}

/*Bingo Banner*/
.banner
	{
	margin: 5px;
	text-align: center;
	}

/*Front Page News*/
#frontpage
	{
	display: block;
	padding: 5px;
	font-family: arial, helvetica, sans;
	font-size: 12px;
	color: #000000;
	}

#frontpage .tabs
	{
	height: 20px;
	}

#frontpage .tabs ul
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#frontpage .tabs li
	{
	float: left;
	width: 100px;
	height: 20px;
	text-align: center;
	padding: 0px;
	}

#frontpage .tabs a
	{
	display: block;
	text-decoration: none;
	}

#frontpage .tabs a.on
	{
	padding-top: 3px;
	height: 17px;
	background: #022C9A;
	color: #F1ED50;
	}

#frontpage .tabs a.off
	{
	padding-top: 5px;
	height: 15px;
	background: url("../images/tabs_off.jpg") no-repeat;
	color: #414141;
	}

#frontpage .container
	{
	background: #ffffff;
	border: 1px solid #022C9A;
	padding: 5px;
	}

#frontpage h1
	{
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 14px;
	}

#frontpage p.more
	{
	text-align: right;
	}

#frontpage a.more
	{
	background: url("../images/more.gif") left center no-repeat;
	padding-left: 20px;
	text-decoration: none;
	}

#frontpage a.more:hover
	{
	color: #ff9900;
	text-decoration: underline;
	}

/*Home Page Flash*/
#premier
	{
	margin: 5px; 
	background: url("../images/pageintrobg.jpg");
	height: 258px;
	border: 2px solid #E3CF54;
	}

#premier .flash
	{
	float: left;
	width: 350px;
	}

#premier .display
	{
	padding: 5px;
	float: right;
	width: 280px;
	font-family: arial, helvetica, sans;
	font-size: 90%;
	color: #ffffff;
	}

#premier .display h1
	{
	margin: 0px;
	padding: 0px;
	color: #E3CF54;
	font-size: 16px;
	}

#premier .display a
	{
	color: #E3CF54;
	text-decoration: none;
	}

#premier .display a:hover
	{
	color: #ffffff;
	text-decoration: underline;
	}

/*Events*/
#events
	{
	padding-top: 5px;
	width: 245px;
	margin: auto;
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	}

#events .tabs
	{
	height: 20px;
	}

#events .tabs ul
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#events .tabs li
	{
	float: left;
	width: 121px;
	height: 20px;
	text-align: center;
	padding: 0px;
	}

#events .eventcontainer
	{
	border: 1px solid #022C9A;
	background: #022C9A;
	min-height: 200px;
	color: #ffffff;
	padding: 2px;
	}

#events a
	{
	display: block;
	text-decoration: none;
	}

#events a.upcoming
	{
	padding-top: 3px;
	height: 17px;
	background: #022C9A;
	color: #F1ED50;
	}

#events a.recent
	{
	padding-top: 5px;
	height: 15px;
	background: url("../images/previous_events.jpg") no-repeat;
	color: #414141;
	}

#events table
	{
	width: 100%;
	padding: 0px;
	}

#events td, th
	{
	border-bottom: 1px solid #F1ED50;
	padding-bottom: 2px;
	padding-top: 2px;
	}

/*Site Navigation*/

#nav
	{
	width: 220px;
	}

#nav a
	{
	height: 20px;
	padding-top: 5px;
	display: block;
	background: url("../images/navbutton.jpg");
	text-align: center;
	font-family: verdana, arial, helvetica, sans;
	font-size: 11px;
	color: #000040;
	text-decoration: none;
	}

#nav a:hover
	{
	background: #022C9A;
	color: #F1ED50;
	text-decoration: none;
	}

/* Weather */
#weather
	{
  	border : 1px solid #4f4f4f;
	font-family: arial, helvetica, sans;
	color: #ffffff;
	font-size: 12px;
	background: #1734C2 url("../images/wxbg.jpg") no-repeat;
	}

#weather a
	{
	display: block;
	color: #ffffff;
	text-decoration: none;
	}

#weather a:hover
	{
	text-decoration: underline;
	}

.location
	{
	font-weight: bold;
	}

.temp
	{
	padding-top: 10px;
	padding-bottom: 5px;
	display: block;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	}

.feelslike
	{
	font-weight: normal;
	font-size: 11px;
	}

.panelheader 
	{
	background: #022C9A url("../images/wxheader.jpg");
	font-family: arial, helvetica, sans;
  	color : #ffffff;
  	border-bottom:1px solid #182052;
  	border-top:1px solid #BDC7E7;
  	padding-left: 5px;
	}

.mdHover 
	{
  	background-color : #414141;
  	color : #ffffff;
	}

.mdSelected 
	{
	background: #022C9A url("../images/wxheader.jpg");
	color: #F1ED50;
	font-weight: bold;
 	}

.panelContent 
	{
  	border: 1px solid #1f669b;
  	border-top-width: 0px;
  	border-bottom-width : 0px;
  	font-size: 11px;
  	overflow: auto;
	padding: 5px;
	}





