@charset "UTF-8";
/* Custom CSS */

html {
	background:#ddd3c8;
	}
body {
	background:url(../img/bg_hp-head.gif) top center no-repeat;
	color:#5d4a3a;
	}

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

h1 img {
	margin-left: 47px;
	}

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

/*  
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 48px;}  /* must be same height as the footer */

#footer {position: relative;
    margin-top: -48px; /* negative value of footer height */
    height: 48px;
    clear:both;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

* {
  text-align: left;
  }

#footer {
	border-top: #5d4a3a 2px solid;

    /* We can over-ride default settings here instead of changing the original
       sticky-footer.css */
    padding-top: 20px;
    height: 48px;
    margin-top: -70px;
	}

#main {
    padding-bottom: 70px;
	}


/*  =QUICK INFO 
    --------------------------------------------------*/		
#quick_info {
		position:relative;
		top:10px;
		width: 346px;
		height:218px;
		display:block;
		background:url(../img/bg_quick_info.png) no-repeat;
		 	}
.coda-nav ul li a {
	color:#544639;
	font-weight:bold;
	font-size:115%;
	}
.panel h3 {
	color:#544639;
	border-bottom: 1px solid #d4303f;
	margin: 10px 35px 10px 15px;
	}

.panel ul {
	list-style-type:none;
	margin-left:-30px;
	font-size:1.1em;
	}

.panel ul li em.time {
			color:#c04940;
			font-style:normal;
			text-align:right;
			width: 30px;
			display:block;
			float:left;
			padding-right:5px;
			font-variant:small-caps;
			font-weight:bold;
			}
/*
.panel-wrapper ul {
	list-style-type:none;
	margin:0;
	
	}
	
	.panel-wrapper ul li {
		margin: 3px 0 10px -25px;
		text-align:left;
		float:left;
		padding-right:5px;
		}
		
		.panel-wrapper ul li em.time {
			color:#c04940;
			font-style:normal;
			text-align:right;
			width: 30px;
			display:block;
			float:left;
			padding-right:5px;
			font-variant:small-caps;
			font-weight:bold;
			}
			.panel-wrapper ul li em.widow {
			font-style:normal;
			text-align:left;
			width: 280px;
			display:block;
			float:left;
			font-weight:bold;
			}
*/			
/*  =Typography
    --------------------------------------------------*/

/*  =HORIZONTAL NAVIGATION
    --------------------------------*/
#nav{
width:584px;
height:32px;
background:url(../img/nav_sprite.png);
margin: 60px 0 0 10px;
}
#nav li {
float:left;
list-style-type:none;
}
#nav li a {
float:left;
display:block;
height:32px;
background:url(../img/nav_sprite.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
font-size:1%;
}

	#nav_sub{
	width:584px;
	height:32px;
	background:url(../img/nav_sprite.png);
	margin: 60px 0 0 10px;
	}
	#nav_sub li {
	float:left;
	list-style-type:none;
	}
	#nav_sub li a {
	float:left;
	display:block;
	height:32px;
	background:url(../img/nav_sprite.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	font-size:1%;
	}

li#nav_hom a {
width:78px;
background-position: -39px 0;
}
li#nav_hom a:hover {
background-position: -39px -32px;
}
#body_hom li#nav_hom a {
background-position: -39px -64px;
}
li#nav_min a {
left:121px;
width:117px;
background-position:-121px 0;
}
li#nav_min a:hover {
background-position: -121px -32px;
}
#body_min li#nav_min a {
background-position: -121px -64px;
}
li#nav_who a {
left:238px;
width:125px;
background-position:-238px 0;
}
li#nav_who a:hover {
background-position: -238px -32px;
}
#body_who li#nav_who a {
background-position: -238px -64px;
}
li#nav_med a {
left:367px;
width:79px;
background-position:-367px 0;
}
li#nav_med a:hover {
background-position: -367px -32px;
}
#body_med li#nav_med a {
background-position: -367px -64px;
}
li#nav_con a {
left:450px;
width:98px;
background-position:-450px 0;
}
li#nav_con a:hover {
background-position: -450px -32px;
}
#body_con li#nav_con a {
background-position: -450px -64px;
}

/*  =EASING MENU HOLDER
    --------------------------------*/	

#values {
	width:584px;
	height:218px;
	}

/*  =Homepage Left Col image links
    --------------------------------*/

#memory {
width:326px;
height:126px;
position:relative;
margin:80px 0 30px 10px;
}
#memory a{
display:block;
position:absolute;
top:0;
text-indent:-9999px;
font-size:1%;
overflow:hidden;
width:326px;
height:126px;
background:url(../img/btn_memory2010.png) no-repeat;
background-position: 0 0;
}
#memory a:hover{
background-position: 0 -126px;}

#sermon {
width:326px;
height:126px;
position:relative;
margin:10px 0 30px 10px;
}
#sermon a{
display:block;
position:absolute;
top:0;
text-indent:-9999px;
font-size:1%;
overflow:hidden;
width:326px;
height:126px;
background:url(../img/btn_sermon.png) no-repeat;
background-position: 0 0;
}
#sermon a:hover{
background-position: 0 -126px;}


/*  =
    --------------------------------*/

.firstInCol {
	margin-top:80px;}

.news {
	position:relative;
	left: 10px;}
.news h2 {
	color:#c04940;
	text-transform:uppercase;
	margin-top: 62px;}
.news h3 {
	color:#5d4a3a;}
.news a {
	margin-bottom:30px;}
	

/*  =Contact Form
    --------------------------------*/
form fieldset {
	border:none;}

form fieldset ol {
	list-style-type:none;
	}
	form fieldset ol li label {
		width: 50px;
		text-align:right;
		float:left;
		padding: 8px 15px 0 0;
		}
	form fieldset ol li input.button {
		background:#5d4a3a;
		color:#ddd3c8;
		display:block;
		width: 50px;
		height:30px;
		margin-left:66px;
		text-align:center;
		border-style:hidden;}
	
.leftContact {
	font-weight:normal;
	color:#5d4a3a;}