/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; background:#868472 url(../images/body_bg.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif}

p { margin:0; padding:0; font-size:13px; line-height:1.4em; color:#cac7bf}
p a:link, p a:visited {color:#fff; text-decoration: underline;}
p a:hover {color:#fff; text-decoration: underline}

h1 {margin:0; padding:0; font-size:20px; color:#FFFFFF; font-weight:normal}
h2 {margin:0; padding:0; font-size:22px; color:#3C372B; font-weight: bold}

h3 { margin:0px; padding:0px; font-size:17px; font-weight:normal; color:#CAC7BF}
h3 a:link, h3 a:visited {color:#CAC7BF; text-decoration: none;}
h3 a:hover {color:#CAC7BF; text-decoration: underline}

h4 { margin:0px; padding:0px; font-size:13px; font-weight:normal; color:#CAC7BF}

img { border:none}


/*
---------------------------------------------
02. MAIN CONTAINER
---------------------------------------------
*/

#container { width:100%; margin:0 auto}


/*
---------------------------------------------
03. HEADER STYLES
---------------------------------------------
*/

#header {width:1000px; height:165px; margin:0 auto; padding:0px;}

#header .button_beforeyouvisit { width:270px; height:70px; float:right;  margin:0px; padding:0px; background:url(../images/button_beforeyouvisit.png) no-repeat  15px 0px}
#header .button_link {position: absolute; width:240px; height:50px; margin-left:30px}

#header .logo { float:left; padding-left:10px; margin-top:17px }


/*
---------------------------------------------
04. WRAPPER
---------------------------------------------
*/

#wrapper { width:983px; margin:0 auto; padding-left:10px; padding-right:10px;}


/*
---------------------------------------------
05. NAV
---------------------------------------------
*/

#nav { width:963px; height:53px; float:left; background:#2d261f url(../images/bg_nav.gif) repeat-x top left; border-top:1px solid #a49074; padding-left:20px}
#nav ul {display:inline;}
#nav li {display:inline;}
#nav li a {float: left;}

#nav a.home {width: 50px;height:53px;background: url(../images/nav_home.gif);background-position: 0 0; margin-right:28px}

#nav a.aboutus {width: 80px;height:53px;background: url(../images/nav_aboutus.gif);background-position: 0 0; margin-right:28px}

#nav a.whenwhere {width: 130px;height:53px;background: url(../images/nav_whenwhere.gif);background-position: 0 0; margin-right:30px}

#nav a.ourstaff {width: 85px;height:53px;background: url(../images/nav_ourstaff.gif);background-position: 0 0; margin-right:28px}

#nav a.ministries {width:90px;height:53px;background: url(../images/nav_ministries.gif);background-position: 0 0; margin-right:30px}

#nav a.resources {width:95px;height:53px;background: url(../images/nav_resources.gif);background-position: 0 0; margin-right:30px}

#nav a.groups {width:134px;height:53px;background: url(../images/nav_groups.gif);background-position: 0 0; margin-right:28px}

#nav a.serve {width:50px;height:53px;background: url(../images/nav_servce.gif);background-position: 0 0; margin-right:30px}

#nav a.blog {width:45px;height:53px;background: url(../images/nav_blog.gif);background-position: 0 0; }
.navdisplay { display: none}


/*
---------------------------------------------
06. SPLASH
---------------------------------------------
*/

#splash { width:983px; height:425px; margin-top:10px; float:left}


/*
---------------------------------------------
07. CONTENT STYLES
---------------------------------------------
*/

#content { width:983px; float:left; margin-top:27px;}

/*
---------------------------------------------
07.1 CONTENT - CURRENT SERIES
---------------------------------------------
*/

#currentseries {width:260px; float:left; margin:0px; padding-top:0px; }
#currentseries .coffeehouse {width:260px; height:171px;  margin-top:9px; }

/*
---------------------------------------------
07.2 CONTENT - SERVING
---------------------------------------------
*/

#serving { width:220px; float:left; margin-left:20px;  padding:0px;}
#serving .missiontrip { width:220px; height:171px; margin-top:9px; margin-left:1px;}

/*
---------------------------------------------
07.3 CONTENT - CALENDER
---------------------------------------------
*/

#calender {width:190px; float:left; padding-left:10px; text-align:right}
#calender h3 { padding-top:10px; font-weight:bold}
#calender h4 { padding-bottom:20px}

/*

/* GRAPHIC TABULAR EVENTS CALENDAR */
	.eventsCalendar table { /* entire table */
		border: 1px solid #999;
		width: 100%;
		border-collapse: collapse;
	}		
		.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
			padding: 2px;
			border: 1px solid #999;
			text-align: left;
			vertical-align: top;
		}
		
		.calendarTitle td { /* top bar with current month and next/previous buttons */
			text-align: center;
			background: #A4A4A4 !important;
			color: #FFF;
			padding: 3px 4px !important;	
			text-transform: uppercase !important;
			font-weight: normal !important;
			font-weight: bold !important;	
		}	
			.calendarNextPrevious {
				color: #fff !important;
				font-weight: normal;
				font-size: .9em;
			}	
				.calendarNextPrevious a {
					color: #fff !important;
					font-weight: normal;
				}	
				
		.calendarDayHeader { /* m-f bar */
			color: #333;
			background: #DADADA;
			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: #DADADA;
			font-weight: bold;
		}	
		.calendarWeekendDay { /* weekends */
			background: #fff;
		}		
		.calendarOtherMonthDay { /* previous or next months days on current months calendar */
			color: #333;
			background: #efefef;
		}
		
		
						
	.eventsList {
		padding: 0px;
		padding-top: 2px;				
	}
		.eventsList ul {
			color: #FFF;
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.eventsList ul li {
				list-style: none;
				padding: 5px 0;
				margin-bottom: 5px;
			}
			
			.eventsList ul li a {
				color: #FFF;
			
				font-size: 16px;
				text-decoration: none;
				font-weight: bold;
			}
				
			.eventsList ul li .eventDate {
				color: #FFF;
				font-style: italic;
				font-size: 11px;
			}		
				
				
	/* calendar detail page */
		.event h2 {
			margin-bottom: 0;
		}
		.event .eventDate {
			margin: 0 0 15px 0;
			color: #575f50;
			font-style: italic;
		}
		.event .eventBack {
			margin: 10px 0;
			font-weight: bold;		
			padding-top: 3px;
			text-transform: uppercase;
		}
/*
---------------------------------------------
07.4 CONTENT - g
---------------------------------------------
*/

#latestnews {width:260px; float: right; text-align:right;}
#latestnews h1 { text-align:right; padding-bottom:5px }
#latestnews p { text-align:right; padding-bottom:15px; padding-top:5px; line-height:1.3em}

#latestnews fieldset { width:260px; float:left; margin:0px; padding:0px; border:none;}
#latestnews fieldset .input { width:240px; margin-top:10px; background:#FFFFFF; border:none; font-size:17px; padding:4px; float:right; color:#373227}
#latestnews fieldset .button_submit { float:right; margin-top:5px; padding-bottom:15px;}


/*
---------------------------------------------
08. FOOTER STYLES
---------------------------------------------
*/

#footer {width:983px; height:35px;  margin:0px ; padding: 0px;  background:#2d261f url(../images/bg_footer.gif) repeat-x; border-bottom:1px solid #a49074; float:left; padding-top:20px}
#footer p { margin:0px; padding:0px; margin-left:20px; color:#FFFFFF; float:left;}
#footer p a { color:#FFFFFF; text-decoration:none}
#footer p a:hover { color:#FFFFFF; text-decoration: underline}

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



/*
---------------------------------------------
09. INNERPAGE STYLES- CONTENT
---------------------------------------------
*/

#content-inner { width:983px; float:left;}

#heading { margin:0px; padding:0px; width:950px; height:95px; background:#b3b37c url(../images/smallgroupbg.gif) no-repeat; padding-left:20px; padding-right:13px}
#heading h1 { width:auto; float:left; font-size:32px; color:#C5C7B1; padding-top:25px}

#heading fieldset { width:240px; float:right; margin:0; padding:0; margin-top:15px; border:none;}
#heading fieldset .singup { float:right;} 
#heading fieldset .input { width:230px; margin-top:10px; background:#FFFFFF; border:none; font-size:17px; padding:4px; float:right; color:#373227}
#heading fieldset .submit { margin-top:5px; width:30px; height:10px; float:right}


/*
---------------------------------------------
09.1 INNERPAGE - LEFT PANEL
---------------------------------------------
*/

#leftpanel { width:673px; background:#cccbc4 url(../images/bg_leftpanel.gif) repeat-x; float:left;padding:25px 20px 40px 20px; }
#leftpanel p { margin:0px; padding:0px; font-size:14px; color:#555045; margin-bottom:20px;}

#leftpanel .photo {width:247px; float: right; margin:0px; padding:0px; margin-left:15px; text-align:right}
#leftpanel .photo p {width: auto; float: right; margin:0px; padding:0px; margin-top:5px; text-align:right}


/*
---------------------------------------------
09.2 INNERPAGE - RIGHT PANEL
---------------------------------------------
*/

#rightpanel { width:255px; background:url(../images/rightpanelbg.gif) repeat-x; float:right; padding-top:25px; padding-right:10px}
#rightpanel p { float:right}

#calender-rightpanel {width:245px; float: right; padding-left:10px; text-align:right; margin-top:20px}
#calender-rightpanel h3 { padding-top:10px; font-weight:bold; }
#calender-rightpanel h4 { padding-bottom:20px;}