/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.	RESET

2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.	FORMS
3.a  General form styles
3.b  Individual forms

4.	PLUGINS

5. PRINT


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

1.	RESET
	Global reset for all HTML elements

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

@media handheld, projection, screen, print {

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left }
img, fieldset, abbr, acronym { border: 0 }
ul, ol { list-style: none; list-style-position: outside }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }


} @media handheld, projection, screen {


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

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/

html { background: #d5d5d5 url(../img/bg.png) repeat-x    }

body {
	background: url(../img/bg_wrap.png) repeat-y center 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}

p, ul, ol, table, dl, dd, pre { margin: 0 0 1.33em }

strong { font-weight: bold }
em { font-style: italic }
code, pre { font-family: "Courier New", Courier, monospace }
dt { font-weight: bold }
dd { font-style: italic }
cite { font-style: italic }
q { font-style: italic }
blockquote { font-style: italic; padding: 0 2.67em }

abbr, acronym { border-bottom: 1px dotted; cursor: help }


/* Headlines
-------------------------------
[?] Always define: font-size - line-height - margin
*/

h1 {
	font-size: 3em;
	margin: 1em 0 .4em;
}
h2 {
	font-size: 24px;
	margin: 15px 0 10px;
}
h3 {
	font-size: 1.5em;
	margin: 1em 0 .4em;
}
h4 {
	font-size: 1.33em;
	margin: 1em 0 .4em;
}


/* Anchors
-------------------------------*/

a, a:link, a:visited {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: blue;
	text-decoration: none;
}


/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 940px;
	padding: 0 6px;
	position: relative;
}
	#header, #content, #footer {
		float: left; display: inline;
		clear: both;
		width: 100%;
		position: relative;
	}
	#header {
		background: url(../img/bg_header.png) no-repeat;
		height: 118px;
		z-index: 2;
	}
		#logo { margin: 0 }

			#logo a {
				background: url(../img/logo.png) no-repeat;
				display: block;
				text-indent: -9999px;
				height: 107px; width: 925px;
				position: absolute;
				top: 10px; left: 0;
			}
			#tagline {
				margin: 0;
				position: absolute;
				top: 0; left: 0;
			}

	#content {
		background: url(../img/bg_content.png) repeat-y;
		padding: 20px 0 0;
	}
		#main {
			float: left;
			padding: 0 21px;
			width: 665px;
		}
		#sidebar {
			background: url(../img/bg_sidebar.png) no-repeat;
			float: right;
			min-height: 682px;
			padding: 20px 0 0;
			width: 232px;
		}

	#footer { height: auto }


/*-------------------------------
2.c Navigations
-------------------------------*/

ul.nav { margin: 0 }


/* Main navigation
-------------------------------*/

#nav {
	background: url(../img/bg_nav.png) repeat-x;
	height: auto; width: 930px;
	padding: 0 18px 0 29px;
	position: absolute;
	top: 118px; left: -19px;
	z-index: 2;
}
	#nav li {
		background: url(../img/bg_li-nav.gif) no-repeat 0 14px;
		float: left;
		line-height: 37px;
		padding: 0 11px 0 15px;
	}
	#nav li:first-child { background: none }
		#nav li a {
			float: left;
			color: #fff;
			font-weight: bold;
			display: block;
			text-decoration: none;
		}
		#nav li a:hover { color: #fff }

/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/

/* General elements
-------------------------------*/

div#introduction { 
	background: url(../img/main.jpg) no-repeat;
	margin: 35px 0 0;
	position: relative;
	width: 664px; height: 270px;
}
div#introduction div.text { 
	background: url(../img/bg_introduction.png) repeat;
	color: #fff;
	font-size: 12px;
	height: 258px;
	line-height: 14px;
	padding: 12px 15px 0 ;
	position: absolute;
	top: 0; right: 0;
	width: 233px;
}
	div#introduction div.text h2 { 
		font-weight: bold; 
		line-height: 18px; 
		margin: 3px 0 12px;
	}
	div#introduction div.text p { margin: 0 0 15px }

div.mainContent { 
	background: url(../img/bg_mainContent.jpg) no-repeat 100% 0;
	margin: 20px 0 0;
	padding: 0 0 15px;
}
	div.mainContent h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContent p { 
		margin: 13px 0 0; 
		width: 387px;
	}
	
div.mainContent2 { 
	background: url(../img/bg_about.jpg) no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContent2 h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContent2 p { 
		margin: 13px 0 0; 
		width: 387px;
	}	
	
div.mainContentPastors { 
	background: url(../img/bg_pastors.jpg) no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContentPastors h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContentPastors p { 
		margin: 13px 0 0; 
		width: 387px;
	}	
	
div.mainContentVision { 
	background: url(../img/bg_vision.jpg) no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContentVision h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContentVision p { 
		margin: 13px 0 0; 
		width: 387px;
	}	
		
div.mainContentServices { 
	background: url(../img/bg_services.jpg) no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContentServices h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContentServices p { 
		margin: 13px 0 0; 
		width: 387px;
	}	

div.mainContentEvents { 
	background: no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContentEvents h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContentEvents p { 
		margin: 13px 0 0; 
		width: 387px;
	}		
	
div.mainContentMinistries { 
	background: url(../img/bg_ministries.jpg) no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContentMinistries h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContentMinistries p { 
		margin: 13px 0 0; 
		width: 387px;
	}	
	
div.mainContentLocation { 
	background: url() no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContentLocation h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContentLocation p { 
		margin: 13px 0 0; 
		width: 387px;
	}	
	
div.mainContentBeliefs { 
	background: url() no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContentBeliefs h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContentBeliefs p { 
		margin: 13px 0 0; 
		width: 600px;
	}	

div.mainContentContact { 
	background: url() no-repeat 100% 0;
	margin: 40px 0 0;
	padding: 0 0 15px;
}
	div.mainContentContact h2 { 
		color: #333; 
		margin: 0;
	}
	div.mainContentContact p { 
		margin: 13px 0 0; 
		width: 600px;
	}	
/* Sidebar elements
-------------------------------*/

div#sidebar div.widget { 
	background: url(../img/bg_widget.png) no-repeat right bottom;
	color: #333;
	overflow: hidden;
	padding: 0 27px 40px;
}
div#sidebar div.widget h2 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 19px;
}

div#sidebar div.share { margin: 40px 0 0; overflow: hidden }
	div#sidebar div.share ul li { 
		float: left;
		margin: 0;
		width: 89px
	}
	div#sidebar div.share ul li a.facebook, div#sidebar div.share ul li a.twitter { 
		background: url(../img/img_share.png) no-repeat;
		color: #000;
		display: block;
		font-size: 13px;
		font-weight: bold;
		line-height: 15px;
		padding: 70px 0 0;
		text-align: center;
		text-decoration: none;
	}
		div#sidebar div.share ul li a span { display: block }
		div#sidebar div.share ul li a.facebook { background-position: center 0 }
		div#sidebar div.share ul li a.twitter { background-position: center -138px }


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

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a General form styles
-------------------------------*/

/* Form elements
-------------------------------*/

input.text, select.select, textarea.textarea {
	background: #3f7b99;
	border: 0 none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 5px 0;
	padding: 5px 10px;
	-moz-border-radius: 10px; -khtml-border-radius: 10px; 
	-webkit-border-radius: 10px; border-radius: 10px
}
input.text { width: 158px }
select.select { width: 200px }
textarea.textarea { height: 10em; width: 195px }

select.select.free { width: auto }

button.button {
	color: #000;
	cursor: pointer; 
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

input.submit {
	background: url(../img/bg_submit.png) no-repeat;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	float: right;
	font-weight: bold;
	height: 36px;
	line-height: 21px;
	text-align: center;
	text-transform: uppercase;
	width: 98px;
}


/* General forms
-------------------------------*/

form.form ol.fieldset {	margin: 0 0 15px }

	form.form ol.fieldset li.field {
		margin: 0 0 5px;
		position: relative;
	}
		form.form ol.fieldset li.field label {
			display: block;
			font-size: 16px;
			font-style: italic;
			line-height: 20px;
		}
			
	form.form p.submit { /* nothing here */ }


/* Search Forms
-------------------------------*/

form.search { margin-bottom: 1.33em }

	form.search p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button {
			display: inline;
			vertical-align: middle;
		}
	
/*-------------------------------
3.b Individual forms
-------------------------------*/


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

4.	PLUGINS
	Predefined utilities

--------------------------------------------------------------------

/*-------------------------------
Utility classes
-------------------------------*/

.skip { position: absolute; top: 0; left: -9999px }

} @media print {

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

5.	PRINT
	Styles for print

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

body { background: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10pt }
code, pre { font-family: "Courier New", Courier, mono }
img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid }

a, a:link, a:visited { color: blue; text-decoration: underline }

blockquote, table, pre { page-break-inside: avoid }
ul, ol, dl  { page-break-before: avoid }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid }

#footer, .ad, #nav, .nav, form, .skip { display: none }

h1 { font-size: 3em; margin: .67em 0; }
h2 { font-size: 2em; margin: .83em 0; }
h3 { font-size: 1.5em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.92em; margin: 1.67em 0; }
h6 { font-size: 0.83em; margin: 2.33em 0; }


/*------------------------------------------------------------------
	END CSS
------------------------------------------------------------------*/

}/* end @media */