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

body{
	background:url(../img/grunge_bg_repeat.jpg) repeat-x #FFF;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	}
h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#0099ff;
	font-size:12px;
	padding:5px 0 0px 4px;
	margin:0;
	
	}
	
p{
	padding:0px 8px 8px 4px;
	margin:0;
	font-size:10px;
	line-height:12px;
	text-align:left;
	}

	
#main_content{
	background-image:url(../img/main_content_bg.png);
	background-repeat:repeat-y;
	background-position:center;
	margin-right:auto;
	margin-left:auto;
	min-height:800px;
	width:960px;
	}
	
#container{
	width:900px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	min-height:800px;
	}

#logo_header{
	margin:0;
	padding:0;
	height:170px;
	}
	
#logo_header .logo_head_right{
	background-image:url(../img/style_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	float:right;
	width:285px;
	height:170px;
	margin:40px 60px 0px 0px;
	}
	
#logo_header .bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	padding-top:45px;
	padding-right:8px;
	}
	
#banner{
	background-image:url(../img/engage_banner.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:900px;
	height:288px;	
	}
	
#body_content{
	height:850px;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	padding:24px 0 0 0;
	
	}
	
#body_content a{
	text-decoration:none;
	font-size:10px;
	color:#0099ff;
	}
	
#body_content a:hover{
	text-decoration:underline;
	font-size:10px;
	color:#0099ff;
	}
	
#new{
	background-image:url(../img/new_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:285px;
	width:450px;
	float:left;
	padding:45px 0 0 0;
	margin:0;
	}
	
.gethere{
	width:138px;
	height:254px;
	float:left;
	}
	
.pastor{
	margin-left:18px;
	width:138px;
	height:254px;
	float:left;
	}
	
.podcast{
	margin-left:18px;
	width:138px;
	height:254px;
	float:left;
	}
	
#themix{
	background-image:url(../img/inmix_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:305px;
	width:450px;
	float:left;
	padding:45px 0 0 0;
	margin:0;
	}
	
.partner{
	width:138px;
	height:300px;
	float:left;
	}
	
.tellfriend{
	margin-left:18px;
	width:138px;
	height:300px;
	float:left;
	}
	
.broke{
	margin-left:18px;
	width:138px;
	height:300px;
	float:left;
	}
	
#connect{
	background-image:url(../img/connect_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:100px;
	width:450px;
	float:left;
	padding:0;
	margin:0;
	}
	
#connect_links{
	list-style:none;
	display:inline;
	}
	
#connect_links li {
	float: left;
	height: 27px;
	margin-top:45px;
	padding-left:5px;
	}

#connect_links li a {
	background-image:url(../img/connect_links.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 424px;
	height: 27px;
	display: block;
}


#connect_links li.facebook a {width: 106px; background-position: 0 0;}
#connect_links li.twitter a {width: 106px; background-position: -106px 0;}
#connect_links li.vimeo a {width: 106px; background-position: -212px 0;}
#connect_links li.thecity a {width: 106px; background-position: -318px 0;}


#connect_links li.facebook a:hover {background-position: 0 -28px;}
#connect_links li.twitter a:hover {background-position: -106px -28px;}
#connect_links li.vimeo a:hover {background-position: -212px -28px;}
#connect_links li.thecity a:hover {background-position: -318px -28px;}
	
#connect_links li a span {
	display: none;
}
	
#right_column{
	height:700px;
	width:285px;
	float:right;
	margin:0;
	padding:0;
	
	}
	
.vitals h2{
	padding:45px 8px 8px 10px;
	margin:0;
	color:#000;
	font-size:12px;
	line-height:12px;
	text-align:left;
	}

.vitals p{
	padding:0px 0px 0px 10px;
	margin:0;
	font-size:11px;
	line-height:12px;
	text-align:left;
	}

	
.clear { clear: both;}

.whatsup{
	background-image:url(../img/whatsup_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:285px;
	height:330px;
	padding:0;
	margin:0;
	
	}
	
.vitals{
	background-image:url(../img/vitals_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:290px;
	height:200px;
	
	}
	
.families{
	background-image:url(../img/families_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:290px;
	height:148px;
	}
	
.ministries{
	padding-top:45px;
	width:290px;
	}
	
#family_links{
	list-style:none;
	display:inline;
	}
	
#family_links li {
	float: left;
	height: 35px;
	padding-left:5px;
	}

#family_links li a {
	background-image:url(../img/families_links.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 172px;
	height: 35px;
	display: block;
	margin-top:0px;

}


#family_links li.kids a {width: 172px; background-position: 0 0;}
#family_links li.students a {width: 172px; background-position: 0 -38px;}


#family_links li.kids a:hover {background-position: -173px 0;}
#family_links li.students a:hover {background-position: -173px -38px;}

	
#family_links li a span {
	display: none;
}
	
	
.contact{
	background-image:url(../img/contact_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:290px;
	height:100px;
	
	}

.contact p{
	padding:35px 0px 0px 10px;
	margin:0;
	font-size:11px;
	line-height:12px;
	text-align:left;
	}
	
#footer{
	background:url(../img/footer_divider.gif) no-repeat top center;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	height:65px;	
	}
	
#footer_links{
	width:750px;
	padding:12px 0 0 0;
	margin-left:2px;
	}
	
#footer_links li{
	font-size:9px;
	list-style-type: none;
	display:inline;
	}
	
#footer_links li.copyright{
	margin-left:125px;
	padding:0;
	color:#0099ff;
	font-weight:bold;
	}
	
#footer_links li a{
	color:#000000;
	text-decoration:none;
	}
	
#footer_links li a:hover{
	color:#0099ff;
	text-decoration:none;
	}