/* CSS Document */


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


body { background:#222321; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

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

p { font-size:12px; color:#EFEDE7}

h1 { font-size:36px; color:#4A6244}
h2 { font-size:28px; color:#2C2C2C}
h3 { font-size:20px; color:#2C2C2C}
h4 { font-size:17px; color:#FFFFFF }

blockquote {
	margin-left: 25px;
	line-height: 1em;
	}


/*
---------------------------------------------
02. topbar
---------------------------------------------
*/


#bgtopbar { width:100%; height:33px; float:left; background:#2E2F2D url(../images/bg_topbar.gif) repeat-x top left; padding-top:3px; margin-top:14px}
#topbar { width:960px; margin:0 auto}

#topbar ul { float:right}
#topbar ul li { float:left; font-size:13px; color:#969696; text-shadow:#0D0D0D 2px 2px 2px; padding:6px 10px}
#topbar ul li a { color:#969696; text-decoration:none}
#topbar ul li a:hover { color:#969696; text-decoration:underline}


/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/


#bgwrapper { width:100%; float:left; background:url(../images/bg_wrapper.jpg) repeat top center}
#wrapper { width:973px; margin:0 auto}


/*
---------------------------------------------
04. header
---------------------------------------------
*/


#header { width:914px; height:140px; float:left; padding-top:16px; padding-right:59px} 

#header .logo { width:322px; height:113px; float:right; background:url(../images/logo.png) no-repeat; position:relative}
#header .logo .logo-link { width:322px; height:113px; float:left; position:absolute}
.nodisplay { display:none}


/*
---------------------------------------------
05. top navigation
---------------------------------------------
*/



#bgnavbar { width:570px; height:48px; float:left; background:url(../images/bg_nav_left.png) no-repeat; padding-left:10px; margin-top:92px; position:relative}
#navbar { height:48px; float:left; background:url(../images/bg_nav_right.png) no-repeat top right; padding-right:10px; z-index: 6; position:relative;} 

ul.globalNav { height:48px; float:left; background:url(../images/bg_nav.gif) repeat-x top left; position: relative; }

ul.globalNav li { height:22px; float:left; font-size:14px; color:#FFFFFF; text-shadow:#3D4839 2px 2px 2px; background:url(../images/bg_li_nav.gif) no-repeat top right; padding:15px 15px}
ul.globalNav li.bordernone { background:none}

ul.globalNav a:hover { color: #000;}
ul.globalNav a:active { color: #ffa500; }
ul.globalNav li a { display: block; padding:0px 5px; color: #fff;  }
ul.globalNav li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.globalNav li.hover, ul.dropdown li:hover { color:#FFFFFF; text-decoration:none; position:relative; } 
ul.globalNav li.hover a { display:block; color:#FFFFFF; text-decoration:none; background:#6A8365;}


/* LEVEL TWO*/

ul.globalNav ul { width: 180px; visibility: hidden; position: absolute; left: 0; margin-top:17px }
ul.globalNav ul li { font-weight: normal; background: #6A8365; color: #000; 
 border-bottom: 1px solid #4C6646; float: none; margin:0; padding:3px 10px; text-shadow:#333 1px 1px 1px;}
 /* IE 6 & 7 Needs Inline Block */
ul.globalNav ul li a { width: 100%; display: inline-block; padding:0; background:#6A8365 } 
ul.globalNav ul li a:hover { width: 100%; display: inline-block; padding:0; background:#6A8365;} 

ul.globalNav ul li.hover a { display:block; color:#4A6244; text-decoration:none; background-color: #6A8365; }


ul.globalNav ul ul { left: 100%; top: 0; margin-top:0px }
ul.globalNav li:hover > ul { visibility: visible; }

/* LEVEL Three*/

ul.globalNav ul li ul{ width: 180px; visibility: hidden; position: absolute; left: 40; margin-top:-1px }
ul.globalNav ul li ul li { font-weight: normal; background: #6A8365; color: #fff; 
 border-bottom: 1px solid #4C6646; float: none; margin:0; padding:5px 10px; text-shadow:#333 1px 1px 1px;}
 /* IE 6 & 7 Needs Inline Block */
ul.globalNav ul li ul li a { width: 100%; display: inline-block; padding:0; background:#6A8365; color: #fff !important; } 
ul.globalNav ul li ul li a:hover { width: 100%; display: inline-block; padding:0; background:#6A8365; color: #4A6244 !important;} 

ul.globalNav ul li ul li.hover a { display:block; color:#4A6244; text-decoration:none; background-color: #6A8365; }


ul.globalNav ul ul ul { left: 100%; top: 0; margin-top:0px }
ul.globalNav ul li li:hover > ul { visibility: visible; }



/*
---------------------------------------------
06. content
---------------------------------------------
*/


#contentbox { width:973px; float:left; padding-bottom:20px}
#contentbox .content_bordertop { width:973px; height:15px; float:left; background:url(../images/bg_content_bordertop.png) no-repeat; overflow:hidden; z-index: 4;}
#contentbox .content_bordermiddle { width:949px; float:left; background:url(../images/bg_content_bordermiddle.png) repeat-y; padding-left:8px; padding-right:16px; z-index: 4;}
#contentbox .content_borderbottom { width:973px; height:20px; float:left; background:url(../images/bg_content_borderbottom.png) no-repeat; overflow:hidden; z-index: 4;}


#contentbox .box { width:935px; float:left; background:url(../images/bg_photo_main.jpg) no-repeat; padding:4px 9px 9px 5px; margin:-4px 0; position:relative; z-index: 5;}
#contentbox .box .photo { float:left}




/*
---------------------------------------------
07. featured items
---------------------------------------------
*/


#featureditems { width:983px; height: 350px; float:left; margin-left:-10px; padding-bottom:25px; z-index: 1; position:relative;}

#featureditems .box { width:474px; height:168px; float:left; background: url(../images/bg_featuredbox.png) no-repeat; padding-left:17px; }
#featureditems .box h4 { padding-left:25px; padding-top:12px;}
#featureditems .box img { float:left; }

#featureditems .box .featuredphoto { position:absolute; top: 17px; z-index: 1;}
#featureditems .box .featuredphoto2 { position:absolute; top: 185px; z-index: 1;}


#featureditems .box .item1 { width:212px; height:50px; float:left; background:url(../images/bg_heading_item1.png) no-repeat; margin-top:-9px;position:relative; z-index: 4;}
#featureditems .box .item2 { width:212px; height:50px; float:left; background:url(../images/bg_heading_item2.png) no-repeat; margin-top:-9px; position:relative; z-index: 4;}
#featureditems .box .item3 { width:212px; height:50px; float:left; background:url(../images/bg_heading_item3.png) no-repeat; margin-top:-10px ; position:relative; z-index: 4;}
#featureditems .box .item4 { width:212px; height:50px; float:left; background:url(../images/bg_heading_item4.png) no-repeat; margin-top:-9px; position:relative; z-index: 4;}




/*
---------------------------------------------
08. footer
---------------------------------------------
*/


#bgfooter { width:100%; float:left; background:#292928 url(../images/bg_footer.gif) repeat-x; padding-top:15px; border-bottom:1px solid #3C3D3B; padding-bottom:5px;}
#footer { width:960px; margin:0 auto;}

#footer .getintouch { width:200px; float:left; padding-right:40px}
#footer .getintouch h4 { color:#5B7953}
#footer .getintouch p { line-height:1.8em}
#footer .getintouch p.address { padding-bottom:15px}

#footer .online { width:205px; float:left; padding-right:40px}
#footer .online h4 { color:#A5A64B}
#footer .online p { font-weight:bold; line-height:1.2em; padding-bottom:5px}
#footer .online .button_givenow a { width:118px; height:30px; float:left; background:url(../images/bg_button_givenow.gif) no-repeat; font-size:16px; font-weight:bold; color:#794343; text-align:center; text-decoration:none; text-shadow:#000000 3px 2px 3px; padding-top:2px}


#footer .social_networking { width:200px; float:left; padding-right:30px}
#footer .social_networking h4 { color:#537779;}
#footer .social_networking ul { padding-left:4px; padding-top:4px}
#footer .social_networking ul li { width:200px; height:38px; float:left; font-size:13px; font-weight:bold; color:#EFEDE7; line-height:2.5em}
#footer .social_networking ul li span { float:left; padding-right:18px}
#footer .social_networking ul li a { color:#EFEDE7; text-decoration:none}

#footer .staff_blogs { width:225px; float:left}
#footer .staff_blogs h4 { color:#794343}
#footer .staff_blogs p { font-weight:bold; line-height:1.4em}
#footer .staff_blogs p.copyright { padding-top:40px}
#footer .staff_blogs p a { text-decoration:underline}


/*
---------------------------------------------
09. innarpage  - content
---------------------------------------------
*/


#content { width:924px; float:left; padding-left:16px; padding-bottom:80px}

.subnav ul li { float:left; background:url(../images/bg_arrow_nav_inner.gif) no-repeat right center; font-size:28px; font-weight:bold; color:#57744F; padding-right:26px; padding-left:13px}
.subnav ul li.home { padding-left:0}
.subnav ul li.current_page { background:none}
.subnav ul li a { color:#57744F; text-decoration:none}
.subnav ul li a:hover {text-decoration: underline}



#breadCrumb {
	height: 30px;
	background:url(../images/bg_subnav_inner.gif) repeat-x bottom left;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	}


	
#breadCrumb .breadCrumb {
	float: left;
	padding: 5px 30px;
	color: #b5b5b5;
	font-weight:bold; 
	color:#57744F; 
	padding-right:26px; 
	padding-left:13px;
	}
	
#breadCrumb .breadCrumb a {
	text-decoration: none;
	color: #57744F;
	}


/*
---------------------------------------------
10. innarpage  - left panel
---------------------------------------------
*/



#leftpanel { width:600px; float:left; padding:10px 62px 0 10px}

#leftpanel h1, #leftpanel h2 { font-weight:bold; padding-bottom:15px}
#leftpanel p { font-size:17px; color:#404040; padding-bottom:22px}

#leftpanelAdmin { width:900px; float:left; padding:10px 62px 0 10px}

#leftpanelAdmin  h1, #leftpanel h2 { font-weight:bold; padding-bottom:15px}
#leftpanelAdmin  p { font-size:17px; color:#404040; padding-bottom:22px}


/*
---------------------------------------------
11. innarpage  - right panel
---------------------------------------------
*/


#rightpanel { width:210px; float:left; border-left:1px solid #C1C4BB; padding-left:25px; padding-bottom:110px; margin-top:15px}
#rightpanel h3 { padding-bottom:15px}
#rightpanel p { color:#404040; line-height:1.2em}

.spacer { width:100%; height:40px; float:left}



#leftpanelAdmin ol {
	list-style: decimal;
	margin: 0px 20px 10px 10px;
	margin-left: 25px;
	float: left;
}
	#leftpanelAdmin ol li {
		padding: 0 0 5px 0;
		margin-left: 25px;
		color: black;
	}	
		
#leftpanelAdmin ul {
	list-style: square;
	margin: 0 10px 10px 0px;
}
	#leftpanelAdmin ul li {
		padding: 0 0 5px 0;
		margin-left: 5px;
		color: black;
		
	}	
	
	
#leftpanelAdmin ul li ul{
	list-style: square;
	margin: 5px 10px 10px 0px;
}
	#leftpanelAdmin ul li ul li{
		padding: 0 0 5px 0;
		margin-left: 25px;
		color: black;
		
	}	
		
	
	#leftpanelAdmin a{
		color: #2d691e;
		}
		
	#leftpanelAdmin a:hover{
		color: #2d691e;
		}
		
	#leftpanel a{
		color: #2d691e;
		}
	

#leftpanel ol {
	list-style: decimal;
	margin: 0px 20px 10px 10px;
	margin-left: 25px;
	float: left;
}
	#leftpanel ol li {
		padding: 0 0 5px 0;
		margin-left: 25px;
		color: black;
	}	
		
#leftpanel ul {
	list-style: disc;
	margin: 0 10px 10px 0px;
}
	#leftpanel ul li {
		padding: 0 0 5px 0px;
		margin-left: 25px;
		color: black;
		
	}	
	
	
#leftpanel ul li ul{
	list-style: disc;
	margin: 5px 10px 10px 0px;
}
	#leftpanel ul li ul li{
		padding: 0 0 5px 0;
		margin-left: 25px;
		color: black;
		
	}	
		
	
	#leftpanel a{
		color: #404040;
		}
		
	#leftpanel a:hover{
		color: #777;
		}


	
/* 
-------------

 ELEMENT SPECIFIC CALLINGS

------------- 
*/
 
 
/* BLOG */

.blogList {
	padding: 0;
	}
	
.blogList ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	list-style-image: none;
	}
	
.blogList ul li {
	list-style: none;
	list-style-image: none;
	margin: 0 !important;
	padding: 0 0 5px !important;
	}
	
.blogList ul li h2.postTitle {
	font-size: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1;
	margin: 0 0 0px !important;
	font-weight: normal;
	}
	
.blogList ul li h2.postTitle a {
	color: #444;
	text-decoration: none;
	}
	
.blogList ul li .postBody {
	font-size: 10px !important;
	}
	
.blogList ul li .postInfo {
	margin: 0 0 5px;
	color: #777;
	font-size: 13px;
	}
	
.blogList ul li .postInfo span.postDate {
	color: #777;
	}
	
/* post detail page */
.post h2 {
	margin: 0 0 5px;
	font-size: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1;
	margin: 0 0 0px !important;
	font-weight: normal;
	}
	
.post .postDate {
	margin: 0 0 15px 0;
	color: #777;
	font-style: italic;
	}
	
.post .postViewInfo {
	background: #F2F2F2;
	margin-bottom: 15px;
	border: none !important;
	padding: 5px 9px;
	margin: 0;
	}
	
.post .postViewInfo .postViewTags li a {
	color: #000 !important;
	text-decoration: none !important;
	}
	
.post .postViewInfo .postViewTags li a:hover {
	color: #777 !important;
	}
	
.post .blogBack {
	display: none;
	}
	
	
/* Comments */
.commentsForm {
	clear: both;
	padding-top: 25px;
	}
	
.commentsForm .addComment {
	font-size: 18px;
	clear: both;
	}
.commentsForm label {
	font-weight: bold;
	display: block;
	color: #777;
	font-size: 13px;
	}
.commentsForm input,
.commentsForm textarea {
	padding: 4px 6px;
	font-size: 18px;
	border: 1px solid #bbb !important;
	background: #fff !important;
	color: #000;
	margin: 5px 0 10px;
	font-family: helvetica, arial, sans-serif;
	background: #fff;
	}
.commentsForm span {
	font-weight: bold;
	color: #777;
	font-size: 13px;
	}
.commentsForm img {
	margin: 5px 0;
	border: 1px solid #d5d5d5;
	}
.commentsForm input.submitComment {
	width: 200px;
	height: 32px;
	font-size: 1em;
	color: #000;
	border: none !important;
	margin: 10px 0 5px;
}
.commentsForm .note {
	font-size: 11px;
	color: #666;
	font-style: normal;
	}

/* blog comments */

.commentsHead {
	padding-top: 25px;
	font-size: 20px;
	clear: both;
	}
	
.commentsHead a {
	font-size: 15px;
	font-weight: normal;
	}


/* comments */
.comments {
	margin: 0 !important;
	}
	
.comments dl {
	background: transparent !important;
	}

dt.comment {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	font-weight: bold;
	color: #cc6d2e;
	font-size: 13px;
	}
	
dt.comment .commentNumber {
	color: #cdcdcd;
	font-weight: normal;
	}
	
dt.comment a {
	text-decoration: none;
	}
	
dd.comment {
	background: transparent !important;
	margin: 5px 0 25px !important;
	padding: 0 0 5px !important;
	color: #9c9c9c;
	border-bottom: 1px dotted #ccc;
	}
	
dd.comment .commentDate {
	font-size: 11px !important;
	font-family: helvetica, arial, sans-serif;	color: #888;
	font-style: normal;
	}
	
/* Form Builder */	
	
.form_container {
		margin: 0;
	}
	
.form_container p{
	font-size: 14px !important;
	line-height: .8;
	}
	
.form_container .title {
	font-weight: bold;
	display: block;
	color: #777;
	font-size: 13px;
	margin: 0;
	padding: 0;
	}
.form_container .textField {
	padding: 2px 6px;
	font-size: 18px;
	border: 1px solid #bbb !important;
	background: #fff !important;
	color: #000;
	font-family: helvetica, arial, sans-serif;
	background: #fff;
	}
.form_container .fieldNote {
	margin: 0 0 0 5px;
	font-size: 12px !important;
}
.form_container .submitButton {

	width: 78px;
	height: 32px;
	font-size: 1em !important;
	color: #fff;
	background-color: #6a8d36 !important;
	border: none !important;
	margin: 10px 0 5px;
	}
	
/* background color of a selected field. */
.fieldSelected {
	background: #fff !important;
	border: 1px solid #bbb !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:"Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 1;
margin: 0 0 5px;
font-weight: normal;
text-decoration: none;
color: #000;
}
.eventsList ul li .eventDate {
margin: 0 0 15px;
color: #777;
font-style: italic;
font-size: 14px;
}



/* Calendar-Table */
.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;
	background: #000 !important;
	font-size: 16px;
	line-height: 10px;
	text-transform: uppercase;
	height: 27px;
	}

.calendarNextPrevious {
	color: #fff !important;
	font-weight: bold;
	padding: 0 !important;
	}

.calendarNextPrevious a {
	color: #fff !important;
	}

/* next/previous arrows */
.calendarNextPrevious a[title="Go to the previous month"] {
	display: block;
	background: url(../images/icon-arrow-left.gif) 0 0 no-repeat;
	text-indent: -9999px;
	border: 0;
	height: 35px;
	}

.calendarNextPrevious a[title="Go to the next month"] {
	display: block;
	background: url(../images/icon-arrow-right.gif) 100% 0 no-repeat;
	text-indent: -9999px;
	border: 0;
	height: 35px;
	}

/* 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 {
	color: #898989 !important;
	}

.calendarDay {
	color: #898989 !important;
	}

/* previous or next months days on current months calendar */
.calendarOtherMonthDay {
	color: #898989;
	}



/* Slideshow */

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

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

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

.sldw_next a:hover {
	background: url('../images/arrow_right_on.png') 0 0 no-repeat;
	}