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


/*---Global Styling---*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000000;
	background-repeat:repeat;
	text-align: center;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#backwrap{
	background-image: url(../images/backgrounds/gradbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#container{
	background-image:url(../images/backgrounds/burned_paper_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	height: 1400px;
	width: 1100px;
	margin: 0 auto;
}

#wrapper
{
	width: 875px;
	height: 1000px;
	position:relative;
	top: 35px;
	left: 105px;
	text-align: left;
}

#wrapper a{
	color:#660000;
}

#iedisclaimer{
	position: absolute;
	top: -9999px;
	visibility: visible;	
}

/*---Accessibility Only navigation, hidden with CSS---*/
#hiddennavigation{
	position: absolute;
	top: -9999px;
	visibility: visible;
}

/*---End Global Styling---*/

/*--- Navigational Header with Burned Paper Buttons---*/

#header{
	position: absolute;
	top: 25px;
	left: 295px;
	width: 600px;
	visibility: visible;
	}

#headergifs{
	position: absolute;
	top: -9999px;
}

#wrapper #header img {
	position: relative;
	padding: 2px;
}
#wrapper #header a img {
	text-decoration: none;
	border: 0;
	}

#wrapper #header a:hover img {
	text-decoration: none;
	
	}
/*--- End Header---*/

/*---Titles and Headers---*/

#pagetitle{
	position: absolute;
	top: 185px;
	left: 470px;
	width: 400px;
	text-align:right;
	visibility: visible;
}

#leftpagetitle{
	position: absolute;
	top: 185px;
	left: 0px;
	width: 500px;
	
}

#longpagetitle{
	position: absolute;
	top: 155px;
	left: 470px;
	width: 400px;
	text-align:right;
	visibility: visible;
}

#pagetitlegifs{
	position: absolute;
	top: -9999px;
}

#longpagetitlegifs{
	position: absolute;
	top: -9999px;
}

#leftpagetitlegifs{
	position: absolute;
	top: -9999px;
}

#prayerpagetitlegif{
	position: absolute;
	top: -9999px;
}

h1 {
	font-variant: small-caps;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #2b010e;
}
	
h3 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #2b010e;
}


/*---Main Content Area---*/

#main{
	position: absolute;
	top: 235px;
	left: 470px;
	width: 400px;
	height: 500px;
	text-align:justify;
	line-height: 1.5em;
	margin-right: 10px;
}

#leftmain{
	position: absolute;
	top: 235px;
	left: 0px;
	width: 400px;
	height: 600px;
	text-align:justify;
	line-height: 1.5em;
	margin-right: 10px;
	visibility: visible;	
}

#heartbridgemain{
	position: absolute;
	top: 235px;
	left: 0px;
	width: 500px;
	height: 700px;
	text-align:justify;
	line-height: 1.5em;
	margin-right: 10px;
	visibility: visible;	
}

#images{
	position: absolute;
	top: 190px;
	left: 0px;
	width: 350px;
	height: 350px;
}


#news{
	position: absolute;
	top: 555px;
	left: 5px;
	width: 425px;
	font-size:14px;
}

#wrapper #news a img {
	text-decoration: none;
	border: 0;
	}
/*---End Main Content Area---*/
	
/*---Footer---*/

#footer {
	position: absolute;
	top:1025px;
	left: 50px;
	width: 975px;
	line-height: 1.5em;
	visibility: visible;
}

#footer a{
color: #2D0013;
}

.copyright {
	position: absolute;
	top: 0px;
	left: 480px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2D0013;
	visibility: visible;
}

.footernav a {
	font-size: 12px;
	color: #2D0013;
	display: inline;
	list-style-type: none;
}

#wrapper .footernav {
	list-style-image: none;
	list-style-type: none;
	
}

#wrapper .footernav li {
	display: inline;
	
}

#wrapper .footernav li a {
	text-decoration: none;
	padding: .2em .5em;
	}

#wrapper .footernav li a:hover
{
color: #fff;
background-color: #2D0013;

}

/*---End Footer---*/

/*--About Page Specific Positioning--*/

#map{
	position: absolute;
	top: 615px;
	left: 465px;
	width: 400px;
	height: 300px;
}
	
/*---Event Info Page Specific Positioning---*/

#topimage{
	position: absolute;
	top:235px;
	left:0px;
	width: 300px;
	height: 200px;
	margin-left: 10px;
}
#topcontent{
	position: absolute;
	top:235px;
	left:340px;
	width: 525px;
	height: 200px;
	margin-right: 10px;
}
#middleimage{
	position: absolute;
	top:455px;
	left:0px;
	width: 300px;
	height: 200px;
	margin-left: 10px;
}
#middlecontent{
	position: absolute;
	top:455px;
	left:340px;
	width: 525px;
	height: 200px;
	margin-right: 10px;
}
#bottomimage{
	position: absolute;
	top:675px;
	left:0px;
	width: 300px;
	height: 200px;
	margin-left: 10px;
}
#bottomcontent{
	position: absolute;
	top:675px;
	left:340px;
	width: 525px;
	height: 200px;
	margin-right: 10px;
}

#dividerline1{
	position: absolute;
	top: 440px;
	left: 40px;
}
#dividerline2{
	position: absolute;
	top: 660px;
	left: 40px;
}

/*--- Red Thread Pages Specific Positioning---*/

#intro{
	position: absolute;
	top: 160px;
	left: 50px;
}

#thread1left{
	position: absolute;
	top: 350px;
	left: 160px;
	width: 250px;
	height: 200px;
	padding-left: 5px;
}

#thread1imageleft{
	position: absolute;
	top: 350px;
	left: 10px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

#thread1right{
	position: absolute;
	top: 350px;
	left: 610px;
	width: 250px;
	height: 200px;
	padding-right: 5px;
}

#thread1imageright{
	position: absolute;
	top: 350px;
	left: 455px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

#thread1leftbottom{
	position: absolute;
	top: 600px;
	left: 160px;
	width: 250px;
	height: 200px;
	padding-left: 5px;
}

#thread1imageleftbottom{
	position: absolute;
	top: 600px;
	left: 10px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

#thread1rightbottom{
	position: absolute;
	top: 600px;
	left: 610px;
	width: 250px;
	height: 200px;
	padding-right: 5px;
}

#thread1imagerightbottom{
	position: absolute;
	top: 600px;
	left: 455px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

/*---Page 2 of Red Thread Pages---*/

#thread2left{
	position: absolute;
	top: 250px;
	left: 160px;
	width: 250px;
	height: 200px;
	padding-left: 5px;
}

#thread2imageleft{
	position: absolute;
	top: 250px;
	left: 10px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

#thread2right{
	position: absolute;
	top: 250px;
	left: 610px;
	width: 250px;
	height: 200px;
	padding-left: 5px;
}

#thread2imageright{
	position: absolute;
	top: 250px;
	left: 460px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

#thread2leftbottom{
	position: absolute;
	top: 475px;
	left: 160px;
	width: 250px;
	height: 200px;
	padding-left: 5px;
}

#thread2imageleftbottom{
	position: absolute;
	top: 475px;
	left: 10px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

#thread2rightbottom{
	position: absolute;
	top: 475px;
	left: 610px;
	width: 250px;
	height: 200px;
	padding-right: 5px;
}

#thread2imagerightbottom{
	position: absolute;
	top: 475px;
	left: 460px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}
/*---Add'l third section on additional Red Thread pages at bottom---*/

#thread2leftthird{
	position: absolute;
	top: 705px;
	left: 160px;
	width: 250px;
	height: 200px;
	padding-left: 5px;
}

#thread2imageleftthird{
	position: absolute;
	top: 705px;
	left: 10px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

#thread2rightthird{
	position: absolute;
	top: 705px;
	left: 610px;
	width: 250px;
	height: 200px;
	padding-right: 5px;
}

#thread2imagerightthird{
	position: absolute;
	top: 705px;
	left: 460px;
	width: 150px;
	height: 200px;
	overflow:hidden;
}

/*---Lead in copy block found on Red Thread, Devotion, and Resource Pages*/
#leadcopy{
	position: absolute;
	top: 240px;
	left: 10px;
	width: 860px;
	height: 100px;
	padding-right: 5px;
}
/*---Navigation for changing between subpages for Red Threads and Devotions (not currently on Devotion pages as of 12/05/07*/
#pagenav{
	position: absolute;
	top: 910px;
	left: 710px;
	
}

/*---End Red Thread Page Specific Styling*/

/*---Contact Page Specific Styling---*/

/*---Form elements set to a class instead of a div for reuse---*/
.contactpagefieldset {
	position: absolute;
	top: 250px;
	left: 450px;
	width: 400px;
	height: 500px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: right;
}

.contactfield {
	display: block;
	height: 30px; 
	float: left;
	clear: left;
}

.contactlabel{
	text-align: right;
	padding-right: 5px;
}

/*---Labels are separate from form elements and justified to match to form element edges*/

.contactfieldphone {
	display: block;
	height: 50px; 
	float: left;
	clear: left;
}
/*---Checkbox field---*/
.contactfieldcheck {
	display: block;
	height: 30px; 
	float: left;
	clear: left;
}
/*---Comments field*/
.contactfieldcomment {
	display: block;
	height: 145px; 
	float: left;
	clear: left;
}
/*---Submit button---*/
.contactfieldsubmit {
	display: block;
	height: 125px; 
	float: left;
	clear: left;
}

/*---Applied floats to Spry form elements with labels inside the spans that are right aligned, they float up against the right edge and have padding, thus aligning them all along the right edge---*/

#sprytextfield1{
	float: right;
	padding-right: 5px;
}
#sprytextfield2{
	float: right;
	padding-right: 5px;
}
#sprytextfield3{
	float: right;
	padding-right: 5px;
}
#sprytextfield4{
	float: right;
	padding-right: 5px;
}
#sprytextfield5{
	float: right;
	padding-right: 5px;
}
#sprytextfield6{
	float: right;
	padding-right: 5px;
}
#sprytextfield8{
	float: right;
	padding-right: 5px;
}
#sprytextfield9{
	float: right;
	padding-right: 5px;
}
#sprytextfield10{
	float: right;
	padding-right: 5px;
	vertical-align: top;
}
/*---State/Province Select has to be further in since it's so short---*/
#spryselect1{
	float: right;
	padding-right: 130px;
}
#sprycheckbox1{
	float: right;
	padding-right: 5px;
	padding-bottom: 5px;
}
#reset{
	
	float: right;
	padding-right: 10px;
}
#submit{
	clear: right;
	float: right;
	padding-right: 5px;
}

#contactimage{
	position: absolute;
	top: 625px;
	left:0px;
}


/*---End Contact Page Specific Styling---*/

/*---Prayer Page Specific Styling--*/
.prayerpagefieldset {
	position: absolute;
	top: 465px;
	left: 450px;
	width: 400px;
	height: 325px;
	padding-top: 5px;
	padding-left: 5px;

}

#prayerlabels{
	position: absolute;
	top: 465px;
	left: 400px;
	text-align: right;
	width: 175px;
	padding-top: 10px;
	visibility: visible;
}

#prayerpagetitle{
	position: absolute;
	top: 400px;
	left: 25px;
	width: 400px;
	text-align:right;
}

/*---Content area dropped to lower placement to accomodate JS slideshow at top---*/
#prayermain{
	position: absolute;
	top: 450px;
	left: 25px;
	width: 400px;
	height: 450px;
	text-align:justify;
	line-height: 1.5em;
	margin-right: 10px;
	visibility: visible;
}

/*---End Prayer Page Specific Styling*/

/*---Home Page Specific Sytling---*/

/*--Experimental corner frame mount for content areas--*/

#bottomcorner{
	position: absolute;
	top: 620px;
	left: 745px;
}

/*---Prayer Request Graphic Button on Home Page, currently free floating awaiting other content to make sense on future placement---*/

#buttonholder{
	position: absolute;
	top: 770px;
	left: 470px;
	height: 100px;
	padding: 5px;
}

#buttonholder a img {
	text-decoration: none;
	border: 0;
	}

#buttonholder a:hover img {
	text-decoration: none;
	
}

/*---End Home Page Specific Styling*/
	
/*---Resource Page Specific Styling---*/

/*---Specialized content areas to accomodate leadcopy area and content within*/
#resourcesleftmain{
	position: absolute;
	top: 350px;
	left: 10px;
	width: 400px;
	height: 400px;
	text-align:justify;
	line-height: 1.5em;
	margin-right: 10px;
}

#resourcesrightmain{
	position: absolute;
	top: 350px;
	left: 470px;
	width: 400px;
	height: 400px;
	text-align:justify;
	line-height: 1.5em;
	margin-right: 10px;
}

/*---End Resource Page Specific Styling---*/

/*---Heartbridge Page Specific Styling---*/
#hbright{
	position: absolute;
	top: 235px;
	left: 665px;
	width: 215px;
	height: 200px;
	padding-right: 5px;
}

#hbimageright{
	position: absolute;
	top: 235px;
	left: 510px;
	width: 150px;
	height: 210px;
	overflow:hidden;
}

#hbbigimage{
	position: absolute;
	top: 475px;
	left: 535px;
}
/*---End Heartbridge Page Specific Styling---*/

#rpmfooter{
	position: relative;
	top: 225px;
	color: #FFFFFF;
}

#rpmfooter a {
	color:#660000;
}