@charset "utf-8";

/* Y! Reset v3.0.0pr1 */
html{color:#000; background:#4170BE}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset, img{border:0}address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}li{list-style:none}caption, th{text-align:left}h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}q:before, q:after{content:''}abbr, acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit}input, textarea, select{*font-size:100%}legend{color:#000}body{font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small} select, input, button, textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit; font:100%}pre, code, kbd, samp, tt{font-family:monospace; *font-size:108%; line-height:100%}

HTML, BODY { width: 100%; height: 100%; margin: 0; padding: 0 }
BODY { 
	color: #203608;background-color: #4170be; background:url(../img/bg-vert.jpg) repeat-x; 
}

STRONG { font-weight: bold !important; }
EM { font-style:italic !important;}

H1 { 
	color: #203608; 
	font-weight: normal; 
	font-size: 275%; 
	line-height: 100%;
	margin-bottom: 20px;
}
H3 { font-size: 130%; font-weight: bold; margin-top: 20px;}
H4 { font-size: 110%; font-weight: bold; margin-top: 25px; 	color: #61932b; }
H4 A { color: #61932b; text-decoration: none;}
H4 A:hover { color: #61932b; text-decoration: underline;}

P { margin: 5px 0 10px 0; line-height: 155%; font-size: 112%}
UL,LI { list-style: outside; }
UL { margin: 5px 0 10px 15px; }
LI { padding: 2px 0; font-size: 112%}

/*A { color: #0096e9; }*/

.entry { clear: both; }
.clear { clear: both; font-size: 1%;}
.small { font-size: 80%; }
.alert { color: #dd0000; font-size: 100%; font-weight: bold;}
.alert A,.alert A:visited { color: #dd0000;}

.breadcrump A {font-size: 11px; margin: 0; line-height: 12px; }
/*******************
 * Structure
 *******************/
#outerCont { 
	width: 100%;
	background:url(../img/bg-vert.jpg) repeat-x; 
	text-align: center;
}
#innerCont { width: 850px; text-align: left; margin: 0 auto; padding-top: 10px;}

#headerCont { 
	width: 100%; 
	height: 111px;
}

#navCont1, #navCont2, #navCont3 { width: 100%; height: 37px;}

#contentCont { margin-top: 8px; width: 100%;}
#col1, #col2 {float: left; display: inline;}
#col1 { width: 506px; margin: 17px 20px 20px 20px; }
#col2 { width: 264px; margin: 17px 20px 20px 20px; }

#footerCont { margin: 5px 0; padding: 0 3px;}
#footerCont .left { float: left; width: 33%; }
#footerCont .center { float: left; width: 33%; text-align: center; }
#footerCont .right { float: right; width: 33%; text-align: right;}


/***********************
 * Header
 ***********************/
#headerCont .left { float: left; }
#headerCont .right { float: right; margin-right: 5px;}
#logo { 
	text-indent: -9999em; 
	width: 289px; height: 111px; 
	background:url(../img/logo.gif) no-repeat; 
}


/***********************
 * Nav Menu
 ***********************/
#navCont1 { background: url(../img/menu-bg.gif) repeat-x; }
#navCont2 { background: url(../img/menu-left.gif) no-repeat; background-position: 0 0; }
#navCont3 { background: url(../img/menu-right.gif) no-repeat; background-position: bottom right;}

#navCont1 UL { list-style: none; margin: 0 0 0 10px;}
#navCont1 UL LI { list-style:none; float: left; padding: 0 0em 0 0;}

#navCont1 A,
#navCont1 A:visited {
	display:block;
	padding: 9px 18px 9px;
	line-height: 1em;

	color: #0096e9;
	text-decoration: none;
	font-size: 115%; 
	text-transform: uppercase;
	font-weight:bold;
}

#navCont1 UL LI A:hover,
#navCont1 UL LI.active A { background: #F2FCAF; color: #0096E9;}

/***********************
 * Content Area
 ***********************/
#contentCont { 
	background: url(../img/body-top.gif) no-repeat top left; background-color: #f8fcdc;
	border-bottom: 1px solid #2f518a;
}
H2.subtitle {
	font-size: 140%;
	margin: -10px 0 15px;
	color: #61932b;
	font-style: normal;
}


/***********************
 * Right Column
 ***********************/
 
.module { margin: 0 0 15px; padding: 0 0 15px 0; border-bottom: solid #d5e4e1 1px; }
#col2 h3 { 
	font-size: 195%; 
	color: #5089E9;
	font-weight: normal;
	margin: 0 0 5px 0;
}
#col2 LI {  font-size: 112%; }

P.underCountdown { 
	color: #61932b;
	font-style: italic;
	font-size: 120%;
	font-weight: bold;
}

.mod-datetime, 
.supportedby { text-align: center; }
.supportedby P { margin-bottom: 20px;}
.supportedby P.last { margin-bottom: 0px;}
#col2 H6 { font-size: 100%; font-weight: bold; color: #5089e9; width: 100%; text-align: left;}

#col2 .bigdate {
	font-size: 195%; 
	color: #5089E9;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 100%;
}
.mod-datetime A:visited { color: #5089E9 }

#col2 .bigtime { 	
	font-size: 160%; 
	color: #5089E9;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 100%;
}
#col2 .schedule,
#col2 .where { 	color: #5089E9; font-size: 90%; margin-bottom: 0; line-height: 110%;}


/***********************
 * Form
 ***********************/
/*#SignUp { margin-top: 10px; }*/
.inputRow, .submitRow { width: 100%; clear: both; padding: 5px 0 0;}
.label, .input { float: left; font-weight: bold; }
.label { width: 40%; }
.input { width: 60%; }

/***********************
 * Blog
 ***********************/
.blog H1 { font-size: 12px; font-weight: bold; }
.blog H2 { font-size: 36px; margin-bottom: 12px; line-height: 110%;}
.blog H2 SPAN.subtitle { font-size: 18px; line-height: 22px; color: #61932B; }
.blog .caption { font-size: 11px; line-height: 15px; font-style: italic;}

/***********************
 * Lightbox Gallery
 ***********************/
.gallery A { display: block; float: left; margin: 0 25px 10px 0; border: 1px solid #87AB3F;}
.gallery A:hover { border-color:#FF4A03;} 
.gallery A IMG { border: 5px solid #fff; border-bottom-width: 14px; }
#lightbox-image-details-caption {
	font-size: 18px;
	line-height: 25px;
}


/***********************
 * Footer
 ***********************/
#footerCont,
#footerCont A,
#footerCont A:visited { font-size: 85%; line-height: 1em; color:#F8FCDC; }