@import url("css/reset.css");

@import url("css/typography.css");


/* The Big Stuff */

body { text-align: center; background: url('images/bg.gif'); font-family: helvetica, arial; margin: 0; padding: 0; }
div#body, body.editing div#body2 { margin: 0 auto 0 auto; width: 815px; height: 669px; background: url('images/page.gif') top left no-repeat; text-align: center; }
div#frame { width: 721px; margin: 0 auto; }
body.big div#body, body.editing div#body1, body.big2 div#body { background: url('images/bigbg.gif') left top repeat-x; height: auto; padding-bottom: 35px; }
body.bigfix div#body { background: none; }
body.bigfix div#body-out { width: 100%; background: url('images/bigbg.gif') center top repeat-y; padding-bottom: 30px; }
body.bigfix div#body-out div#container { height: auto; }
/* Header (Logo, mainly)  */

div#header { width: 721px; padding-top: 31px; text-align: left; margin-left: 22px; }
div#header h1 { width: 195px; height: 46px; display: block; text-indent: -999em; background: url('images/logo.gif') top left no-repeat; float: left; }
div#header h1 a { display: block; width: 195px; height: 46px; }

div#gz { width: 147px; height: 106px; margin-right: 16px; float: right; margin-bottom: 10px; }

/* Links */
a { color: white; font-weight: bold; }
a:hover { text-decoration: underline; }
a:visited {}

/* Main Menu */
body.bigfix div#mainNav { display: none; }
#mainNav { float: left; clear: left;
	margin-left: 5px; margin-bottom: 5px; margin-top: 32px;
	padding: 0;  z-index: 9999; position: relative;
	}

*div#mainNav, * html div#mainNav { width: 100%; }
	
#mainNav ul {
	margin: 0;
	padding: 0;
	}

#mainNav li { padding-bottom: 10px;
	list-style: none; padding-left: 18px; padding-top: 5px;
	margin: 0px; font-size: .6em;
	float: left; text-transform: uppercase;
	display: block; height: 22px; width: 140px;
	background: url('images/nav.gif') no-repeat left top;
	}

#mainNav li.last{
	background: none;
	}

#mainNav li a, #mainNav li a:link{
	display: block;
	margin: 0px;
	position: relative;
	color: #c5343b;
	text-decoration: none;
	}
	
#mainNav li a:hover{
	text-decoration: none;
	display: block;
	margin: 0px; color: white;
	}
		
/* Drop Menu */

#mainNav li ul{
	display: none;
	position: absolute;
	padding-top: 24px;
	width: 120px;
	font-size: 0.7500em;
	}

#mainNav li ul li{
	margin: 0px;
	width: 120px; *width: 140px;
	z-index: 9999;
	float: left;
	padding: 0px;
	position: relative;
	background: none; 
	}

*div#mainNav li li { float: none; }

#mainNav li ul li a, #mainNav li ul li a:link{
	padding: 4px 2px;
	text-transform: none; font-size: 3em;
	color: white; font-weight: bold;
	display: block; background: url('images/menubg.png'); margin-left: -20px; }
*div#mainNav li ul li a, *div#mainNav li ul li a:link { margin-left: 0; }


#mainNav li ul li a:hover{
	margin: 0px;
	padding: 4px 2px;
	border-bottom-style: solid;
	text-transform: none;
	display: block; margin-left: -20px;
	}


*div#mainNav li ul li a:hover { margin-left: 0; }

#mainNav li:hover ul, #mainNav li.sfhover ul{
	margin: 0px; 
	padding-bottom: 9px;
	display: block;
	}
*div#mainNav li:hover ul, #mainNav li.sfhover ul { margin-bottom: 20px; }

#mainNav li li ul{
	display: none;
	}
	
#mainNav li li:hover ul, #mainNav li li.sfhover ul{
	margin: 0px;
	padding: 0px;
	display: block;
	left: 150px;
	top: 0;
	}

#mainNav li li ul{
	display: none !important;
}


/* Extras (Mainly things that are always hidden.) */
.hide { display: none; }
div.breadCrumb { display: none; }
br.clear { clear: both; }


/* Content */
div#container { clear: both; width: 721px; height: 482px; background: url('images/content.png') 1px 1px no-repeat; text-align: left; margin: 0 auto; }
div#mainCol { width: 700px; margin: 0 auto; position: relative; }
div#wide { width: 721px; height: 366px; margin: 0 auto; }
/*body.inside div#mainCol {background: url('images/insidephoto.png') top left no-repeat; height: 362px; }*/
body div#frame div#mainCol { width: 100%; border-bottom: 4px solid #585757;  height: 362px; overflow: hidden; }
body.home div#mainCol { border-bottom: 4px solid #585757; height: 360px; overflow: hidden; }
body.bigfix div#mainCol { margin-top: 20px; }

div#half1, div#half2 { color: white; position: absolute; top: 50px; z-index: 1; }
div#half1 { width: 410px; float: left; height: 370px; margin-left: 5px; }
body.big div#body div#frame div#mainCol { height: 450px; position: relative; top: -30px; border-bottom: 0; margin-bottom: -25px; }
body.bigfix div#body div#frame div#mainCol { height: auto; }
body.big div#body div#container { background: none; }
body.big div#mainCol div#half1 { width: 710px; height: 400px; margin-left: 6px; *margin-left: 1px; border-bottom: none; font-size: .7em; line-height: 1em; }
div#half2 { width: 270px; float: right; height: 370px; margin-right: 15px; right: 5px; }
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay { color: black; }
table.calendarTitle td { background-color: #262626; border: 1px solid #262626; }


.regionBoundary { background: none; }

/* Sub Content */
div#subCol { margin-left: 10px; margin-top: 7px; clear: both; }
div#subCol div.element, div#subCol div.regionBoundary { width: 163px; float: left; margin-right: 12px; }

/* Footer */


/* Admin */
body.editing form#frm div#container div#mainCol div#half1 div.element, body.editing form#frm div#container div#mainCol div#half1 div.element a { color: #000; height: auto; }
body.editing div#body2 { height: auto; }
body.editing form#frm div#container div#mainCol { overflow: none; height: auto; }
body.editing form#frm div#mainCol div.element { text-align: left; }
body.editing div#mainCol h1, body.editing div#mainCol h2, body.editing div#mainCol h3, body.editing div#mainCol h4, body.editing div#mainCol h5, body.editing div#mainCol h6 { text-align: left; }
body.editing div#mainCol div.element { margin-top: 40px; text-align: left; }

/* Fixes */
*div#header h1 { position: relative; top: 7px; }
*div#mainNav { margin-top: 20px; }
*div#mainNav li li { margin-left: -120px; }
* html div#subCol { margin-left: 5px; }

div.eventsCalendar table a { color: black; line-height: 1.4em; }
div.eventsCalendar table { border: 1px solid #262626; }

br.clear { clear: both; }
body.editing div#half1 { position: relative; height: auto; }
body.editing form#frm div#body2 div#frame div#container div#mainCol { height: auto; }

body.big div#subCol {
background: url('images/content.png') left bottom no-repeat;
margin-top: -60px; margin-left: 0;
border-top: 6px solid #585757;
padding-top: 15px;
}

div#footer-info {
font-size: .9em;
margin-top: 40px;
color: white;
text-align: center;
}
div#footer-info a {
color: #fff;
text-decoration: underline;
}
div#footer-info span {
border-right: 1px solid #fff;
padding: 0 5px 0 5px;
margin-right: 5px;
}
div#footer-info span#powered {
padding-right: 0;
margin-right: 0;
border-right: none; 
}