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


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


* { margin:0; padding:0}
img, fieldset { border:none}

html {overflow-x: hidden;}

body { font: Tahoma; font-size:12px; font-weight:normal; font-color:#28281E; }

p { font-size:12px; font-weight:normal; color:#28281E; padding-top: .22em; padding-bottom: .35em;}
em { font-size:12px; font-weight:normal; color:#28281E; padding-top: .22em; padding-bottom: .35em;}
a { font-size:12px; font: Tahoma; font-weight:bold; text-decoration: none !important; color:#36859c}
a:hover { font-size:12px; font: Tahoma; font-weight:bold; text-decoration: none !important; color:#f0922c}

h1 { font-size:40px; font-weight:normal; color:#28281E}
h2 { font-size:30px; font: Tahoma; font-weight:normal; font-color:#76923C}
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; color:#8F7F4C}
h4 { font-size:13px; font-weight:bold; color:#28281E}



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


#bg_header { width:100%; height:134px; float:left; background: url(../images/bg_header.gif) repeat-x; padding-top:9px}
#header { width:962px; margin:0 auto; padding:0 37px 0 32px}


/*
---------------------------------------------
02.1 header - logo
---------------------------------------------
*/

.logo { float:left; padding-top:33px}


/*
---------------------------------------------
02.2 header - right - top nav and search
---------------------------------------------
*/

.header_right { width:330px; float:right}
.header_right h2 { float:left; padding-top:10px}


.topnav { width:330px; float:left; background:#28281F; padding:5px 0}
.topnav ul { list-style:none}
.topnav ul li { float:left; background:url(../images/divider_topnav.gif) no-repeat right center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px !important; font-weight: normal; color:#FFFFFF; text-transform:uppercase; padding:2px 11px}
.topnav ul li.bordernone { background:none}

.topnav ul li a:link, .topnav ul li a:visited { color:#FFFFFF; text-decoration:none; font-size:17px;}
.topnav ul li a:hover { color:#FFFFFF; text-decoration: underline; font-size:17px;}
.topnav ul li a.contact { background:url(../images/icon_contactus.gif) no-repeat right; padding-right:20px; font-size:17px;}



#searchmain { width:330px; height:61px; float:left; background:url(../images/bg_searchbox.gif) no-repeat}
.search { width:300px; height:61px; float:left; padding-top: 8px; padding-left: 7px;}
.search  .searchInput { width:228px; float:left; border:none; border-left:1px solid #8D8C7A; border-right:1px solid #9D9D8C; font-size:14px; font-weight:normal; color:#5D5D5D; text-align:right; padding:6px 15px}
.search  .searchButton { float:right; height: 30px; width: 35px; border: none; padding-left:5px; background:url(../images/button_search.gif) }


/*
---------------------------------------------
03. nav
---------------------------------------------
*/

#bg_navbar { width:100%;height:75px;float:left; background:url(../images/bg_navbar.gif) repeat-x;position:relative; z-index: 10;}
#navbar { width:962px; margin:0 auto; padding-left:30px; padding-top:15px}

ul#menu {  height:43px; list-style:none; padding:0; margin:0;}
ul#menu li { float:left; width:auto; }
ul#menu li ul { z-index:2; position:absolute; top:58px;  display:none; list-style:none; width:100%; height:24px; padding:0; margin:0; clear:both; left:0; }
ul#menu li ul li { width:50px; height:21px;  }

ul#menu li.active ul { display:block;}
ul#menu li.selected ul { display:block;}

ul#menu li a { padding:0 28px; color:#fff; text-transform:uppercase; text-decoration:none; font-size:16px; line-height:43px; font-weight:bold; display:block; float:left; height:43px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; white-space:nowrap; width:auto;}
ul#menu li ul li a { width:180px; font-size:12px; padding:0 10px; line-height:24px; height:24px; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
ul#menu li a img { vertical-align:middle;}

ul#menu li.item01 a img { width:25px; height:43px;behavior:url("images/iepngfix.htc");}
ul#menu li.item02 a img { width:39px; height:43px;behavior:url("images/iepngfix.htc");}
ul#menu li.item03 a img { width:18px; height:43px;behavior:url("images/iepngfix.htc");}
ul#menu li.item04 a img { width:17px; height:43px;behavior:url("images/iepngfix.htc");}
ul#menu li.item05 a img { width:30px; height:43px;behavior:url("images/iepngfix.htc");}

ul#menu li.item01 a.active { background:url(../images/bg01.gif) repeat-x left top;}
ul#menu li.item01 a.selected { background:url(../images/bg01.gif) repeat-x left top;}
ul#menu li.item01 ul li a.selected {background:#45602f;}
ul#menu li.item01 ul { background:#fffff7;}
ul#menu li.item01 ul li { float:none;}
ul#menu li.item01 ul li a { background:#7ba556;}
ul#menu li.item01 ul li a:hover { background:#45602f;}

ul#menu li.item02 a.active { background:url(../images/bg02.gif) repeat-x left top;}
ul#menu li.item02 a.selected { background:url(../images/bg02.gif) repeat-x left top;}
ul#menu li.item02 ul li a.selected {background:#a28c5b;}
ul#menu li.item02 ul { background:#fffff7;}
ul#menu li.item02 ul li { float:none}
ul#menu li.item02 ul li a { background:#e0c180;}
ul#menu li.item02 ul li a:hover { background:#a28c5b;}

ul#menu li.item03 a.active { background:url(../images/bg03.gif) repeat-x left top;}
ul#menu li.item03 a.selected { background:url(../images/bg03.gif) repeat-x left top;}
ul#menu li.item03 ul li a.selected {background:#2c4047;}
ul#menu li.item03 ul { background:#fffff7;}
ul#menu li.item03 ul li { float:none}
ul#menu li.item03 ul li a { background:#486e7b;}
ul#menu li.item03 ul li a:hover { background:#2c4047;}

ul#menu li.item04 a.active{ background:url(../images/bg04.gif) repeat-x left top;}
ul#menu li.item04 a.selected { background:url(../images/bg04.gif) repeat-x left top;}
ul#menu li.item04 ul li a.selected {background:#55320c;}
ul#menu li.item04 ul { background:#fffff7;}
ul#menu li.item04 ul li { float:none}
ul#menu li.item04 ul li a { background:#a36012;}
ul#menu li.item04 ul li a:hover { background:#55320c;}

ul#menu li.item05 a.active { background:url(../images/bg05.gif) repeat-x left top;}
ul#menu li.item05 a.selected { background:url(../images/bg05.gif) repeat-x left top;}
ul#menu li.item05 ul li a.selected {background:#642c2b;}
ul#menu li.item05 ul { background:#fffff7;}
ul#menu li.item05 ul li { float:none}
ul#menu li.item05 ul li a { background:#a24848;}
ul#menu li.item05 ul li a:hover { background:#642c2b;}


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

#bg_content { width:1031px; margin:0 auto; z-index:1;}
#content { width:1031px; background:url(../images/bg_contentbox.gif) repeat-y; float:left; }


/*
---------------------------------------------
04.1 content - box styles
---------------------------------------------
*/


.content_bordertop { width:1031px; height:19px; float:left; background:url(../images/bg_contentbox_bordertop.gif) no-repeat}
.content_bordermiddle { width:981px; float:left; background:url(../images/bg_contentbox_bordermiddle.gif) no-repeat; padding:10px 25px}
.content_borderbottom { width:1031px; height:19px; float:left; background:url(../images/bg_contentbox_borderbottom.gif) no-repeat}


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


#leftpanel { width:297px; float:left; padding-right:14px}
#leftpanel h1 { border-bottom:1px solid #6E6E54}

.button_imnew { float:right; margin-top:-25px; margin-bottom:-50px; position:relative}

.welcome { width:290px; float:left; padding-left:5px; padding-bottom:10px; padding-top:10px;}
.welcome p { font-size:10px; padding:5px 0}

.watchvideo { float:left; padding:10px 0}

.comingevent { float:left; padding-right:12px}

.schedulebox { width:194px; float:left; background:#E0DDCB; padding:10px 12px}
.schedulebox p { padding-bottom:12px}

.schedulebox .eventsList ul li a {
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	font-family: arial !important;
	margin: 0;
	color: black !important;
}

.childcare { float:left; padding-top:10px} 


/*
---------------------------------------------
06. right panel
---------------------------------------------
*/


#rightpanel {width:665px; float:left}
#rightpanel h1 { width:665px; float:left}
#rightpanel h2 { font-size:30px !important; font-family: Tahoma; font-weight:normal; color:#76923C !important; padding-bottom: 15px;}
#rightpanel h3 { font-size:14px; font-family: tahoma; text-decoration: none !important; font-weight:bold; color:#314f58; padding-bottom: 10px;}
#rightpanel h5 { font-size:20px; font-family: Georgia; text-decoration: none !important; font-weight: normal; font-style:italic; color:#70705b; padding-bottom: 10px;}
#rightpanel li {margin-left: 30px;}

.rightbox1 { width:647px; float:left; background:#e0ddcb; padding:6px 9px; }
.heading_canyouhear { float:right;  padding-right:14px; margin-top:-183px; position:relative}


.rightbox2 { width:651px; float:left; background:#28281E; padding:6px 7px; margin-top:15px;}
.rightbox2 .heading { float:left; margin-top:-122px; position:relative;}

 
.readnews { width:228px; float:left}
.readnews .heading { padding-left:7px}


.eventcalender { width:187px; float:left; padding:0 10px}
.eventcalender .heading { float:right; padding-right:7px}

.needprayer { width:216px; float:left}
.needprayer .heading { float:right; padding-right:9px; margin-top:-68px}

#rightpanel2 { width:965px; float:left}

/*
---------------------------------------------
07. button list
---------------------------------------------
*/


#bg_buttonlist { width:100%; float:left; background:#314F58 url(../images/bg_buttonllistbar.gif) repeat-x; padding:37px 0 20px 0}

#buttonlist { width:1035px; margin:0 auto}
#buttonlist ul { list-style:none}
#buttonlist ul li { float:left; padding-left:20px; padding-right:40px}
#buttonlist ul li a { width:147px; height:45px; float:left}

#buttonlist ul li a.media { background:url(../images/button_media.gif) no-repeat}
#buttonlist ul li a.media:hover { background:url(../images/button_media_hover.gif) no-repeat}
#buttonlist ul li a.media_selected { background:url(../images/button_media_hover.gif) no-repeat}


#buttonlist ul li a.invite { background:url(../images/button_invite.gif) no-repeat}
#buttonlist ul li a.invite:hover { background:url(../images/button_invite_hover.gif) no-repeat}
#buttonlist ul li a.invite_selected { background:url(../images/button_invite_hover.gif) no-repeat}


#buttonlist ul li a.give { background:url(../images/button_give.gif) no-repeat}
#buttonlist ul li a.give:hover { background:url(../images/button_give_hover.gif) no-repeat}
#buttonlist ul li a.give_selected { background:url(../images/button_give_hover.gif) no-repeat}


#buttonlist ul li a.iwantto { background:url(../images/button_iwantto.gif) no-repeat}
#buttonlist ul li a.iwantto:hover { background:url(../images/button_iwantto_hover.gif) no-repeat}
#buttonlist ul li a.iwantto_selected { background:url(../images/button_iwantto_hover.gif) no-repeat}


#buttonlist ul li a.resources { background:url(../images/button_resources.gif) no-repeat}
#buttonlist ul li a.resources:hover { background:url(../images/button_resources_hover.gif) no-repeat}
#buttonlist ul li a.resources_selected { background:url(../images/button_resources_hover.gif) no-repeat}


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


#bg_footer { width:100%; float:left; background:#568089; padding-bottom:80px}
#footer { width:995px; margin:0 auto; padding-left:6px; padding-right:30px} 


/*
---------------------------------------------
08.1 footer - icon  box
---------------------------------------------
*/


#iconbox { float:right; background:url(../images/bg_footer_iconbox_left.gif) no-repeat; padding-left:5px}

.iconbox { float:left; background:url(../images/bg_footer_iconbox_right.gif) no-repeat right top; padding:10px 5px} 
.iconbox ul { list-style:none}
.iconbox ul li { float:left; padding-left:5px; padding-right:10px}


.youarehere { float:left; padding-top:30px; padding-bottom:20px}
.youarehere h2 { font-family: arial; font-weight:normal; color:#BBD3CF; float:left; text-transform:uppercase;font-size:20px;} 
.youarehere ul { list-style:none; float:left}
.youarehere ul li { font-family: arial; float:left; font-size:15px; font-weight:normal; color:#F19223; background:url(../images/arrow.gif) no-repeat right center; padding:3px 15px 5px 5px}
.youarehere ul li.arrownone { background:none; font-size:14px;} 
.youarehere ul li a:link, .youarehere ul li a:visited { color:#F19223; text-decoration:underline; font-size:14px;}
.youarehere ul li a:hover { color:#FFFFFF; text-decoration:none; font-size:14px;}

.youareherecms { float:left; padding-left: 5px; padding-top: 5px; font-size: 14px; font-family: arial; color: #fff;  }
.selectedPageRoot { color:#F19223; text-decoration:underline; font-family: arial; font-size:14px;}
.selectedPageParent { color:#F19223; text-decoration:underline; font-family: arial; font-size:14px;}

#footer .youarehere ul li a.selected{ color:#FFFFFF; text-decoration:none}

.text_yellow { color:#C2BFA1}



/*
---------------------------------------------
08.2 footer - links
---------------------------------------------
*/


.footerbox { width:985px; float:left; background:#304F58 url(../images/bg_footerbox.gif) no-repeat; padding:8px 0 20px 8px}
.footerbox p { font-size:10px; color:#FFFFFF}
.footerbox p a { color:#FFFFFF; text-decoration:underline}

.address { float:left; padding-top:20px}
.address h1 { font-size:18px; color:#88B8BC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.address p { font-size:10px; color:#C2BFA1}
.address p a { color:#F19223; text-decoration:underline}


.footerlist { float:right; padding-right:15px; padding-left:20px}
.footerlist ul { list-style:none; padding-top:10px}
.footerlist ul li {font-family: tahoma !important; font-size:10px; font-weight:normal; color:#C2BFA1; line-height:1.2em}

.footerlist ul li a:link, .footerlist ul li a:visited { color:#C2BFA1; text-decoration:none; font-weight:normal; font-family: arial !important;}
.footerlist ul li a:hover { color:#C2BFA1; text-decoration:underline}


/*
---------------------------------------------
09. content inner page
---------------------------------------------
*/


#content_inner { width:971px; float:left; background:url(../images/bg_content_inner.png); font-family:"Tahoma", Arial, Helvetica, sans-serif; margin-left:5px}
#content_inner .come { width:971px; float:left; background:url(../images/bg_content_innercome.png) repeat-y; font-family:"Tahoma", Arial, Helvetica, sans-serif; }
#content_inner .connect { width:971px; float:left; background:url(../images/bg_content_innerconnect.png) repeat-y; font-family:"Tahoma", Arial, Helvetica, sans-serif;}
#content_inner .grow { width:971px; float:left; background:url(../images/bg_content_innergrow.png) repeat-y; font-family:"Tahoma", Arial, Helvetica, sans-serif; }
#content_inner .serve { width:971px; float:left; background:url(../images/bg_content_innerserve.png) repeat-y; font-family:"Tahoma", Arial, Helvetica, sans-serif; }
#content_inner .care { width:971px; float:left; background:url(../images/bg_content_innercare.png) repeat-y; font-family:"Tahoma", Arial, Helvetica, sans-serif;}


#content_inner2 { width:971px; float:left; font-family:"Tahoma", Arial, Helvetica, sans-serif; margin-left:5px}



/*
---------------------------------------------
10. left panel innerpage
---------------------------------------------
*/


#content_inner #leftpanel { width:205px}
#content_inner .come #leftpanel h2 { font-size:25px; color:#FFFFFF; background:#7ca359; padding:10px}
#content_inner .connect #leftpanel h2 { font-size:25px; color:#FFFFFF; background:#e0c17f; padding:10px}
#content_inner .grow #leftpanel h2 { font-size:25px; color:#FFFFFF; background:#486e7c; padding:10px}
#content_inner .serve #leftpanel h2 { font-size:25px; color:#FFFFFF; background:#a35f12; padding:10px}
#content_inner .care #leftpanel h2 { font-size:25px; color:#FFFFFF; background:#a24848; padding:10px}
#content_inner #leftpanel h2 { font-size:25px; color:#FFFFFF; background:#89B7BB; padding:10px}


#content_inner #leftpanel  .eventsList ul li a {
		font-size: 13px;
		text-decoration: none;
		font-weight: bold;
		font-family: arial !important;
		padding: 10px;
		color: 28281f !important;
	}

#content_inner #leftpanel .eventsList ul li .eventDate {
		margin: 0 0 5px 0;
		color: #314f58;
		font-size: 11px;
		font-family: arial !important;
		padding-left: 10px;
	}


#content_inner #leftpanel .photo_left { float:left; width: 195px; padding-top:25px; padding-left:5px; padding-right:5px;}
#content_inner #leftpanel .photo_left h1 { font-size:25px; color:#FFFFFF; background:#89B7BB; padding:10px; padding-bottom: 10px;}
#content_inner #leftpanel .photo_left li { left-margin: 5px; list-style: none; padding-top: 5px;}


/*
---------------------------------------------
11. right panel innerpage
---------------------------------------------
*/


#content_inner #rightpanel { width:752px; padding-bottom:30px}
#content_inner #rightpanel h2 { width:752px; float:left; font-size:20px; color:#F0922C; padding-top:20px}
#content_inner #rightpanel p { font-size:14px; padding-bottom:5px}
.photo_right { float:left}

#content_inner #rightpanel .eventsList ul li a {
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	font-family: arial !important;
	margin: 0;
	color: black !important;
}


/* BLOG ITEM */	
	/* blog listing page */		
	.blogList {
		padding: 0;	
			
	}
		.blogList ul {
			margin-left: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.blogList ul li {
				list-style: none;
				margin-left: -2px !important;
			}
			
			.blogList ul li h2.postTitle {
				font-size: 22px;
				margin: 0;
				font-color: #fff !important;
			}
				.blogList ul li h2.postTitle a {
					text-decoration: none;
					font-color: #fff !important;
				}
				
			.blogList ul li h2.postTitle a:link, h2 a:visited { text-decoration:underline; color:black;}
				
			.blogList ul li  .postInfo {
				color: #444;
				margin-bottom: 10px;
			}
				
			.blogList ul li  .postDate {
				color: #444;
				font-size: 11px;
			}
			
			.blogList ul li .postInfo a {
				color: #444 !important;	
				font-size: 11px;			
			}
				
				
				
	/* 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;
	}
	
	.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;
		}

	
	
	
	


/* GRAPHIC TABULAR EVENTS CALENDAR */
	.eventsCalendar table { /* entire table */
		border: 1px solid #333;
		width: 100%;
		border-collapse: collapse;
	}		
		.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
			padding: 2px;
			border: 1px solid #333;
			text-align: left;
			vertical-align: top;
		}
		
		.calendarTitle td { /* top bar with current month and next/previous buttons */
			text-align: center;
			background: #333 !important;
			color: #FFF;
			padding: 5px 4px !important;	
			text-transform: uppercase !important;
			font-weight: bold !important;	
		}	
			.calendarNextPrevious {
				color: #fff !important;
				font-weight: normal;
			}	
				.calendarNextPrevious a {
					color: #fff !important;
					font-weight: normal;
				}	
				
		.calendarDayHeader { /* m-f bar */
			color: #333;
			background: #999;
			font-weight: normal;
			height: 1px;
			text-align: center;
			padding: 4px 2px;
			text-transform: uppercase !important;
			font-size: .9em;
		}	
			
		.calendarToday, .calendarToday a { /* current day */
			color: #333 !important;
			background: #ACACAC;
			font-weight: bold;
		}	
		.calendarWeekendDay { /* weekends */
			background: #e0dedb;
			color: #333 !important;
		}	
		.calendarDay { 
			background: #e0dedb;
			color: #333 !important;
		}	
			.calendarDay a { 
				font-weight: bold;
				color: #333 !important;
			}		
		.calendarOtherMonthDay { /* previous or next months days on current months calendar */
			color: #333;
			background: #efefef;
		}
				
				
				
	.eventsList {
		padding: 0;		
	}
		.eventsList ul {
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.eventsList ul li {
				list-style: none;
				padding: 0 0 4px 0;
				margin-bottom: 0px;
				margin-left: -2px !important;
			}
			
			.eventsList ul li a {
				font-size: 13px;
				text-decoration: none;
				font-weight: bold;
				font-family: arial !important;
				margin: 0;
				color: #28281f !important;
			}
			
				.eventList ul li h2.postTitle {
					font-size: 22px;
					margin: 0;
					font-color: #28281f !important;
				}
					.eventList ul li h2.postTitle a {
						text-decoration: none;
						font-color: #28281f !important;
					}

				.eventList ul li h2.postTitle a:link, h2 a:visited { text-decoration:underline; font-family: arial !important;
				}
				
			.eventsList ul li .eventDate {
				margin: 0 0 5px 0;
				color: #444;
				font-size: 11px;
				font-family: arial !important;
			}		
				
				
	/* calendar detail page */
		.event .eventDate {
			margin: 0 0 15px 0;
			color: #444;
		}
		.event .eventBack {
			margin: 10px 0;
			font-weight: bold;
			border-top: 2px solid #999;
			padding-top: 5px;
		}
	
	
	

/* ICEBRRG */
	.fieldSelected { /* background color of a selected field. */
		background: transparent !important;
		border-color: #fff !important;
	}