/* CSS Document */

/* THESE STYLES WILL SHOW UP IN THE CMS TEXT EDITOR */
	/* <textEditor> */		
		.fontGeorgia {font-family: georgia, serif;}
		.fontTimes {font-family: "times new roman", times, serif;}	
		.fontVerdana {font-family: verdana, sans-serif;}
		.fontArial {font-family: arial, sans-serif;}
		.fontTahoma {font-family: tahoma, sans-serif;}	
		
		.textBlack, .textBlack a {color: #111;}
		.textWhite, .textWhite a {color: #fff;}
		.textGrey, .textGrey a {color: #adaeae;}	
		.left {float: left; margin-right: 1em;}
		.right {float: right; margin-left: 1em;}
		.textSmall {font-size: 85%;}
		.textLarge {font-size: 125%;}
		.noborder {border: none !important;}
		span.imageBorder img {border: 1px solid #333;}
	/* </textEditor> */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { background:#454545 url(../images/bg_body.jpg) repeat-x top center; font-family:Arial, Helvetica, sans-serif}

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

p { font-size:12px; color:#CAC7BF} 
h1 { font-size:36px; color:#FFFFFF}
h2 { font-size:25px; color:#80A328}
h3 { font-size:13px; color:#FFFFFF} 
h4 { font-size:20px; color:#80A328} 


/*
---------------------------------------------
02. searchbar
---------------------------------------------
*/


#bgsearchbar { width:100%; float:left; border-top:20px solid #80A328}
#searchbar { width:1005px; margin:0 auto}

.search { width:216px; height:30px; float:right; background:url(../images/bg_searchbar.png) no-repeat bottom left; padding:0 12px; margin-top:-7px; position:relative}
.search fieldset { width:216px; float:left}
.search fieldset .button_search { float:left; padding-left:13px}
.searchInput { width:158px; height:16px; float:left; background:#EBF2F7; border:none; font-size:12px; color:#5D5D5D; text-align:right; padding:2px 16px}
.searchButton {background-image:url(../images/button_search.gif);  background-repeat: no-repeat; border: none; height: 18px; width: 16px; text-indent: -9999px; margin-left: 5px;}


/*
---------------------------------------------
03. header
---------------------------------------------
*/


#header { width:996px; margin:0 auto}
#header .logo { width:230px; height:76px; float:left; background:url(../images/logo.png) no-repeat; position:relative; margin-top:16px; padding-bottom:15px}
#header .logo .logo-link { width:230px; height:76px; float:left; position:absolute}
.nodisplay { display:none}


#header .nav { width:740px; height:29px; float:right; background:url(../images/bg_navbar.png) no-repeat; margin-top:37px}
#header .nav ul li { float:left; font-size:13.5px; color:#FFFFFF; text-transform: uppercase; padding:7px 34px 0 10px}
#header .nav ul li.give { padding-right:0}
#header .nav ul li a { color:#FFFFFF; text-decoration:none}
#header .nav ul li a:hover { color:#9CC539; text-decoration:none}
#header .nav ul li a.selectedPage { color:#9CC539; text-decoration:none}


/*
---------------------------------------------
04. content
---------------------------------------------
*/


#bgcontent { width:100%; float:left; padding-bottom:8px}
#content { width:1005px; margin:0 auto}


#content .leftbox { width:667px; float:left; background:url(../images/bg_leftbox.png) no-repeat; padding:12px 8px 14px 13px; position: relative;}
#content .leftbox h1 { float:right; padding-right:27px; margin-top:-130px; position:inherit}


#content .righbox { width:317px; float:left}
#content .righbox_bordertop { width:317px; height:17px; float:left; background:url(../images/bg_rightbox_bordertop.png) no-repeat; overflow:hidden}
#content .righbox_bordermiddle { width:297px; float:left; background:url(../images/bg_rightbox_bordermiddle.png) repeat-y; padding:0 10px}
#content .righbox_borderbottom { width:317px; height:19px; float:left; background:url(../images/bg_rightbox_borderbottom.png) no-repeat}


#content .latestnews { width:271px; float:left; background:#242424; padding:8px 12px}
#content .latestnews .heading { padding-top:2px}

#content .latestnews h3 { font-weight:bold; padding-top:9px}
#content .latestnews h3 span { font-size:11px; font-weight:normal; font-style:italic}
#content .latestnews p { padding-bottom:4px; line-height:1.0em}

.latestnews .blogList {
 padding: 0;
 }
.latestnews .blogList ul {
 margin: 0 !important;
 padding: 0 !important;
 list-style: none;
 list-style-image: none;
 }
.latestnews .blogList ul li {
 list-style: none;
 list-style-image: none;
 margin: 0 !important;
 padding: 0 0 5px !important;
 }
.latestnews .blogList ul li h2.postTitle {
 font-size: 13px;
 font-family: Arial, sans-serif;
 line-height: 1;
 margin: 0 0 5px;
 font-weight: normal;
 padding-top: 4px;

 }
.latestnews .blogList ul li h2.postTitle a {
 color: #FFFFFF;
 text-decoration: none;
 }
 
.latestnews .blogList ul li .postBody {
 font-size: 12px;
 }
 
 .latestnews .blogList ul li .postInfo {
 margin-top: -5px;
 margin-bottom: -1px;}
 
.latestnews .blogList ul li .postInfo a {
 display: none}
 
 .latestnews .blogList ul li .postInfo em {
 display: none}
 
 .latestnews .blogList ul li .postInfo span.postDate {
 color: #777;
 font-size: 10px;
 margin-top: -10px;
 }
 .rss { display: none; } 

#content .upcoming { width:295px; float:left; padding-top:8px}
#content .upcoming .photo { float:left}
#content .upcoming h1 { width:270px; height:37px; float:left; background:url(../images/bg_heading_event.png); font-size:28px; padding-left:25px; padding-top:7px; margin-top:-85px; position:relative}
#content .upcoming h1 span { font-weight:bold}
#content .upcoming h1 a, #content .upcoming h1 a:hover { color:#FFFFFF; text-decoration:none}


/*
---------------------------------------------
05. bottom content box
---------------------------------------------
*/


#bgbottomcontent { width:100%; float:left; padding-bottom:11px; padding-top: 5px}
#bottomcontent { width:1005px; margin:0 auto}

#bottomcontent .box1 { width:226px; float:left;background:url(../images/bg_bottombox1.png) no-repeat;padding:9px 13px 9px 9px; position: relative;}

#bottomcontent .box2 { width:675px; float:left; background:url(../images/bg_bottombox2.png) no-repeat; padding:11px 23px 12px 10px; margin-top:5px; position: relative; margin-left: 8px;}
#bottomcontent .box2 .photo { float:left}
#bottomcontent .box2 h1 { float:right; margin-top:-85px; padding-right:38px}

#bottomcontent .box3 { width:237px; height:116px; float:left; background:url(../images/bg_bottombox3.png) no-repeat; padding:19px 0 0 22px; margin-top:5px; margin-left: 20px;}
#bottomcontent .box3 .logo_facebook { float:left; padding-right:23px}
#bottomcontent .box3 .logo_twitter { float:left}



/*
---------------------------------------------
06. footer
---------------------------------------------
*/


#bgfooter { width:998px; margin:0 auto}
#footer { width:954px; height:27px; float:left; background:url(../images/bg_footer.png) no-repeat; padding:10px 20px 120px 20px}

#footer p { float:left; padding-top:2px }
#footer p span { padding-right:15px;}
#footer img { padding-left:10px; float:left; display:inline; position:relative;} 
#footer p a { color:#fff; text-decoration:none; padding-left:2px; padding-right:2px}
#footer p a:hover { color:#fff; text-decoration:underline}


#footer .copyright { float:left}
#footer .footer_links { float:right}




/*
---------------------------------------------
07. content inner
---------------------------------------------
*/


#content_inner { width:998px; margin:0 auto}
#content_inner .photo { float:left; border-top:5px solid #80A328; border-bottom:5px solid #AAAAAA}
#content_inner h5 { font-size: 36px; float:left; padding-left:30px; margin-top:-121px; position:relative; }
#content_inner h5 a { height:50px; float:left; background:url(../images/bg_heading_about.png) repeat; color:#FFFFFF; text-decoration:none; padding:67px 12px 0 12px; }

#content_inner .fieldSelected {
background: transparent !important;
border-color: transparent !important;
 }

#content_inner ol {
	list-style: decimal;
	margin: 15px 35px;
}
#content_inner ol li {
		padding: 0 0 5px 0;
	}	
		
#content_inner ul {
	list-style: square;
	margin: 15px 35px;
	color: #fff;
}
#content_inner ul li {
		padding: 0 0 5px 0;
	}

#content_inner h2.formTitle {margin-top: -30px; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:24px; color:#80A328;}
#content_inner .fieldTitle {color:#fff;}
#content_inner .fieldNote {color:#b9b9b9;}
#content_inner .confirmation-content p {color: black !important}
#content_inner .confirmation-content a {color: #80A328 !important}



/*
---------------------------------------------
08. content inner  - leftpanel
---------------------------------------------
*/


#content_inner #leftpanel { width:710px; float:left; padding-top:18px}
#content_inner #leftpanel a { color: #9CC539 }
#content_inner #leftpanel h2 { font-family:"Arial", Arial, Helvetica, sans-serif} 
#content_inner #leftpanel p { font-family:"Arial", Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; line-height:1.3em; padding-bottom:18px} 

#content_inner #leftpanel2 { width:998px; float:left; padding-top:18px; font-color: #fff;}
#content_inner #leftpanel2 a { color: #9CC539 }
#content_inner #leftpanel2 h2 { font-family:"Arial", Arial, Helvetica, sans-serif} 
#content_inner #leftpanel2 p { font-family:"Arial", Arial, Helvetica, sans-serif; font-size:14px; color:#fff; line-height:1.3em; padding-bottom:18px} 

#content_inner #leftpanel3 { width:475px; float:left; padding-top:18px; font-color: #fff;}
#content_inner #leftpanel3 a { color: #9CC539 }
#content_inner #leftpanel3 h2 { font-family:"Arial", Arial, Helvetica, sans-serif} 
#content_inner #leftpanel3 p { font-family:"Arial", Arial, Helvetica, sans-serif; font-size:14px; color:#fff; line-height:1.3em; padding-bottom:18px} 


/*
---------------------------------------------
09. content inner  - rightpanel
---------------------------------------------
*/


#content_inner #rightpanel { width:184px; float:right; background:#565555; padding:10px 15px}
#content_inner #rightpanel .navigation ul { margin: 0 !important;}
#content_inner #rightpanel .navigation ul li { width:184px; float:right; font-size:17px; color:#FFFFFF; text-align:right; list-style: none;}
#content_inner #rightpanel .navigation ul li a { color:#FFFFFF; text-decoration:none; float:right; padding:10px 8px}
#content_inner #rightpanel .navigation ul li a:hover { background:#353535}
#content_inner #rightpanel .navigation ul li a.selectedPage { background:#353535}

#content_inner #rightpanel3 { width:475px; float:right; padding-top: 18px}

/*
---------------------------------------------
21. CMS
---------------------------------------------
*/

 /* background color of a selected field. */

.fieldSelected {
background: #101010 !important;
border-color: transparent !important;
 }
 
 
/* event list */
.eventsList {
padding: 0;
}
.eventsList ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
list-style-image: none;
}
.eventsList ul li {
list-style: none;
list-style-image: none;
padding: 0 0 5px;
}
.eventsList ul li a {
font-size: 20px;
font-family: arial;
line-height: 1;
margin: 0 0 5px;
font-weight: normal;
text-decoration: none;
color: #F47514;
}
.eventsList ul li .eventDate {
margin: 0 0 15px;
color: #777;
font-style: italic;
}

/* graphical - event list */
.eventsCalendar table {
border: none;
border-color: #fff;
width: 100%;
border-collapse: collapse;
}
.calendarDay,
.calendarToday,
.calendarDayHeader,
.calendarTitle td,
.calendarWeekendDay,
.calendarOtherMonthDay {
padding: 2px;
border: 1px solid #fff;
text-align: center;
vertical-align: top;
background: #fff !important;
padding: 5px;
border-bottom: 1px solid #f4f4f4;
}
/* top bar with current month and next/previous buttons */
.calendarTitle td {
text-align: center;
color: #fff !important;
font-weight: bold !important;
background: #000 !important;
font-size: 12px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 2px;
height: 27px;
}
.calendarNextPrevious {
color: #80A328 !important;
font-weight: bold;
padding-top: 5px;
}
.calendarNextPrevious a {
color: #80A328 !important;
}

/* m-f bar */
.calendarDayHeader {
color: #000;
background: #fff;
font-weight: bold;
text-align: center;
padding: 4px 2px;
text-transform: uppercase;
border-bottom: 1px solid #f4f4f4;
}
/* current day */
.calendarToday,
.calendarToday a {
font-weight: bold;
}
/* weekends */
.calendarWeekendDay a {
font-size: 13px !important;
color: #f57514 !important;
}
.calendarDay a {
font-size: 13px !important;
color: #80A328 !important;
}
/* previous or next months days on current months calendar */
.calendarOtherMonthDay {
color: #898989;
}

.eventDate {
color: white;
padding-bottom: 10px;}


/* BLOG */

.postInfo {
color: #fff;}
.commentsForm span {
color: #fff}

/* SLIDESHOW */

.sldw_prev a {
	width: 31px;
	height: 31px;
	text-indent: -9999px;
	border: 0 !important;
	text-decoration: none !important;
	overflow: hidden;
	position: absolute;
	top: 89%;
	left: 45%;
	background: url('../images/arrow_left.png') 0 0 no-repeat !important;
	}

.sldw_prev a:hover {
	background: url('../images/arrow_left_on.png') 0 0 no-repeat !important;
	}

.sldw_next a {
	width: 31px;
	height: 31px;
	text-indent: -9999px;
	text-decoration: none !important;
	border: 0 !important;
	overflow: hidden;
	position: absolute;
	top: 89%;
	right: 45%;
	background: url('../images/arrow_right.png') 0 0 no-repeat;
	}

.sldw_next a:hover {
	background: url('../images/arrow_right_on.png') 0 0 no-repeat;
	}
	
.comment {
 background: transparent !important;
 margin: 0 !important;
 padding: 10px 0 0 0 !important;
 border: none !important;
 font-weight: normal;
 color: #fff;
 font-size: 15px;
 }
 
.commentDate {
 font-size: 10px;
 font-family: Arial !important;
 color: #000;
 font-style: normal;
 }