/* @override http://72.47.233.34/themed/ststephens/css/screen.css */

/*------------------------------------------------------------
 
	Screen.css
	mannacms.com
	
	Last Modified : 	17 December 2009
	Created by : 		Dave Rupert
	Contact: 			dave@paravelinc.com
	
	Copyright 2007 - 2008
	Based on Blueprint 1.6.1
	
	
/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}
 
/* Grid
-------------------------------------------------------------- */
 .container_12{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float: left;position: relative;margin-left:10px;margin-right:10px;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_12 .grid_1{width:60px;}.container_12 .grid_2{width:140px;}.container_12 .grid_3{width:220px;}.container_12 .grid_4{width:300px;}.container_12 .grid_5{width:380px;}.container_12 .grid_6{width:460px;}.container_12 .grid_7{width:540px;}.container_12 .grid_8{width:620px;}.container_12 .grid_9{width:700px;}.container_12 .grid_10{width:780px;}.container_12 .grid_11{width:860px;}.container_12 .grid_12{width:940px;}.container_12 .prefix_1{padding-left:80px;}.container_12 .prefix_2{padding-left:160px;}.container_12 .prefix_3{padding-left:240px;}.container_12 .prefix_4{padding-left:320px;}.container_12 .prefix_5{padding-left:400px;}.container_12 .prefix_6{padding-left:480px;}.container_12 .prefix_7{padding-left:560px;}.container_12 .prefix_8{padding-left:640px;}.container_12 .prefix_9{padding-left:720px;}.container_12 .prefix_10{padding-left:800px;}.container_12 .prefix_11{padding-left:880px;}.container_12 .suffix_1{padding-right:80px;}.container_12 .suffix_2{padding-right:160px;}.container_12 .suffix_3{padding-right:240px;}.container_12 .suffix_4{padding-right:320px;}.container_12 .suffix_5{padding-right:400px;}.container_12 .suffix_6{padding-right:480px;}.container_12 .suffix_7{padding-right:560px;}.container_12 .suffix_8{padding-right:640px;}.container_12 .suffix_9{padding-right:720px;}.container_12 .suffix_10{padding-right:800px;}.container_12 .suffix_11{padding-right:880px;}.container_12 .push_1{left:80px;}.container_12 .push_2{left:160px;}.container_12 .push_3{left:240px;}.container_12 .push_4{left:320px;}.container_12 .push_5{left:400px;}.container_12 .push_6{left:480px;}.container_12 .push_7{left:560px;}.container_12 .push_8{left:640px;}.container_12 .push_9{left:720px;}.container_12 .push_10{left:800px;}.container_12 .push_11{left:880px;}.container_12 .pull_1{left:-80px;}.container_12 .pull_2{left:-160px;}.container_12 .pull_3{left:-240px;}.container_12 .pull_4{left:-320px;}.container_12 .pull_5{left:-400px;}.container_12 .pull_6{left:-480px;}.container_12 .pull_7{left:-560px;}.container_12 .pull_8{left:-640px;}.container_12 .pull_9{left:-720px;}.container_12 .pull_10{left:-800px;}.container_12 .pull_11{left:-880px;}.clear{clear:both;display:block;overflow: hidden;visibility: hidden;width:0;height:0;}.clearfix:after{clear:both;content: ' ';display:block;font-size:0;line-height:0;visibility: hidden;width:0;height:0;}.clearfix{display: inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
 
/* Page
-------------------------------------------------------------- */
 
body	{ background: url(../img/bg.jpg) repeat; }
 
#content { 
	font-size:1.4em; 
	margin-bottom: 150px;
}
 
#header { 
	display: block; 
	height: 144px;
	margin-bottom: 40px;
}
 
#header .container_12 {
	position: relative; 
}
 
#logo {
	position: absolute;
	left: -80px;
	top:-2px;
}
 
 
#footer {
	font-size: 14px;
	background: #4C3A00 url(../img/footerbg.jpg) repeat-x;
	padding: 70px 0px 20px;
	color: #fff;
}
 
#footer a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
 
#footer a:hover {
	text-decoration: underline;
}
 
#footer h4 {
	background-image: none;
	color: #9BC90F;
	padding: 0px;
}
 
 
#footer .credit {
	color: #f57121;
	font-weight: bold;
}
 
#footer address {
	font-style: normal;
}
 
#footer address span {
	color: #85A30B;
	font-weight: bold;
	margin: 0px 10px 0px;
}
 
#copyright  .grid_3{text-align: right;float: right;}
 
#sitemap {
	display: block;
	clear: both;
	padding-bottom: 80px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f5f5ee;
}
 
#section img {
	max-width: 100%;
	height: auto;
}
 
/* Navigation
-------------------------------------------------------------- */
#topnav {
/* 	background: #24a0b6 url(../img/supernavbg.jpg) repeat-x left bottom; */
	background: #24a0b6 url(../img/supernavbg.jpg) repeat-x left top;
	display: block;
/* 	height: 27px; */
	height: 5px;
}
 
#topnav .container_12 {
	position: relative;
}
 
#topnav ul {
	position: absolute;
	right: 0px;
	top: 4px;
}
 
#topnav li {
	list-style: none;
	float: left;
	margin-left: 35px;
	font-size: 1.2em;
}
 
#topnav a {
	color: #fff;
	display: block;
	font-style: italic;
	text-decoration: none;
	text-transform: lowercase;
}
 
#topnav a:hover {
	text-decoration: underline;
}
 
#menu {
	width: 645px;
	position: absolute;
	right: -4px;
}
 
#menu ul {
	margin: 57px 0px 0px;
	float: right;
}
 
#menu li {
	list-style: none;
	float: left;
	margin-left: 14px;
	text-align: center;
}
 
#menu a {
	color: #4B3900;
	display: block;
	font: 22px "Georgia", Times, serif;
	height: 42px;
	min-width: 61px;
	padding:14px;
	text-decoration: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	text-transform: lowercase;	
}
 
#menu a:hover, #menu a.active{
	background: #f57121; 
}
 
#menu a > span {
	display: block;
	clear: both;
	color: #f57121;
	/*font: 0.52em Helvetica, Arial, sans-serif;*/
	font: 11px Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	margin-top:2px;
}
 
#menu a:hover span, #menu a.active span {
	color: #fff;
}
 
#subnav ul {
	padding: 0px 0px 18px;
	margin: 0px;
	border-bottom: 1px solid #D3CFBE;
	margin-bottom: 30px;
}
 
#subnav li {
	margin:0px 0px 3px;
	padding: 0px;
	list-style-type: none;
}
 
#subnav a {
	display: block;
	/*color: #F45C00; on PSD w/ 75% Opacity.  Corrected to #f4823b */
	color: #f4823b;
	padding: 0px 3px;
	text-decoration: none;font-size: 14px;font-weight: bold;-webkit-transition: color 0s linear;}
 
#subnav a:hover,
#subnav a.active {
	background: #f57121;
	color: #fff;
}
 
/* Page 
-------------------------------------------------------------- */
 
#darthfader {
	width: 940px;
	background-color: none;
	position: relative;
	top:-40px;
}
 
#darthfader img {
	background: none;
	margin:0px 10px 0px;
	border: 1px solid #A39B7C;
	width: 938px;
	padding: 1px;
	height: 430px;
}
 
a:hover.bigBtn {
	background: #f57121;
	color: #fff;text-decoration: none;
	-webkit-transition: background-color .1s linear;}
	
.bigBtn {
	background: #58b1bb;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #fff;
	font: 22px/63px Georgia, Times, serif;
	display: block;
	height: 63px;
	margin-bottom: 18px;
	width: 260px;
	padding: 0px 19px;
	text-decoration: none;
	text-transform: lowercase;
	-webkit-transition: background-color .4s linear;
}
 
 
	
 
/* indexTable 
-------------------------------------------------------------- */
 
.indexTable {
	list-style-type: none;
	margin: -19px 0px 1.5em;
	padding: 0px;
}
 
.indexTable li {
	color: #4c3a00;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	border-top: 1px solid #D3CFBE;
	border-bottom: 1px solid #D3CFBE;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 18px!important;
}
 
.indexTable a {
	color: #4c3a00;
	text-decoration: none;
	font-weight: normal;
}
.indexTable a:hover {
	color: #f57121;
	text-decoration: none;

}
 
span.date {
	text-align: center;
	float: left;
	padding-top: 9px;
	padding: 9px 15px 0px;
}
 
span.title {
	font-size: 14px;
	float: left;
	padding: 0px 15px 0px;
	white-space: nowrap;
}

.indexTable .top {
	display: block;
	clear:both;
	line-height: 1em;
	font: 1em Georgia, Times, sans-serif;
	text-transform: lowercase;
	font-style: italic;
	color:#A1DD00;
}
 
.indexTable .btm {
	display: block;
	clear:both;
	font-weight: bold;
	line-height: 1em;
	font-size: 26px;
	color: #75A301;letter-spacing: 1px;}
/* Typography
-------------------------------------------------------------- */
 
/* Default font settings
   The font-size percentage is of 16px (0.75 * 16px = 12px) */
body { 
  	font-size: 62.5%;
 	line-height: 1.5;
  	color: #4c3a00; 
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
 
p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
img         { margin: 0 1.5em 1.5em 0; }
 
strong      { font-weight: bold; }
em		    { font-style: italic; }
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4 { 
	color: #4B3900; 
	font: 22px/1.5 "Georgia", Times, serif; 
	margin-bottom: 18px; 
	text-transform: lowercase;
	padding: 0px 0px 10px 25px;
	background: url(../img/leaf.png) no-repeat left 6px;
	border-bottom: 1px solid #D3CFBE;
}


h2 a{color: #4B3900;text-decoration: none;}
 
h2.contactName{text-transform: capitalize;}
.unlined{margin: 0; border: none;}
 
#footer h4{border-bottom: none;}
 
	h5 { background: none; font:1em Helvetica, Arial, sans-serif; font-weight: bold; padding-left:0px; border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; text-transform: none;}
 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin:0;
}
 
.noheading {
	margin-top: 43px;
}

#subnav h3 {
	padding-left: 0px;
	background-image: none;
	border-bottom: 1px solid #D3CFBE;
}
 
/* Links
-------------------------------------------------------------- */


 


a           	{ color: #f57121; text-decoration: none; font-weight: bold;  -webkit-transition: color 0.3s linear;}
a:focus, 
a:hover     	{ color: #4B3900; text-decoration: none; -webkit-transition: color 0s linear; }
a:active		{ position: relative; top: 1px;}
a:visited		{}
a:visted:hover 	{}
 
a.readmore {
	display: block;
	margin: 1.5em 0px;
}
 
/* Tables - You still need cellspacing="0" in the markup
-------------------------------------------------------------- */
 
table		{ width:100%;}
 
thead		{}
tbody		{}
tfoot       { font-style: italic; }
 
th,td       { padding: 4px 10px 4px 5px; color: #4B3900; }
th          { border-bottom: 1px solid #D3CFBE;border-top: 1px solid #D3CFBE; font-weight: bold; background: #ecebe0; background:rgba(211,207,190, 0.25); }
td          { border-bottom: 1px solid #D3CFBE; }
tr			{}
 
caption     { background: #ffc; }
 
/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }
 
tr.even td  { background: #eef; }
 
td img { margin:0px; vertical-align: middle;}

.servicesTable th, td{padding: 20px 10px 20px 5px;}
/* Lists
-------------------------------------------------------------- */
 
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
 
ul          { list-style-type: disc;margin-left: 40px;}
ul + li		{}
 
ol          { list-style-type: decimal; }
ol + li		{}
 
 
ul.unbulleted {
	list-style-type: none;
	margin: 0px 0px 1.5em;
	padding: 0px;
}
 
ul.unbulleted li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
 
.bolder a {
	font-weight: bold!important;
}
 
 
 
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
 
 
 
/* Forms
-------------------------------------------------------------- */
 
form			{}
fieldset		{padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #D3CFBE;}
 
legend			{font-weight: bold; font-size:1.2em;}
legend .span	{}
 
label       	{font-weight: bold;}
 
input[type='text']		{}
input[type='checkbox']	{}
input[type='radio']		{}
input[type='file']		{}
input[type='image']	{ border:0px;}
 
textarea      	{ width: 400px; height: 250px; padding:5px; }
 
select        	{ width:auto; }
option			{}
optgroup		{}
 
 
 
input:focus,textarea:focus,select:focus {	
	border:1px solid #666;
}
 
input,textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}
 
 
/* Other Elements
-------------------------------------------------------------- */
 
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
dfn         { font-style: italic;font-weight: bold; background: #ffc; }
sup, sub    { line-height: 0; }
 
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
 
pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
 
/* Classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
 
.error,
.notice,
.message, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; border-color: #FBC2C4; }
.notice,
.message     { background: #FFF6BF; border-color: #FFD324; }
.success    { background: #E6EFC2; border-color: #C6D880; }
.error, .error a      { color: #D12F19; }
.notice,
.message, 
.notice a,
.message a    { color: #817134; }
.notice,
.message, .success a   { color: #529214; }
 
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
 
img.left	{float:left; clear:left;}
img.right	{float:right; clear:right;}
img.middle	{float:none; clear:both;}
 
/* Layout
-------------------------------------------------------------- */
.paging * {
	display:inline;
}
 
.paging {
	margin-bottom:1.5em;
}
 
.section {
	margin-bottom: 3em;
}
 
a.view-more {float:right;margin-top: 10px;}
a.view-more-minitries {float:right;}
table.detailsTable {
	border-bottom: 1px solid #D3CFBE;
	width: 100%;
}
table.detailsTable th {
	width:100px;
	background: transparent;
	border-top: 1px solid #D3CFBE;
	border-bottom: none;
	font-weight:bold;
	vertical-align: top;
	padding:15px;
}
table.detailsTable td {
	border-top: 1px solid #D3CFBE;
	border-bottom: none;
	font-weight:normal;
	vertical-align: top;
	padding:15px;
}
 
/* Page-Specific - based on the <body> class
-------------------------------------------------------------- */
.post, p.posted { clear:both; display: block;}
.post { border-bottom: 1px solid #D3CFBE}
.posted span { padding:0px 5px; }
#posts .prev{position: absolute;top: 0;left: 0;}
#posts .next{position: absolute;top: 0;right: 0;}
#posts .prev, #posts .next { background: #58b1bb;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color: #fff;-webkit-transition: background-color .4s linear;text-decoration: none;padding: 4px;}
#posts .prev:hover , #posts .next:hover { background: #f57121;text-decoration: none;
	-webkit-transition: background-color .1s linear;}
.paging{position: relative;}
 
 
#ministryNav {
	position: relative;
	padding: 25px 0px;
	margin-top: 62px;
	border-top: 1px solid #D3CFBE;
	border-bottom: 1px solid #D3CFBE;
}
.ministryThumb { width:180px;margin-bottom: 0;}
 
#breadcrumbs span {
	padding: 0px 15px;
}
#breadcrumbs a {
	text-decoration: none;
	font-weight: bold;
}
#breadcrumbs a:hover {text-decoration: none;}
#jumpMenu {
	position: absolute;
	right: 0px;
	top: 22px;
}
 
#jumpMenu label {
	margin:0px 10px 0px 5px;
}
 
#jumpMenu select { width:220px; }
 
#breadcrumbs p {margin-bottom: 0px; width: 600px}
 
.bigImage {
	border: 1px solid #A39B7C;
	padding: 1px;
	width: 538px;
	margin-right: 0px!important;
}
 
.thumb {
	width: 240px;
	clip: rect(0px 240px 150px 0px);
}
 
.eventImage { width:100%; }
.sermon h2 { margin-bottom: 10px;}
.sermon .details { border:1px solid #D3CFBE; padding:20px; margin-bottom:3em;}
.sermon h2 { margin-bottom: 0px;}
.sermon .details { height:150px; overflow-y: scroll; border:1px solid #D3CFBE padding:20px; margin-bottom:3em;}
table#recentSermons a.sm2_link { 
	width:0px!important;
}
 
.resourcelist { display: block; margin:0px 0px 1.5em 0px;  }
.resourceIndex .resourcelist { float:left; margin:0px 20px 1.5em 0px; width:250px; }
.resourcelist li {
	background: url(../img/icons/page_white_text.png) no-repeat;
	list-style-type:none;
	margin:0px 0px 0.5em;
	padding:0px 0px 0px 22px;		
}
.resourcelist li.doc { background: url(../img/icons/page_white_word.png) no-repeat; }
.resourcelist li.gif,
.resourcelist li.jpg,
.resourcelist li.jpeg, 
.resourcelist li.png { background: url(../img/icons/page_white_picture.png) no-repeat; }
.resourcelist li.pdf { background: url(../img/icons/page_white_acrobat.png) no-repeat; }
.resourcelist li.ppt { background: url(../img/icons/page_white_powerpoint.png) no-repeat; }
.resourcelist li.xls { background: url(../img/icons/page_white_excel.png) no-repeat; }
.resourcelist li.zip { background: url(../img/icons/page_white_zip.png) no-repeat; }
 
 
.contacts ul{margin: 0;}
.info{margin-top: 20px;margin-left: 0;border-bottom: 1px solid #D3CFBE;padding-bottom: 20px;position: relative;list-style-type: none;}
.note{margin-top: 20px;margin-left: 0;border-bottom: 1px solid #D3CFBE;padding-bottom: 0px;position: relative;list-style-type: none;}
.contacts .actions {position:absolute;top: 0;right: 0;}
.contactThumb{float: left;margin: 0 20px 0 0;}
.contacts .honorific-prefix, .family-name, .given-name{font-weight: bold;}
 
#subministries, #upcomingEvents{margin-top: 70px; width: 540px;}
#subministries ul, .contacts ul{margin: 0;}
#subministries ul{border-top: 1px solid #D3CFBE;margin: 0;}
#subministries .actions {position:absolute;top: 10;right: 0;}
#subministries ul li{border-bottom: 1px solid #D3CFBE;padding-bottom: 10px;position: relative;list-style-type: none;padding-top: 10px; }
 
#events .more-link, #upcomingEvents .more-link{float: right; color: #f57121; text-decoration: underline;}
.getdirections { border-top:1px solid #ccc; padding-top:5px; }
.getdirections a { text-decoration: none;font-weight: bold;}
 
#map {
	margin-right: 0px!important;
}