/*
	*
	*
	*
----- Begin JQTransform Form Style ------------------------------------------------
	*
	*
	*
*/

form.jqtransformdone label{
	margin-top: 0.2em; /*was 7px*/
	margin-right: 8px;
	display: block;
/*	
	float:left;
*/
}
form.jqtransformdone div.rowElem{
	clear:both;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	white-space: nowrap;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
	background: transparent url(img/btn_right.gif) no-repeat scroll right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
}

button.jqTransformButton span span {
	background: transparent url(img/btn_left.gif) no-repeat;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	display: block;
	text-decoration: none;
	height: 33px;
}

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(img/input_left.gif) no-repeat left top;
	padding: 0px;
	float:left;
	height: 33px;
	margin: 0 0 8px 0; 
}

.jqTransformInputInner {
	background: transparent url(img/input_right.gif) no-repeat right top;
	padding: 4px 4px 2px 0px;
	margin: 0px 0px 0px 8px;
	height: 33px;
}

.jqTransformInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: none;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	background:transparent;
}


/*  IE6 */

* html .jqTransformInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: 0;
	padding: 2px 0 0 0;
	margin: 0 0 0 0;
	background:transparent;
}


/*hover*/
.jqTransformInputWrapper_hover{ background: transparent url(img/input_left-hover.gif) no-repeat left top;}
.jqTransformInputWrapper_hover div{}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background: transparent url(img/input_right-hover.gif) no-repeat right top;}

/*focus*/
.jqTransformInputWrapper_focus{ background: transparent url(img/input_left-focus.gif) no-repeat left top;}
.jqTransformInputWrapper_focus div{}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background: transparent url(img/input_right-focus.gif) no-repeat right top;}


/*
.jqTransformSafari .jqTransformInputInner div {
	overflow: hidden;
}
.jqTransformSafari input {
	background-color: none;
	position: absolute;
	top: -2px;
	left: 205px;
	height: 42px; 
	padding-left: 4px;
}
*/


/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}

table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
margin: 0;
padding: 0;
border: 0;
background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{
background: url(img/textarea-tl.gif) no-repeat bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tm{
background: url(img/textarea-tm.gif) repeat-x bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tr{
background: url(img/textarea-tr.gif) no-repeat bottom left;

}
table.jqTransformTextarea td#jqTransformTextarea-ml{
background: url(img/textarea-ml.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm{
background: url(img/textarea-mm.gif) repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 12px;
line-height: 16px;
}




table.jqTransformTextarea td#jqTransformTextarea-mr{
background: url(img/textarea-mr.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bl{
background: url(img/textarea-bl.gif) no-repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bm{
background: url(img/textarea-bm.gif) repeat-x top left;
}
table.jqTransformTextarea td#jqTransformTextarea-br{
background: url(img/textarea-br.gif) no-repeat top left;
}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-image: url(img/textarea-tl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-image: url(img/textarea-tm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-image: url(img/textarea-tr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-image: url(img/textarea-ml-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(img/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-image: url(img/textarea-mr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-image: url(img/textarea-bl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-image: url(img/textarea-bm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-image: url(img/textarea-br-hover.gif);}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-image: url(img/textarea-tl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-image: url(img/textarea-tm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-image: url(img/textarea-tr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-image: url(img/textarea-ml-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(img/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-image: url(img/textarea-mr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-image: url(img/textarea-bl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-image: url(img/textarea-bm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-image: url(img/textarea-br-focus.gif);}

/*
table.jqTransformTextarea .jqTransformSafariTextarea div {
	
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top: 0px;
	left: 195px;
	padding: 10px 10px 10px 10px;
	resize: none;
}
*/

/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px; width: 18px; }
.jqTransformRadio {
	background: transparent url(img/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(img/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(img/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	width: 14px;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(img/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/*
	*
	*
	*
----- END JQTransform Form Style ------------------------------------------------
	*
	*
	*
*/




/*
	*
	*
	*
----- RESET ---------------------------------------------------------------------
	*
	*
	*
*/
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----- end RESET -----*/


/*----- BASIC STYLES -----------------------------------------------------*/
html
{
	background: url(../images/body_bg.jpg) repeat-x top #ffffff;
}

/* toolbox */
.fl {float: left;}
.fr{float: right;}
.clear{clear: both;}
/* end: toolbox */

/*-----	TYPOGRAPHY ------*/
	body  
	{
		font-size: 62.5%;
		font-family: Verdana, Helvetica, sans-serif;
		line-height:1.5em;
		text-align: center; /*for older browsers to center content*/
	}

	h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}

	h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
	h2 {font-size:2em;margin-bottom:0.75em;}
	h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
	h4 {font-size:1.2em;line-height:1.25;margin-bottom:.25em;}
	h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
	h6 {font-size:1em;font-weight:bold;}
	
	h4.homeChurch, h4.previewChurch	, h4.keyTeaching
	{
	font-weight:bold;
	font-variant: small-caps;
	letter-spacing:.5px;
	}

	div p.homeChurch
	{color:#003D79; font-size: 1.2em; font-weight:bold; margin:0px; padding-left:0px;}	
	
	p.update
	{color:#003D79; font-size:1.5em; font-weight:bold; margin:0; padding-bottom:1em; line-height:1.4em;}
	
	h4.keyTeaching	
	{margin-bottom:1.0em;font-size:1.5em;}

	div.tier div.content ul li {font-size:1.5em; line-height: 1.6em;}

	p
	{font-size: 1.5em;	line-height: 1.6em;	margin-bottom: 1.0em; color: #001223;}

	label
	{font-size: 1.4em;	line-height: 1.5em;	color: #001223;}

	a:focus, a:hover {color:#000;}
	a {color:#009;text-decoration:underline;}

	address {margin:0 0 1.0em 1.5em;font-style:italic; font-size: 1.2em;}

	em 
	{
	font-style: italic;
	}
/*-----	end TYPOGRAPHY ------*/


/*----- FORM STYLES -----*/
	fieldset 
	{
	padding-top: 0.5em;
	}

	fieldset.horizontal label
	{
	float: left;
	text-align: right;
	width: 200px;
	}

	fieldset.horizontal div.rowElem {margin: 0;}

	div.rowElem  > label
	{
	display: block;
	}

	input[type=text], textarea  
	{ 
	width: 400px; outline: none; 
	}

	.rowElem 
	label.error                 
	{ 
	float: none; 
	font-style: italic; 
	color: red;
	position: absolute; 
	top: 16px; 
	left: 0; 
	font-size: 12px; 
	}

	.rowElem #jqTransformTextarea-mm
	label.error                 
	{ 
	top: 28px; 
	}

	.radio          
	{ 
	float: left; 
	margin: 0 0 3em 0; 
	width: 550px; 
	}

	.rowElem                    
	{ 
	position: relative; 
	clear: both; 
	min-height: 35px; 
	margin-bottom: 3em;
	padding-left:200px;
	}

	div.nl p
	{
	background: #dddddd;
	text-align: left;
	padding: .3em;
	margin-left: 200px;
	}

	.thanks                     
	{ 
	color: green; 
	font-weight: bold; 
	}

	.jqTransformTextarea, 
	.jqTransformSelectWrapper   { margin: 0 0 8px 0; }
	
	div#pastorNo, div#pastorYes
	{
		clear: both;
	}
	
	div#denom {margin-top: 6em;}

/*----- end FORM STYLES -----*/

/*----- end BASIC STYLES -----*/


/*----- HEADER -----*/	
#header
{
	/*position: relative;*/
	background: url(../images/header.jpg) no-repeat;
	overflow: hidden;
	width:960px;
	margin:0 auto;

}

#header h1, #header p
{
	display: none;
}
/*----- end HEADER -----*/	




/*----- MAIN CONTENT -----*/
div .content ul li
{
font-size: 1.2em;	
line-height: 1.3em;	
color: #001223;
padding-left: 1em;
}


div#container
{
	background: url(../images/content_bg.jpg) top center no-repeat #ffffff;
	padding-top: 8em;
	width: 960px;
	margin:0 auto;	
	text-align: left; /*line the text back to left */
	overflow: hidden;
}

div.content h2
{
font-size: 1.8em;
background: #e7eaed;
color: #003d79;
padding: .3em;
letter-spacing:.15em;

text-align: left;
}

div#container > h2
{
font-size: 1.8em;
background: #e7eaed;
color: #003d79;
padding: .3em;
letter-spacing:.15em;
text-align: left;
margin-bottom: 0.1em;
}

p.instructions
{
padding-left: 0.3em;
font-style: italic;

}


/*----- TIER STYLES -----*/

.tier
{
	width: 960px;
	padding: 0px;
	margin-bottom: 5em;
	overflow: hidden;
}

.tier div.content {width: 620px;}
.tier img {padding-right: 20px;}

		
/*----- TIER 3 BOX -----*/
	#tier3
	{
		width:960px;
		margin-bottom:30px;
	}

	/*Box: left 1/2*/
	#leftCol
	{
		width:320px;
		float:left;	
	}

	/*Box: Right 2/2*/
	#rightCol
	{
		width:620px;
		float:right;
		height:210px;  /* try removing this */
		position:relative;
		background: url(../images/biSection.png) no-repeat;
	}

	/*right box container*/

	.box
	{
		position:absolute;
		width:270px;
		padding-bottom:60px;
		top:20px;
	}

	/*right mini box*/
	.box1{ left: 20px;}


	/*left mini box*/
	.box2{ right:20px;}


	/*biSectional spacer*/
	#liner
	{
		position:absolute;
		top:20px;
		left:312px;
		height:170px;
		border-left:1px dotted #57646c;	
	}

	/* read more button */
	.more 
	{
		position:absolute;
		bottom:0px;
		right:0px;
	}

	div.box1 h3 a, div.box2 h3 a
	{
		font-size: 1.2em;
		font-weight: normal;
		text-transform: uppercase;
		color: #eb6e1f;

		padding-left: 60px;
		text-decoration: none;
	}

	div.box1 h3 a:hover, div.box2 h3 a:hover
	{text-decoration: underline;}	
	
	div.box1 p, div.box2 p 
	{
		padding-left: 60px;
		color: #003d79;
		font-size: 1.4em;
	}
	
/*----- THREE COLUMN BOX -----*/
	.tri{width:960px;margin-bottom:5em; padding: 0 0 60px 0; border-bottom: 1px dotted #eb6e1f; overflow: hidden;}

	.one{float:left; width: 30%; padding-left: 10px; margin-right: 20px;}
	.two{float:left; width: 30%; padding-left: 10px; margin-right: 20px;}	
	.three{float:left; width: 30%; padding-left: 10px;}

	div.three h3, div.two h3, div.one h3
	{
		font-size: 1.8em;
		text-transform: uppercase;
		color: #eb6e1f;
		margin-bottom: 1.5em;
		padding-left: 10px;
	}
	
	div.three h4, div.two h4, div.one h4
	{
		font-variant: small-caps;
		letter-spacing:.5px;
	}
	
	div.tri div h4
	{
		font-size: 1.4em;
	}
	
	span.ast
	{
	color: #EB6E1F;
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
	text-decoration:none;
	}

	
/*----- end TIER STYLES -----*/



div#flvplayer   /*FLV Player: intro to OSL video*/
{float: left; padding-right: 20px;}


/*----- end MAIN CONTENT -----*/


/*NAVIGATION*/

	/* Default */
	ul#nav {
	margin: 207px auto 0 auto;
	width: 675px;
	height: 50px;
	position: relative;
	background: url(../images/nav.jpg);
	}

	#nav li {
	float: left;
	}

	#nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;

	display: block;
	height: 50px;
	background: url(../images/nav.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}

	/*normal state*/
	li#nav_home a {
	left: 0;
	width: 135px;
	background-position: 0 0;
	}

	li#nav_class a {
	left: 135px;
	width: 135px;
	background-position: -135px 0;
	}

	li#nav_church a {
	left: 270px;
	width: 135px;
	background-position: -270px 0;
	}

	li#nav_pastors a {
	left: 405px;
	width: 135px;
	background-position: -405px 0;
	}

	li#nav_contact a {
	left: 540px;
	width: 135px;
	background-position: -540px 0;
	}

	/*hover state*/
	li#nav_home a:hover , 
	li#nav_home a:focus {
	background-position: 0 -50px;
	}

	li#nav_class a:hover, 
	li#nav_class a:focus {
	background-position: -135px -50px;
	}

	li#nav_church a:hover,
	li#nav_church a:focus {
	background-position: -270px -50px;
	}

	li#nav_pastors a:hover,
	li#nav_pastors a:focus {
	background-position: -405px -50px;
	}

	li#nav_contact a:hover,
	li#nav_contact a:focus {
	background-position: -540px -50px;
	}

	/*active state*/
	li#nav_home a:active {
	background-position: 0 -100px;
	}

	li#nav_class a:active {
	background-position: -135px -100px;
	}

	li#nav_church a:active {
	background-position: -270px -100px;
	}

	li#nav_pastors a:active {
	background-position: -405px -100px;
	}

	li#nav_contact a:active {
	background-position: -540px -100px;
	}


	/*current state*/
	#home li#nav_home a {
	background-position: 0 -50px;
	}

	#class li#nav_class a {
	background-position: -135px -50px;
	}

	#church li#nav_church a {
	background-position: -270px -50px;
	}

	#pastors li#nav_pastors a {
	background-position: -405px -50px;
	}

	#contact li#nav_contact a {
	background-position: -540px -50px;
	}
/*END NAVIGATION*/

/*FOOTER*/
	div#footer 
	{
	background: url(../images/footer_bg.jpg) repeat-x top #5e5e5e;
	width: 100%;
	color: white;
	text-align: center;
	min-height: 254px;
	margin-top: 10em;
	clear: both;
	}
	
	div#footer ul#subNav
	{
	min-height: 254px;
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
	background: url(../images/footer.jpg) no-repeat;
	}
/*END FOOTER*/