@charset "utf-8";
/* CSS Document */


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

body { background:url(../images/bg_body.gif) repeat; font-family:Arial, Helvetica, sans-serif}

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

p { font-size:15px; color:#54492C; line-height:1.3em}

h1 { font-size:24px; color:#526B0C}
h2 { font-size:19px; color:#48817B}
h4 { font-size:16px; color:#48817B}
h5 { font-size:14px; color:#48817B}
h6 { font-size:12px; color:#54492C}


/*
---------------------------------------------
02. header
---------------------------------------------
*/

#bg_header1 { width:100%; float:left; background:url(../images/bg_header.gif) repeat-x top right; position:relative}
#bg_header { width:100%; float:left; background:url(../images/bg_header_middle.png) no-repeat top center}

#header { width:960px; height:232px; margin:0 auto}

#header .logo { float:left; padding-left:62px; padding-top:50px}
#header .button_imnew { float:right; padding-right:24px; padding-top:29px}


ul.globalNav {width: 963px; float:left; position: relative; padding-top: 25px; height: 30px; border-bottom: solid 7px #4A827D; position: relative; z-index: 5}

ul.globalNav li { float:left; font-size:17px; color:#FFFFFF; }
ul.globalNav li.bordernone { background:none}
ul.globalNav li a { display: block; padding:0px 5px; color: #fff; padding: 5px 20px 5px 20px; }
ul.globalNav li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.globalNav li.hover, ul.globalNav li:hover { color:#FFFFFF; text-decoration:none; position:relative; } 
ul.globalNav li.hover a { display:block; color:#FFFFFF; text-decoration:none; background:#4A827D;}
ul.globalNav li.selectedPage { color:#FFFFFF; text-decoration:none; background:#4A827D; }


/* LEVEL TWO*/

ul.globalNav ul { width: 180px; visibility: hidden; position: absolute; left: 0;}
ul.globalNav ul li { font-weight: normal; background: #4A827D; color: #000; border-bottom: 1px dotted #3d6965; float: none; margin:0; padding:5px 10px;}
 /* IE 6 & 7 Needs Inline Block */
ul.globalNav ul li a { width: 100%; display: inline-block; padding:0px;} 
ul.globalNav ul li a:hover { width: 100%; display: inline-block;} 
ul.globalNav ul li.selectedPage  {color:#FFFFFF;padding: 5px 0px 5px 10px}

ul.globalNav ul li.hover a { display:block; color:#fff; text-decoration:underline; }


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:0px; z-index: 10; }
ul.globalNav ul li ul li { font-weight: normal; background: #4A827D; color: #fff; border-bottom: 1px dotted #3d6965; border-left: 1px dotted #ccc; float: none; margin:0; padding:5px 10px;}

 /* IE 6 & 7 Needs Inline Block */
ul.globalNav ul li ul li a { width: 100%; display: inline-block; padding:0; text-decoration: none !important;} 
ul.globalNav ul li ul li a:hover { width: 100%; display: inline-block; padding:0; } 

ul.globalNav ul li ul li.hover a { display:block; color:#fff; text-decoration:underline !important; }


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


/*
---------------------------------------------
03. container and wrapper
---------------------------------------------
*/


#container { width:100%; float:left; background:url(../images/bg_container.gif) repeat-x top center; margin-top:-3px; }
#wrapper { width:962px; margin:0 auto}


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


#content { width:950px; float:left; background:#DEDEDE; border:1px solid #FFFFFF; border-top:none; padding:29px 6px 11px 6px;  position:static; z-index:1;}


/*
---------------------------------------------
05. left panel
---------------------------------------------
*/


#leftpanel { width:274px; height:521px; float:left; background:url(../images/bg_leftpanel.jpg) no-repeat; padding:4px 17px; padding-right:29px}


/*
---------------------------------------------
05.1 left panel - welcome
---------------------------------------------
*/

#leftpanel .welcome { width:274px; float:left; border-bottom:1px solid #848484; padding-top:14px}
#leftpanel .welcome h1 { border-bottom:1px solid #848484; padding-bottom:6px; padding-left:8px}
#leftpanel .welcome p { line-height:.95em; padding-top:10px; padding-bottom:6px}

/*
---------------------------------------------
05.2 left panel - service times
---------------------------------------------
*/


#leftpanel .servicestimes { width:274px; float:left; padding-top:8px}  
#leftpanel .servicestimes h5 { padding-left:10px; padding-top:5px}
#leftpanel .servicestimes h6 { padding-left:40px; padding-bottom:5px}
 
 
/*
---------------------------------------------
06. right panel
---------------------------------------------
*/
 
#rightpanel { width:605px; min-height:513px; float:left; background:url(../images/bg_rightpanel.jpg) no-repeat; padding:12px 11px 4px 12px }

 
/*
---------------------------------------------
06.1 right panel - slide box
---------------------------------------------
*/

#rightpanel .slidebox { width:605px; float:left; padding-bottom:20px}
#rightpanel .slidebox .photo_slide { width:605px; float:left}
#rightpanel .slidebox .caption { width:595px; float:left; height:83px; background: url(../images/bg_caption.png) repeat-x; text-align:right; padding-top:27px; padding-right:10px; margin-top:-144px; position:relative}

/*
---------------------------------------------
06.2 right panel - upcoming events
---------------------------------------------
*/

#rightpanel .upcomingevents { width:280px; float:left; background:url(../images/divider.gif) no-repeat top right; padding-right:32px}

#rightpanel .upcomingevents h1 { padding-bottom:5px} 
#rightpanel .upcomingevents h4 { padding-left:18px}
#rightpanel .upcomingevents p { font-size:10px; font-style:italic; padding-left:18px; padding-bottom:15px}

/*
---------------------------------------------
06.3 right panel - message audio
---------------------------------------------
*/

#rightpanel .messageaudio { width:260px; float:left; padding-left:12px; }

#rightpanel .messageaudio .set { width:260px; float:left; padding-top:5px; padding-bottom:2px}
#rightpanel .messageaudio .set h4 { font-size:18px}
#rightpanel .messageaudio .set p { font-size:12px} 
 
#rightpanel .messageaudio .set .icon { width:50px; float:left; padding-right:15px}
#rightpanel .messageaudio .set .content { width:185px; float:left; padding-top:5px}


/*
---------------------------------------------
07. footer styles
---------------------------------------------
*/


#bg_footer { width:940px; float:left; padding:0 11px; padding-bottom:40px; z-index:2; position:relative} 
#footer { width:940px; float:left; background:#48817B; border:1px solid #8EC9C3; border-top:none; z-index:2; position:relative}

#footer p { color:#FFFFFF; font-size: 13px;}
#footer p a { color:#FFFFFF; text-decoration:underline}

#footer .copyright { width:262px; height:32px; float:left; background:url(../images/divider_footer.gif) no-repeat right center; padding:7px 0 4px 20px}
#footer .address { width:150px; height:32px; float:left; background:url(../images/divider_footer.gif) no-repeat right center; padding:7px 0 4px 38px}
#footer .phone { width:200px; height:32px; float:left; background:url(../images/divider_footer.gif) no-repeat right center; padding:7px 0 4px 44px}


#footer .search { width:200px; height:30px; float:left; padding-left:20px; padding-top:13px}
#footer .search fieldset { width:200px; float:left}
#footer .search .searchInput { width:120px; height:16px; float:left; background:url(../images/bg_input.gif) no-repeat; border:none; font-size:12px; font-weight:normal; color:#000000; padding:2px 4px; margin-right:5px}
#footer .search .searchButton { float:right; font-size:11px; font-weight:normal; color:#000000; text-decoration:none; padding-top:2px}


/*
---------------------------------------------
08. inner page - left panel
---------------------------------------------
*/



#leftpanel_inner { width:246px; float:left; padding-left:2px}


/*
---------------------------------------------
08.1 inner page - left panel - box styles
---------------------------------------------
*/


#leftbox { width:246px; float:left; background: url(../images/bg_childrenbox_bordermiddle.gif) repeat-y; margin-bottom:15px}
#leftbox .leftbox_bordertop { width:246px; float:left; background:url(../images/bg_childrenbox_bordertop.gif) no-repeat}
#leftbox .leftbox_borderbottom { width:246px; height:13px; float:left; background:url(../images/bg_childrenbox_borderbottom.gif) no-repeat bottom}

/*
---------------------------------------------
08.1 inner page - left panel - side nav
---------------------------------------------
*/

#leftbox .sidenav { width:206px; float:left; padding:10px 20px 0 20px}
#leftbox .sidenav h1 { color:#FFFFFF; padding-bottom:5px}
#leftbox .sidenav ul li { width:196px; float:left; font-size:15px; font-weight:bold; color:#FFFFFF; padding-left:10px; padding-bottom:10px}
#leftbox .sidenav ul li a {width:196px; display:block; color:#FFFFFF; text-decoration:none}
#leftbox .sidenav ul li a:hover { color:#FFFFFF; text-decoration:underline}
#leftbox .sidenav ul li a.selected { color:#FFFFFF; text-decoration:underline}

#leftExtraContent {
	padding: 20px 10px 20px 20px;}
	
.sidenavTitle {
	padding: 20px 10px 0px 20px;}
	
.sidenavTitle h1 {
	color: #fff;}


/*
---------------------------------------------
08.2 inner page - left panel - headingofsec
---------------------------------------------
*/


#headingofsection { width:238px; float:left; background:#C6C4B2; border-top:1px solid #939285; margin-left:2px} 
#headingofsection h2 { height:33px; background:#B5B3A3; text-align:center; padding-top:10px} 
#headingofsection h2 span { color:#FFFFFF} 

#headingofsection p { font-size:14px; padding:8px 20px 8px 10px}
#headingofsection p span { color:#526B0C}


/*
---------------------------------------------
09. inner page - right panel
---------------------------------------------
*/


#rightpanel_inner { width:635px; min-height: 550px; height: 550px; height: auto; float:left; background:url(../images/bg_rightpanel_inner.gif) no-repeat; padding-left:34px; padding-top:6px; padding-right: 30px;}

#rightpanel_inner p { line-height:1.3em; padding-bottom:20px; padding-right: 30px;}


/*
---------------------------------------------
09.1 inner page - right panel - headerphoto
---------------------------------------------
*/

#rightpanel_inner .photobox { width:667px; float:left; padding:4px;}
#rightpanel_inner .photobox img{
	
	border: 5px solid #333;
	}


/*
---------------------------------------------
09.2 inner page - right panel - main content
---------------------------------------------
*/

#rightpanel_inner .maincontent { width:640px; float:left; padding:20px 0 5px 4px}


/*
---------------------------------------------
09.3 inner page - right panel - photo gallery
---------------------------------------------
*/


#rightpanel_inner .photogallery { width:570px; float:left; padding:0 0 30px 4px}
#rightpanel_inner .photogallery h1 { padding-bottom:10px}
#rightpanel_inner .photogallery .set { width:118px; height:118px; float:left; background:url(../images/bg_photogallery_set.gif) no-repeat; padding:4px 15px 10px 6px}

#rightpanel_inner .newhere { width:570px; float:left; padding-left:4px}





/* BLOG ITEM */	
	/* blog listing page */		
	.blogList {
		padding-left: 3px;	
			
	}
		.blogList ul {
			margin-left: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.blogList ul li {
				list-style: none;
				margin-left: -2px !important;
				line-height: 1.3em;
			}
			
			.blogList ul li h2.postTitle {
				font-size: 22px;
				margin: 0;
				font-color: #2692D4 !important;
			}
				.blogList ul li h2.postTitle a {
					text-decoration: none;
					font-color: #2692D4 !important;
				}
				
			.blogList ul li h2.postTitle a:link, h2 a:visited { text-decoration:underline; color:#2692D4;}
				
			.blogList ul li  .postInfo {
				color: #444;
				margin-bottom: 4px;
			}
				
			.blogList ul li  .postDate {
				color: #CAC7BF;
				font-size: 10px;
			}
			
			.blogList ul li .postInfo a {
				color: #CAC7BF !important;	
				font-size: 10px !important;	
				
			}	
		
			.blogList ul li .postInfo em {
				color: #CAC7BF !important;	
				font-size: 10px !important;
					
			}
			.rss a {
			display: block;
			width: 0px;
			height: 0;
			padding: 0px 0 0;
			overflow: hidden;
			border: none;
			
			}	
				
				
	/* post detail page */
	.post .postDate {
		margin: 0 0 15px 0;
		color: #444;
	}
		.post .blogBack {
			margin: 40px 0 0 0;
			font-weight: bold;
			text-align: right;
			display: block;
			width: 100%;
			padding-top: 5px;
		}
		
		
	
	
	
	/* blog comments */
	.comments {
		padding-top: 10px;
	}
		.comments dl {
			background: #EEEEEE !important;
			
		}	
			dt.comment {
				background: #EEEEEE !important;
				clear: both;
				margin: 0 0 5px 0;
				padding: 0 0 5px 0;
				border-bottom: 1px solid #000;
			}			
				dt.comment a {
					font-weight: bold;
				}			
			
			dd.comment {			
				background: #EEEEEE !important;
				padding: 8px;
				margin-bottom: 15px;
			}
						
			.commentDate {		
				font-size: .9em;
				color: #999;
			}
		
		
		
	/* comments form */
	.commentsHead {
		margin-top: -45px;
		font-size: 20px;
		font-color: black;
	}
	
	.commentsHead a {
		margin-top: -45px;
		font-size: 20px;
		font-color: black;
	}
	.commentsForm {
		clear: both;
		padding-top: 25px;
		width: 90%;
	}
		.commentsForm .addComment {
			font-size: 1.5em;
		}
		
		.commentsForm label {
			font-weight: bold;
		}
		
		.commentsForm input, .commentsForm textarea {
			padding: 2px 4px;
			font-size: 1em;
		}
		
		.commentsForm img { /* this is for the captcha image */
			 margin: 5px 0;
			 border: 1px solid #333;
		}
		
		.commentsForm input.submitComment {
			 margin: 10px 0;
			 background: #000;
			 border: 1px solid #333;
			 padding: 5px 3px;
			 width: 210px;
			 color: #fff;
			 font-weight: bold;
			 text-transform: uppercase;
		}
		
		.commentsForm .note {
			color: #444;
		}

	
	
	
	

.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: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	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;
	}
				
				
	.eventsList {
		padding: 0;		
	}
		.eventsList ul {
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.eventsList ul li {
				list-style: none;
				padding: 0 0 5px 0;
				margin-bottom: 5px;
				margin-left: -2px !important;
			}
			
			.eventsList ul li a {
				font-size: 17px;
				margin: 0;
				color: #48817B !important;
			}
			
				.eventList ul li h2.postTitle {
					font-size: 22px;
					margin: 0;
					font-color: #fff !important;
				}
					.eventList ul li h2.postTitle a {
						text-decoration: none;
						font-color: #fff !important;
					}

				.eventList ul li h2.postTitle a:link, h2 a:visited { text-decoration:underline; color:black;}
				
			.eventsList ul li .eventDate {
				margin: 0 0 5px 0;
				color: #444;
				font-size: 11px;
			}		
				
				

	
	

/* ICEBRRG */
	.fieldSelected { /* background color of a selected field. */
		background: transparent !important;
		border-color: #fff !important;
	}
	h2 .formTitle  { font-size:25px; font-weight:normal; color:#a8d200}
	
#donationElement



/* setting the OL/UL to specified values in the content areas */
#rightpanel_inner ol {
		list-style: decimal !important;
		
}

#rightpanel_inner ol li {
		list-style: decimal;
		margin: 0 0 5px 30px;
		color: #54492C;
		font-size: 14px;
		
	}	
	
#rightpanel_inner  ul {
	list-style: disc;
	margin: 15px 35px;
}
#rightpanel_inner  ul li {
		padding: 0 0 5px 0;
	}

blockquote p{
	line-height: 1.2em !important;
	}