/*
	--------------------------------------------------
	SITE CONTENT STYLES
	--------------------------------------------------
	Client:	
	Author:	
	Date:	Month, Year
		
*/


/* ===================================================================================== STYLES FOR ALL PAGES */

/* Font Families */

body { font-family: Arial, Helvetica, sans-serif; }


/* Text Colors */

body { color: #333; }


/* Text Styles */

#printArea {
	font-size: 12px;
	line-height: 16px;
}

#printArea h1 {
	margin: 0 0 15px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}

#mainInterior .contentAreaecodev .left h1 {
	font-size:17px !important;
	font-weight:bold !important;
	line-height: 18px !important;
	color: #999 !important;
	text-transform: none !important;
}
#mainInterior .contentAreaecodev .left .blue {
	color: #069 !important;	
}

#intcontentRightecodev .contentAreaecodev h2 {
	color: #2F71A1;
	font-size: 21px;
	font-weight: bold;
	background-color: #fff;
	margin: 0;
}

#printArea h2 {
	margin: 15px 0;
	padding: 5px;
	background-color: #ecf9df;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #365512;
}

#printArea h3,
#printArea h4,
#printArea h5,
#printArea h6 {
	margin: 15px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #333;
}

#printArea .intro {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

#printArea .caption {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #D4EDAC;
	font-size: 11px;
	line-height: 15px;
	color: #3B5518;
}

#printArea .caption a,
#printArea .caption a:active,
#printArea .caption a:visited {
	color:#3B5518;
	text-decoration: underline;
}

#printArea .caption a:hover {
	text-decoration: none;
}

#printArea .none { 
	font-size: 12px;
	line-height: 16px;
}

.followus {
	color:#669933;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	margin:0;
	padding:0 0 5px;
	text-transform:uppercase;
}

.edtgrey {
	color: #999999 !important;
}

/* Link Colors */

a, a:link, a:visited, a:active 	{ color: #2f729d; text-decoration:none ; }
a:hover { color: #2f729d; text-decoration: underline; }


/* Ensuring content-related lists display properly in content areas */

#contentLeft ul, #printArea ul { margin: 15px 0px 30px 30px; }
#contentLeft ol, #printArea ol { margin: 15px 0px 30px 30px; }
#contentLeft li, #printArea li { margin: 10px 0px 10px 0px; }


/* Image Placement */

.imageleft {
	float: left;
	margin: 0px 20px 20px 0px;
}

.imageright {
	float: right;
	margin: 0px 0px 20px 20px;
}


/* Tabular Data Table */

.datatable {
	margin: 0px 0px 15px 0px;
	padding: 0;
	border: 1px solid #B6B4B4;
}

.datatable td { padding: 7px 10px; }

.datatable .titlerow, .datatable .titlerow_even, .datatable .titlerow_odd {
	background: #d5ebc0;
	text-align: left;
	font-weight: bold;
	color: #355611;
}

.datatable .row { background: #ecf9df; }

.datatable .altrow { background: #fff; }



/* ===================================================================================== STYLES HOME PAGE */


/* ===== Row 1 ===== */


/* Photo Banner */

#imageCredit {
	position:absolute;
	Top:195px;
	width:150px;
	color:#FFF;
	height:60px;
	left:310px;
	text-align: right;
	overflow: hidden;
}

#imageCredit h1,
#imageCredit h2,
#imageCredit h3,
#imageCredit h4,
#imageCredit h5,
#imageCredit h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

#imageCredit p {
	padding: 0;
	margin: 0;	
}

#imageCredit .credit {
	font-style: italic;
	margin-bottom: 3px;
}

#imageCredit a {
	font-weight:bold;
	color:#FFF;
}


/* Image Links */

.mainHome #row1 .column1 .contentArea2 .column1 {
	float: left;
	width: 148px;
}

.mainHome #row1 .column1 .contentArea2 .column1 .row1 {
	float: left;
	padding: 0;
	width: 148px;
	height: 29px;
	overflow: hidden;
}

.mainHome #row1 .column1 .contentArea2 .column1 .row1 img {
	float: left;
	margin: 0;
	padding: 0;
}

.mainHome #row1 .column1 .contentArea2 .column1 .row2 {
	float: left;
	padding: 2px 0 0 0;
	height: 110px;
	overflow: hidden;
}

.mainHome #row1 .column1 .contentArea2 .column1 .row2 img {
	float: left;
}


/* Whats Happening */

.mainHome #row1 .column1 .contentArea2 .column2 {
	float: right;
	width: 306px;
	height: 141px;
	overflow: hidden;
}

a.jScrollArrowUp {
	background: url(/images/structure/events_arrow_up.gif) no-repeat 0 0;
}

a.jScrollArrowUp:hover {
	background-position: 0 -11px;
}

a.jScrollArrowDown {
	background: url(/images/structure/events_arrow_down.gif) no-repeat 0 0;
}

a.jScrollArrowDown:hover {
	background-position: 0 -11px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -11px;
}

.mainHome #row1 #eventsFeedContainer {
	float: left;
	position: relative;
	padding: 13px 10px 13px 11px;
	width: 287px;
	height: 115px;
	background: #F0F8FF;
	font-size: 11px;
	line-height: 14px;
	color: #666;
	overflow: hidden;
}

.mainHome #row1 #calendarFeed {
	float: left;
	padding: 0;
	width: 287px;
	height: inherit;
	font-size: 11px;
	line-height: 14px;
	color: #666;
	/*overflow: hidden;*/
}

.mainHome #row1 #calendarFeed p {
	margin: 0;
	padding: 0;
}

.mainHome #row1 #calendarFeed .title {
	padding: 0 0 8px;
	background: url(/images/structure/events_dot_line_01.gif) 0 bottom repeat-x;
	font-weight: bold;
}

.mainHome #row1 #calendarFeed .event {
	padding: 6px 0 8px;
	background: url(/images/structure/events_dot_line_01.gif) 0 bottom repeat-x;
}

.mainHome #row1 .scroll-pane {
	width: 287px;
	height: 115px;
	overflow: auto;
	float: left;
} 


/* News Stories */

.mainHome #row1 .column2 h1,
.mainHome #row1 .column2 h2,
.mainHome #row1 .column2 h4,
.mainHome #row1 .column2 h5,
.mainHome #row1 .column2 h6  {
	margin: 0;
	padding: 5px 0 2px;
	font-size: 17px;
	font-weight: normal;
	line-height: 21px;
	text-transform: none;
}

.mainHome #row1 .column2 h3 {
	color:#669933;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	margin:0;
	padding:0 0 5px;
	text-transform:uppercase;
}

.mainHome #row1 .column2 p {
	margin: 0;
	padding: 2px 0 5px 0;
}


/* Additional Links */

.mainHome #row1 .column3 h1,
.mainHome #row1 .column3 h2,
.mainHome #row1 .column3 h2 a,
.mainHome #row1 .column3 h4,
.mainHome #row1 .column3 h5,
.mainHome #row1 .column3 h6 {
	margin: 0;
	padding: 0 0 5px 0;
	color: #669933;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-transform: uppercase;
}


.mainHome #row1 .column3 h3 {
	margin: 0;
	padding: 0 0 5px 0;
	color: #2F729D;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-transform: uppercase;
}

.mainHome #row1 .column3 p,
.mainHome #row1 .column3 img {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
	padding: 0 0 7px 0;
}



/* ===== Row 2 ===== */

/* Image Links */

.mainHome #row2 .column1 .imageContainer {
	float: left;
	padding: 0 10px 0 0;
	width: 148px;
	height: 110px;
	overflow: hidden;
}


/* Showcase */

.mainHome #row2 .showcase .imageleft,
.mainHome #row2 .showcase .imageright{
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	border: 3px solid #FFF;
}

.mainHome #row2 .showcase .imageright {
	float: right;
	margin: 0px 0px 5px 5px;
}

.mainHome #row2 .showcase h1,
.mainHome #row2 .showcase h2,
.mainHome #row2 .showcase h3,
.mainHome #row2 .showcase h4,
.mainHome #row2 .showcase h5,
.mainHome #row2 .showcase h6 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.mainHome #row2 .showcase p {
	margin: 0;
	padding: 0;
	color: #FFF;
}

.mainHome #row2 .showcase a {
	font-weight: bold;
	color: #FFF;
}





/* ===================================================================================== STYLES FOR CONTENT PAGES */


/* ===== Contact Box in Left Column ===== */

#intcontactContainer {
	float: left;
	padding: 0 0 20px 0;
}

#intcontact, .intcontact {
	float: left;
	padding: 0;
	width: 257px;
	color:#326601;
}

#intcontact .top, .intcontact .top {
	height: 27px;
	background: url(/images/structure/contact_top.gif) no-repeat;
}

#intcontact .middle, .intcontact .middle {
	padding: 0 30px 10px 30px;
	background: url(/images/structure/contact_bg.gif) repeat-y;
}

#intcontact .bottom, .intcontact .bottom {
	height: 27px;
	background: url(/images/structure/contact_bot.gif) no-repeat;
}

#intcontact p, .intcontact p {
	margin: 0;
	padding: 0;
}

#intcontact .head, .intcontact .head {
	padding: 0 0 15px 0;
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
}

#intcontact a,
#intcontact a:active,
#intcontact a:visited,
.intcontact a,
.intcontact a:active,
.intcontact a:visited {
	color: #326601;
	font-weight: bold;
	text-decoration: underline;
}

#intcontact a:hover, .intcontact a:hover {
	text-decoration: none;
}

#intcontact .align, .intcontact .align {
	float: left;
	width: 35px;
}

/* ===== Content Area // Right Column ===== */

.contentArea .right .quicklinks {
	float: left;
	padding: 0 0 5px 0;
	width: 210px;
	overflow: hidden;
}

.contentArea .right .quicklinks .top {
	float: left;
	width: 210px;
	height: 5px;
	background: url(/images/structure/rn_bg_top.gif) 0 0 no-repeat;
	overflow: hidden;
}

.contentArea .right .quicklinks .middle {
	float: left;
	width: 210px;
	background: url(/images/structure/rn_bg_mid.gif) 0 0 repeat-y;
}

.contentArea .right .quicklinks .bottom {
	float: left;
	width: 210px;
	height: 5px;
	background: url(/images/structure/rn_bg_bot.gif) 0 0 no-repeat;
	overflow: hidden;
}

.contentArea .right .quicklinks .middle p {
	margin: 0;
	padding: 0;
}

.contentArea .right .quicklinks .middle a,
.contentArea .right .quicklinks .middle a:active,
.contentArea .right .quicklinks .middle a:visited {
	display: block;
	padding: 0 5px 2px 30px;
	width: 175px;
	background: url(/images/structure/rn_bullet.gif) 9px 4px no-repeat;
	color: #3B5518;
}





/* ----- END OF TEMPLATE ----- */