@charset "UTF-8";
/*
Theme Name: Summer Creek
Author: Darnology
Author URI: http://www.darnology.com/
*/

/*
============================================================================
GENERAL
============================================================================
*/
html, body {
	background: #FFFFFF;
	color: #7F7263;
	font: 100%/125% "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1, h2, h3, h4  {
	font: 100% "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul	{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ol	{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

li	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

a {
	color: #2B2826;
	text-decoration: none;
}

a:hover {
	color: #898989;
}

img {
	border: 0px none;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}


/*
============================================================================
HOME
============================================================================
*/
#home {
	background: url('images/home_bg.jpg') repeat-x center top;
	position: relative;
	display: table;
	width: 100%;
}

#home .page {
	position: relative;
	width: 860px;
	margin: 0px auto 0px auto;
}


/*
MENU
================================================================
*/
#home_menu {
	background: url('images/home_sub_menu.png') no-repeat left -200px;
	position: relative;
	display: inline-block;
	width: 860px;
	height: 73px;
	font: 75% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 17px 0px 0px 0px;
	z-index: 1000;
}

#home_menu li {
	position: relative;
	display: inline;
	padding: 0px 0px 10px 0px;
}

#home_menu li span {
	padding: 1px 5px 1px 4px;
	border-right: 1px solid #FFFFFF;
}

#home_menu .last span {
	border: 0px none;
}

#home_menu .main a {
	background: url('images/home_menu.jpg') no-repeat center -8px;
	color: #FFFFFF;
	margin: 0px 0px -10px 0px;
	padding: 0px 0px 10px 0px;
}

#home_menu .main a:hover, #home_menu .hover a {
	background: url('images/home_menu.jpg') no-repeat center 14px;
}

#home_menu .sub {
	position: absolute;
	display: none;
	width: 130px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	top: 20px;
	z-index: 100;
}

#home_menu .sub li {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px none;
}

#home_menu .sub li a {
	background: url('images/home_sub_menu.png') repeat left top;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #FFFFFF;
}

#home_menu .sub li a:hover {
	background: url('images/home_sub_menu.png') repeat left top;
	color: #000000;
}

#home_menu .sub .first a {
	padding: 8px 8px 4px 8px;
}

#home_menu .sub .last a {
	padding: 4px 8px 8px 8px;
	border: 0px none;
}

#home_menu .sub .sub_sub li a {
	padding: 4px 8px 4px 28px;
	border-bottom: 1px solid #FFFFFF;
}


/*
TOP
================================================================
*/
#home_top {
	background: url('images/home_top.jpg') repeat-x center top;
	position: relative;
	width: 740px;
	height: 317px;
	margin: 0px 60px 90px 60px;
}

#home_logo {
	position: absolute;
	width: 312px;
	height: 103px;
	text-indent: -90000px;
	left: 46px;
	top: 54px;
	overflow: hidden;
}

#home_slogan {
	position: absolute;
	width: 240px;
	height: 27px;
	color: #908984;
	font: 218.75% Garamond, Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 83px;
	top: 217px;
}

#home_slideshow {
	position: absolute;
	width: 383px;
	height: 283px;
	left: 383px;
	top: 17px;
	overflow: hidden;
}

#home_slideshow .slide_01 {
	background: url('images/slideshow/01.jpg') no-repeat left top;
	position: absolute;
	width: 383px;
	height: 283px;
	left: 0px;
	top: 0px;
}

#home_slideshow .slide_02 {
	background: url('images/slideshow/02.jpg') no-repeat left top;
	position: absolute;
	width: 383px;
	height: 283px;
	left: 0px;
	top: 0px;
}

#home_slideshow .slide_03 {
	background: url('images/slideshow/03.jpg') no-repeat left top;
	position: absolute;
	width: 383px;
	height: 283px;
	left: 0px;
	top: 0px;
}

#home_slideshow .slide_04 {
	background: url('images/slideshow/04.jpg') no-repeat left top;
	position: absolute;
	width: 383px;
	height: 283px;
	left: 0px;
	top: 0px;
}

#home_slideshow .slide_05 {
	background: url('images/slideshow/05.jpg') no-repeat left top;
	position: absolute;
	width: 383px;
	height: 283px;
	left: 0px;
	top: 0px;
}


/*
CONTENT
================================================================
*/
#home_content {
	position: relative;
	width: 740px;
	height: 375px;
	margin: 0px 60px 0px 60px;
}


/*
IMAGE LINKS
================================================================
*/
#home_image_links {
	position: absolute;
	width: 183px;
	font: 112.5%/111.11% Garamond, Georgia, "Times New Roman", Times, serif;
	left: 0px;
	top: 0px;
}

#home_image_links li {
	position: relative;
	display: block;
	width: 183px;
	height: 64px;
	padding: 10px 0px 5px 0px;
}

#home_image_links a {
	position: relative;
	display: block;
	color: #9D958A;
	width: 106px;
	display: block;
}

#home_image_links a:hover {
	color: #000000;
}

#home_image_links .pastor {
	background: url('images/home_image_links.jpg') no-repeat 8px 0px;
	height: 50px;
	padding: 14px 0px 0px 77px;
}

#home_image_links .calendar {
	background: url('images/home_image_links.jpg') no-repeat 8px -63px;
	height: 44px;
	padding: 20px 0px 0px 77px;
}

#home_image_links .new {
	background: url('images/home_image_links.jpg') no-repeat 8px -127px;
	height: 43px;
	padding: 20px 0px 0px 77px;
}

#home_image_links .watch {
	background: url('images/home_image_links.jpg') no-repeat 8px -190px;
	height: 50px;
	padding: 14px 0px 0px 77px;
}


/*
CURRENT
================================================================
*/
#home_current {
	position: absolute;
	width: 281px;
	left: 183px;
	top: 0px;
}

#home_current_slideshow, #home_current_slideshow .slide {
	background: #FFFFFF;
	position: absolute;
	width: 281px;
	height: 370px;
	left: 0px;
	top: 0px;
}

#home_current_slideshow {
	overflow: hidden;
}

#home_current_slideshow .slide img {
	position: relative;
	width: 258px;
	height: 194px;
	margin: 5px 0px 13px 7px;
}

#home_current_overlay {
	background: url('images/home_overlay.png') no-repeat 0px 0px;
	position: absolute;
	width: 281px;
	height: 213px;
	left: 0px;
	top: 0px;
}

.current_type {
	position: relative;
	width: 268px;
	color: #847867;
	font: 87.5%/128.57% Myriad Pro, Arial, Helvetica, sans-serif;
	padding: 0px 0px 5px 13px;
}

.current_title {
	position: relative;
	width: 268px;
	color: #BEA53B;
	font: 162.5%/111.54% Garamond, Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 5px 13px;
}

.current_description {
	position: relative;
	width: 268px;
	color: #000000;
	font: 87.5%/128.57% Myriad Pro, Arial, Helvetica, sans-serif;
	padding: 0px 0px 5px 13px;
}


/*
E LINKS
================================================================
*/
#home_e_links {
	position: absolute;
	width: 240px;
	font: 68.75%/118.18% Myriad Pro, Arial, Helvetica, sans-serif;
	left: 490px;
	top: 15px;
}

#home_e_links li {
	position: absolute;
	display: block;
	width: 100px;
	height: 144px;
	text-align: center;
}

#home_e_links li h2 {
	position: absolute;
	width: 100px;
	height: 90px;
	text-indent: -900000px;
	overflow: hidden;
}

#home_e_links li a {
	position: absolute;
	width: 100px;
	height: 40px;
	color: #9D958A;
	padding: 95px 0px 0px 0px;
	left: 0px;
	top: 0px;
}

#home_e_links li a:hover {
	color: #000000;
}

#home_e_links li .bold {
	color: #000000;
	font: bold 100%/118.18% Myriad Pro, Arial, Helvetica, sans-serif;
}

#home_e_links .encounter {
	background: url('images/home_four_e.jpg') no-repeat 0px -89px;
	left: 20px;
	top: 0px;
}

#home_e_links .equip {
	background: url('images/home_four_e.jpg') no-repeat -100px -89px;
	left: 140px;
	top: 0px;
}

#home_e_links .engage {
	background: url('images/home_four_e.jpg') no-repeat -200px -89px;
	left: 20px;
	top: 144px;
}

#home_e_links .extend {
	background: url('images/home_four_e.jpg') no-repeat -300px -89px;
	left: 140px;
	top: 144px;
}


/*
TIMES
================================================================
*/
#home_times {
	position: absolute;
	width: 190px;
	height: 60px;
	color: #9D958A;
	font: italic 112.5%/122.22% Garamond, Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 515px;
	top: 308px;
}


/*
============================================================================
SUB PAGE
============================================================================
*/
#sub_page {
	background: url('images/bg.jpg') repeat-x center 84px;
	position: relative;
	display: table;
	width: 100%;
}

#sub_page .page {
	position: relative;
	width: 660px;
	margin: 0px auto 0px auto;
}

#header {
	position: relative;
	width: 660px;
	height: 308px;
}

#logo a {
	background: url('images/logo.jpg') no-repeat 0px 0px;
	position: absolute;
	width: 184px;
	height: 61px;
	text-indent: -90000px;
	left: 0px;
	top: 17px;
	overflow: hidden;
}

#header_slogan {
	position: absolute;
	width: 194px;
	height: 30px;
	color: #908984;
	font: 175% Garamond, Georgia, "Times New Roman", Times, serif;
	text-align: right;
	right: 0px;
	top: 45px;
}

#page_image {
	background: url('images/page_image.jpg') no-repeat 0px 0px;
	position: absolute;
	width: 300px;
	height: 185px;
	left: 0px;
	top: 116px;
}

#page_image .overlay {
	background: url('images/page_overlay.png') no-repeat 0px 0px;
	position: absolute;
	width: 300px;
	height: 185px;
	left: 0px;
	top: 0px;
}


/*
E LINKS
================================================================
*/
#e_links {
	position: absolute;
	width: 236px;
	height: 52px;
	left: 345px;
	top: 234px;
}

#e_links li a {
	position: absolute;
	display: block;
	width: 59px;
	height: 52px;
	text-indent: -900000px;
	overflow: hidden;
}

#e_links .encounter a {
	background: url('images/four_e.jpg') no-repeat 0px 0px;
	left: 0px;
	top: 0px;
}

#e_links .encounter a:hover, #e_links .encounter .active {
	background: url('images/four_e.jpg') no-repeat 0px -52px;
}

#e_links .equip a {
	background: url('images/four_e.jpg') no-repeat -59px 0px;
	left: 59px;
	top: 0px;
}

#e_links .equip a:hover, #e_links .equip .active {
	background: url('images/four_e.jpg') no-repeat -59px -52px;
}

#e_links .engage a {
	background: url('images/four_e.jpg') no-repeat -118px 0px;
	left: 118px;
	top: 0px;
}

#e_links .engage a:hover, #e_links .engage .active {
	background: url('images/four_e.jpg') no-repeat -118px -52px;
}

#e_links .extend a {
	background: url('images/four_e.jpg') no-repeat -177px 0px;
	left: 177px;
	top: 0px;
}

#e_links .extend a:hover, #e_links .extend .active {
	background: url('images/four_e.jpg') no-repeat -177px -52px;
}


/*
PAGE CONTENT
================================================================
*/
#page_content {
	position: relative;
	float: left;
	width: 440px;
	padding: 0px 0px 40px 0px;
}

#page_content h1 {
	position: relative;
	width: 440px;
	color: #BEA53B;
	font: 150%/100% Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 7px 0px 11px 0px;
	border-bottom: 1px solid #9D9489;
}

#page_content h2 {
	color: #000000;
	font: bold 87.5%/121.43% Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
}

#page_content h3 {
	color: #BEA53B;
	font: bold 87.5%/121.43% Arial, Helvetica, sans-serif;
	padding: 0px 0px 5px 0px;
}

#page_content h3 .highlight {
	color: #000000;
}

#page_content h4 {
	color: #7F7263;
	font: bold 75%/125% Arial, Helvetica, sans-serif;
	padding: 0px 0px 15px 0px;
}

#page_content p {
	color: #7F7263;
	font: 87.5%/121.43% "Times New Roman", Times, serif;
}

#page_content a {
	color: #7F7263;
}

#page_content a:hover {
	color: #000000;
}

#page_content ol {
	list-style: inside;
	padding: 0px 0px 10px 0px;
	margins: 0px 0px 0px 0px;     
	list-style-type: decimal;
}

#page_content ul {
	list-style: inside;
	padding: 0px 0px 10px 0px;
	margins: 0px 0px 0px 0px;  
	list-style-type: disc;   
}

#page_content li {
	padding: 0px 0px 5px 20px;
	margins: 0px 0px 0px 0px;     
}

#page_content img, #page_content object {
	position: relative;
	float: left;
	margin: 15px 20px 20px 0px;
	clear: both;
}

#page_content blockquote {
	color: #7F7263;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#page_content blockquote p {
	font: italic 87.5%/121.43% "Times New Roman", Times, serif;
	padding: 0px 0px 25px 0px;
}

#page_content  .slogan {
	color: #BEA53B;
	font: italic 125%/120% "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border: 0px none;
}

.pagination {
	font: bold 87.5% Arial, Helvetica, sans-serif;
	padding: 5px 0px 20px 0px;
}

.pagination .previous {
	float: left;
}

.pagination .next {
	float: right;
}


/*
STAFF
================================================================
*/
#page_content .staff_image {
	position: relative;
	float: left;
	margin: 0px 20px 10px 0px;
	clear: both;
}

#page_content .more-link {
	color: #BEA53B;
	font: italic 100%/121.43% "Times New Roman",Times,serif;
}

#page_content .more-link:hover {
	color: #000000;
}

#page_content .staff_back {
	position: absolute;
	color: #BEA53B;
	font: 75% "Times New Roman",Times,serif;
	text-align: right;
	right: 0px;
	top: 19px;
}

#page_content .staff_back:hover {
	color: #000000;
}


/*
HOW
================================================================
*/
#page_e_links {
	position: absolute;
	width: 400px;
	height: 89px;
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#page_e_links li {
	position: absolute;
	list-style: none;
}

#page_e_links li a {
	position: absolute;
	display: block;
	width: 100px;
	height: 89px;
	text-indent: -900000px;
	overflow: hidden;
}

#page_e_links .encounter a {
	background: url('images/home_four_e.jpg') no-repeat 0px -89px;
	left: 0px;
	top: 0px;
}

#page_e_links .encounter a:hover {
	background: url('images/home_four_e.jpg') no-repeat 0px 0px;
}

#page_e_links .equip a {
	background: url('images/home_four_e.jpg') no-repeat -100px -89px;
	left: 100px;
	top: 0px;
}

#page_e_links .equip a:hover {
	background: url('images/home_four_e.jpg') no-repeat -100px 0px;
}

#page_e_links .engage a {
	background: url('images/home_four_e.jpg') no-repeat -200px -89px;
	left: 200px;
	top: 0px;
}

#page_e_links .engage a:hover {
	background: url('images/home_four_e.jpg') no-repeat -200px 0px;
}

#page_e_links .extend a {
	background: url('images/home_four_e.jpg') no-repeat -300px -89px;
	left: 300px;
	top: 0px;
}

#page_e_links .extend a:hover {
	background: url('images/home_four_e.jpg') no-repeat -300px 0px;
}


/*
CALENDAR
================================================================
*/
#page_content #calendar, #page_content #news {
	list-style: none;
	padding: 0px 0px 0px 0px;
}

#page_content #calendar li, #page_content #news li {
	padding: 10px 0px 15px 0px;
	border-bottom: 1px solid #E8E5E2;
}

#page_content #calendar .month h2 {
	color: #BEA53B;
	font: bold 112.5%/100% Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
}

#page_content #calendar h4, #page_content #news h3 {
	padding: 0px 0px 5px 0px;
}

#page_content #calendar li p, #page_content #news li p {
	font: 100%/125% "Times New Roman", Times, serif;
	padding: 0px 0px 0px 0px;
}

#page_content #calendar .notes {
	color: #7F7263;
	font: 75%/133.33% "Times New Roman", Times, serif;
}

#page_content #news .event {
	color: #7F7263;
	font: 87.5%/121.43% "Times New Roman", Times, serif;
}


/*
WATCH AND LISTEN
================================================================
*/
#page_content h1 .month {
	color: #7F7263;
	font: 66.66%/100% Arial,Helvetica,sans-serif;
}

#page_content .watch {
	padding: 10px 0px 15px 0px;
	border-bottom: 1px solid #E8E5E2;
}

#page_content .date {
	position: relative;
	float: right;
	color: #7F7263;
	font: 85.71%/141.67% Arial,Helvetica,sans-serif;
}

#page_content .watch p {
	padding: 0px 0px 10px 0px;
}

#page_content .video h4, #page_content .audio h4 {
	padding: 0px 0px 5px 0px;
}

#page_content .video p {
	padding: 0px 0px 0px 0px;
}

#page_content .video object, #page_content .audio object {
	float: none;
	margin: 0px 0px 5px 0px;
}

#page_content .audio .download {
	font: 75%/133.33% "Times New Roman", Times, serif;
}


/*
============================================================================
SIDEBAR
============================================================================
*/
#sidebar_menu {
	background: #E8E5E2;
	position: relative;
	float: right;
	width: 168px;
	font: 87.5%/100% Arial, Helvetica, sans-serif;
	margin: 0px 0px 60px 0px;
	padding: 5px 10px 3px 10px;
	border: 1px solid #9E9588;
}

#sidebar_menu .top_left, #sidebar_menu .top_right, #sidebar_menu .bottom_left, #sidebar_menu .bottom_right {
	position: absolute;
	width: 7px;
	height: 7px;
}

#sidebar_menu .top_left {
	background: url('images/sidebar_menu_corners.jpg') no-repeat 0px 0px;
	left: -1px;
	top: -1px;
}

#sidebar_menu .top_right {
	background: url('images/sidebar_menu_corners.jpg') no-repeat -7px 0px;
	right: -1px;
	top: -1px;
}

#sidebar_menu .bottom_left {
	background: url('images/sidebar_menu_corners.jpg') no-repeat 0px -7px;
	left: -1px;
	bottom: -1px;
}

#sidebar_menu .bottom_right {
	background: url('images/sidebar_menu_corners.jpg') no-repeat -7px -7px;
	right: -1px;
	bottom: -1px;
}

#sidebar_menu a {
	background: url('images/sidebar_menu.jpg') no-repeat -7px center;
	position: relative;
	display: block;
	width: 157px;
	height: 22px;
	color: #857868;
	padding: 8px 0px 0px 13px;
	border-bottom: 1px solid #FFFFFF;
}

#sidebar_menu a:hover, #sidebar_menu .active {
	background: #F8F7F6 url('images/sidebar_menu.jpg') no-repeat left center;
	color: #000000;
}

#sidebar_menu .last a {
	border-bottom: 0px none;
}

#sidebar_menu .sub_outer {
	overflow: hidden;
}

#sidebar_menu .sub {
	position: relative;
	display: block;
	background: #D3CEC8;
	font: 85.71%/100% Arial, Helvetica, sans-serif;
}

#sidebar_menu .sub a {
	height: 16px;
	padding: 6px 0px 0px 13px;
}

#sidebar_menu .sub_sub a {
	width: 136px;
	padding: 6px 0px 0px 34px;
}

#page_min {
	position: relative;
	float: right;
	width: 1px;
	height: 540px;
}


/*
============================================================================
FOOTER
============================================================================
*/
#footer {
	background: url('images/footer_cross.jpg') no-repeat center 10px;
	position: relative;
	width: 100%;
	height: 108px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
	border-top: 1px solid #9D9489;
	clear: both;
}

#footer_slogan {
	color: #BC9735;
	font: italic 112.5% Garamond, Georgia, "Times New Roman", Times, serif;
}

#footer_info {
	color: #908984;
	font: 68.75% Myriad Pro, Arial, Helvetica, sans-serif;
}