BODY { background: #FFFFFF url('/images/bgnoise.png') repeat; font-family: Arial, Helvetica, Serif; color: #000000; margin: 0; padding: 0; font-size: 100%; font-weight: 400; }
P { font-size: 100%; line-height: 120%; margin: 3px 0px 12px 0px; }
#pageBody { border-radius: 6px; border: 2px solid #b00303; background: #FFF; padding: 0; margin: 8px 0 0 0; }
#pageBodyH { padding: 0; margin: 8px 0 0 0; }
#pageBody p, #pageBodyH p { font-size: 125%; line-height: 135%; padding: 12px; margin: 0; }
a { color: #336699; font-weight: 700; }
a:hover { color: #AABBCC; }
img { max-width: 100%; max-height: 100%; }
H1 { margin: 0 0 8px 0; font-size: 150%; color: #DDDDDD; padding: 6px 0px 6px 8px; background-color: #b00303; border-top-left-radius: 4px; border-top-right-radius: 4px; }
H2 { font-size: 14pt;
	margin: 0 0 8px 0;
	line-height: 1.2em;
	border-bottom: 1px solid #000;
}

H2 span {
	background: #000;
	color: #FFF;
	font-size: 14pt;
	margin-right: 16px;
	padding: 0 8px;
}

H3 {
	font-size: 14pt;
	margin: 0px 8px 8px 8px;
	padding: 0px 0px 3px 0px;
}

H4 {
	font-size: 18pt;
	margin: 0 0 8px 0;
	padding: 6px 0;
}

#wrapper {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
}

#header {
	background: #FFFFFF;
	height: 150px;
}

#navcontainer { width: 100%; margin: 0; padding: 0; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; overflow: hidden; padding: 0; margin: 0; box-shadow:0 4px 4px -4px #000; z-index: 5; background: rgb(238,33,33); background: linear-gradient(to bottom,  rgba(238,33,33,1) 0%,rgba(180,6,6,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee2121', endColorstr='#b40606',GradientType=0 ); /*border-width: 3px; border-style: solid; border-image: linear-gradient(to right, #EEEEEE, #CCCCCC, #EEEEEE, #CCCCCC, #EEEEEE) 1 100%;*/ }

#pageimg {
	border-bottom: 1px solid #CCC;
}

#info { text-align: right; padding: 22px 0 0 0; }
#info a { padding: 6px 12px; margin: 0 0 0 12px; border: 1px dotted #DDD; text-decoration: none; border-radius: 4px; }
#info a:hover { text-decoration: none; background: #444; color: #FFF; }

#divtitle { display: block; height: 42px; background: url('/images/phone1.png') no-repeat left center; vertical-align: middle; width: 170px; float: right; margin: 32px 0 0 0; font-size: 16pt; font-weight: bold; padding: 8px 0 0 38px; }

#contentholder {
	margin: 0 0 8px 0;
	clear: both;
}

#content {
	border-radius: 6px;
	border: 2px solid #CCC;
	background: #FFF;
	/*padding: 12px;*/
	width: 100%;
}

#sidebar {
	width: 300px;
	float: right;
	border-left: 1px solid #CCC;
}

#sidebar P {
	font-size: 12pt;
	margin: 0px 8px 8px 8px;
	padding: 0px 0px 3px 0px;
}

#sidebar H3 {
	background-color: #EEEEEE;
	font-size: 14pt;
	margin: 12px 8px 8px 8px;
	padding: 3px 3px 3px 3px;
}

.lookup {
	background-color: #f2f2f2;
	font-size: 8pt;
	width: 200px;
	height: 22px;
	border: 1px solid #069;
	padding-left: 6px;
	margin-left: 6px;
	background-image: url('/images/edtbg1.png');
	background-position: top left;
	background-repeat: repeat-x;
}

#footer {
	background: #CCCCCC url('/images/bgs.png') repeat;
	border-top: 1px solid #888888;
	height: 175px;
	margin-top: 32px;
}

#footer P {
	color: #DDD;
	font-size: 11pt;
	line-height: 125%;
	margin: 3px 0px 3px 0px;
}

#footer a { color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
#footer a:hover { color: Gold; }

/* Begin Navigation Bar Styling */
#nav { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0; }
#nav ul { width: 100%; margin: 0; padding: 0; list-style: none; display: table; }
ul#topnav { display: table; text-align: center; padding: 0; margin: 0; }
ul#topnav li { display: table-cell; text-align: center; width: 12.14%; padding: 0; margin: 0; }
ul#bottomnav li { display: table-cell; text-align: center; width: 22%; padding: 0; margin: 0 1.5%; }
ul#topnav li a, ul#bottomnav li a { padding: 4px 0; text-decoration: none; color: #FFF; transition: all 0.25s ease; border-radius: 6px; margin: 4px 0; vertical-align: middle; display: block; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); border: 1px solid transparent; }
ul#topnav li a:hover, ul#bottomnav li a:hover { color: #FFF; background: url('/images/overlay.png') no-repeat center center; border: 1px solid #FFF; }
/* End navigation bar styling. */

.clear {
	clear: both;
}

/* Homepage slideshow styling */
#slideshow {
    position:relative;
    height: 275px;
	width: 275px;
	margin: 0 auto;
	overflow: hidden;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* End of homepage slideshow styling */

input[type="submit"] { border: 1px solid #444; padding: 10px 16px; font-size: 16pt; margin: 6px 0; }

.page_link { font-size: 100%; padding: 1em; text-align: center; margin: 0 auto; }
.pageBtn { font-size: 100%; transition: all 0.25s ease; background: #F0F0F0; padding: 6px 12px; color: #444; margin: 0 6px; }
.pageBtn:hover { 	background-color: #662200; color: #FFF; }
.btnPrev, .btnNext { font-size: 100%; background: #F0F0F0; padding: 6px 12px; margin: 0 6px; color: #444; transition: all 0.25s ease; }
.btnPrev:hover, .btnNext:hover { background: #662200; color: #FFF; }
.btnFirst, .btnLast { margin: 0 6px; font-size: 100%; background: #f0f0f0; padding: 6px 12px; color: #444; transition: all 0.25s ease; }
.btnFirst:hover, .btnLast:hover { background: #662200; color: #FFF; }
.btnCurrent { margin: 0 6px; background: #e25108; padding: 6px 12px; color: #FFF;  }
.pageBtn:active { box-shadow: 0px 0px rgba(0, 0, 0, 0); top: 4px; }
.pageBtnCurrent { cursor: default; background: radial-gradient(ellipse closest-side, #d9347b 0%, #8c2250 100%); }

.dateBox { float: left; height: 100%; width: 120px; background: #662200; text-align: center; border: 1px solid #666; border-radius: 6px; margin: 0 16px 0 0; padding: 0; }
.dateBox .month { font-size: 140%; color: #FFF; margin: 0; padding: 5px; }
.dateBox .day { font-size: 175%; color: #666; background: #FFF; padding: 5px; margin: 0; text-align: center; }
.dateBox .year { font-size: 125%; color: #FFF; background: #666; padding: 5px; margin: 0; text-align: center; }
.dateBox .time { font-size: 100%; color: #DDD; background: #222; padding: 5px; margin: 0; text-align: center; }

.item p img { width: 48px; height: 48px; }

.news_item, .eventBox { margin: 0 8px 12px 8px; padding: 6px; }