/*
 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 
|                                                           |
|           St. John's United Church of Christ              |
|                   Main CSS Template                       |
|                                                           |
|  Developed By : Digicon Media Group - Christopher Miller  |
|                                                           |
|_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ rev. 3_ _|
*/

/*  MAIN STRUCTURE  */

body{
	margin:0;
	padding:0;
	background:#B8DBEF url(../images/bkg.jpg);
	background-repeat:repeat-x;
	}
#bannerwrapper{
	width: 924px;
	height: 71px;
	margin: 0 auto;
	padding: 30px 0px 0px 24px;
	background:transparent;
	}		

#wrapper{
	width: 948px;
	height: 500px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background:transparent;
	}	

#errorwrapper{
	width: 500px;
	height: 250px;
	margin: 0 auto;
	padding: 40px 0px 0px 0px;
	background:url(images/error/Ebkg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	}		

#clouds{
	width:100%;
	height:190px;
	background:url(../images/clouds.jpg);
	background-repeat:repeat-x;	
	}

#banner{
	width:721px;
	height:71px;
	background:url(../images/compbanner.png);
	padding-top:10px;
	}
		
#accent{
	height:445px;
	width:24px;
	float:left;
	}

#redtopL{
	width:24px;
	height:20px;
	background-image:url(../images/utility/redtopl.png);
	}
	
#redbottomL{
	width:24px;
	height:20px;
	background-image:url(../images/utility/redbottoml.png);
	}

#redbodyL{
	width:24px;
	height:393px;
	background-image:url(../images/utility/redbkgL.gif);
	}
	
#maincontent{
	width:701px;
	height:auto;
	background:url(../images/mainbkg.gif);
	float:left;
	padding-left:20px;
	padding-bottom:25px;
	}
	
#maincontent.extra{padding-bottom:55px;}	
	
#utlbox{
	height:445px;
	width:183px;
	background:transparent;
	float:left;
	}
	
#redtopR{
	width:183px;
	height:19px;
	background-image:url(../images/utility/redtopr.png);
	}
	
#redbottomR{
	width:183px;
	height:19px;
	background-image:url(../images/utility/redbottomr.png);
	}


#redbodyR{
	width:183px;
	height:407px;
	background-image:url(../images/utility/redbkgR.gif);
	background-repeat:repeat-y;
	}	
	

#footer{
	width:723px;
	height:26px;
	background:transparent;
	margin-left:24px;
	clear:both;
	}

#footcornL{
	width:26px;
	height:26px;
	background-image:url(../images/footer/bottomcornL.png);
	background-repeat:no-repeat;
	float:left;
	}
	
#footcornR{
	width:26px;
	height:26px;
	background-image:url(../images/footer/bottomcornR.png);
	float:left;
	background-repeat:no-repeat;
	}

#footerbody{
	width:668px;
	height:26px;
	background-image:url(../images/footer/bottomcent.gif);
	float:left;
	}

#copyright{
	width:auto;
	height:auto;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	}
	
#footernav{
	width:auto;
	height:auto;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
	margin: 0px;
	padding:0px;
	}
	
#footernav ul {
	width: auto;
	display: inline;
	margin-top:0px;
	padding:0px;
	}

#footernav li {
	list-style: none;
	white-space: nowrap;
	display: inline;
	margin-right:6px;
	margin-top:0px;
	padding:0px 6px 0px 0px;
	border-right:1px dotted #006699;
	}
	
#footernav ul li.last {
	border-right: none;
	}
	
#footernav a{
	color:#999999;
	text-decoration:none;
	}
	
#footernav a:hover{
	color:#25445A;
	text-decoration:none;
	}


	
#navigation {
	width: 675px;
	margin: 15px 0 0 0;
	border-bottom: 5px solid #e7eff5;
	display: inline;
	float: left;
	padding-left:0px;
	}

#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	display: inline;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
#navigation a {
	margin: 0 2px 0 0; 
	padding: 0 0 0 14px;
	color: #ffffff;	 
	font-size: 12px;  	
	text-transform: lowercase;
	background: url('/images/nav/Lnav.gif') no-repeat left top;
	display: inline;
	float: left;
	text-decoration:none;
	cursor: pointer;
	}
	
#navigation a span {    
	padding: 5px 14px 6px 0;  
	background: url('/images/nav/Rnav.gif') no-repeat right top;
	display: block;
	float: left;
	white-space: nowrap;
	cursor: pointer;
	}

	
#navigation a:hover {
	background: url('../images/nav/Lnav.gif') no-repeat 0 -52px;
	}

#navigation a:hover span {
	background: url('../images/nav/Rnav.gif') no-repeat 100% -52px;
	}

body.home #navigation #home,

body.about #navigation #about,

body.worship #navigation #worship,

body.music #navigation #music,

body.news #navigation #news,

body.orgs #navigation #orgs,

body.portal #navigation #portal,

body.contact #navigation #contact {background: url('../images/nav/Lnav.gif') no-repeat 0 -104px;}


body.home #navigation #home span,

body.about #navigation #about span,

body.worship #navigation #worship span,

body.music #navigation #music span,

body.news #navigation #news span,

body.orgs #navigation #orgs span,

body.portal #navigation #portal span,

body.contact #navigation #contact span {background: url('../images/nav/Rnav.gif') no-repeat 100% -104px;}


#verseholder{
	width:232px;
	height:172px;
	margin: 15px 0px 0px 0px;
	float:left;
	}

#phraseholder{
	width:425px;
	height:172px;
	background:url(../images/joinimg.jpg);
	float:left;
	margin-left:20px;
	margin-top:15px;
	padding: 0px;
	}

#treebar{
	width:677px;
	height:23px;
	background:url(../images/centerbar.gif);
	float:left;
	margin:10px 0px 0px 0px;
	}
	
#treebar p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:1.5px;
	color:#25445A;
	text-align:center;
	padding-top:2px;
	margin-top:2px;
	}

#maintxthouse{
	width:425px;
	height:auto;
	float:left;
	margin:30px 0px 0px 20px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#254765;
	text-align:left;
	}
	
#mainreghouse{
	width:630px;
	height:auto;
	float:left;
	margin:30px 0px 0px 25px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#254765;
	text-align:left;
	}		
#maintxthouse #header{
	width:400px;
	height:20px;
	text-align:left;
	}
#maintxthouse #headerdrop{
	width:400px;
	height:25px;
	text-align:left;
	}	
/*PORTAL HEADER*/
#mainreghouse #header{
	width:350px;
	height:20px;
	background-image:url(../images/headers/pregheader.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}
	
#content{
	margin-top:15px;
	line-height:170%;
	word-spacing:1px;	
	}


.invalidInput{
	background:#FFECEC;
	display: block;
	width:140px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	padding:3px;
	border:1px solid #FF0000;
	}	

.invalidInputLong{
	background:#FFECEC;
	display: block;
	width:200px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	padding:3px;
	border:1px solid #FF0000;
	}	

#content.short{
	margin-top:10px;
	}
	
#content p{
	margin:8px 0px 0px 0px;
	padding:0px;
	}
	
#content p.first{
	margin-top:0px;
	}

#valid{
	width:680px;
	height:12px;
	margin:3px 0px 0px 24px;
	padding:0px 0px 0px 0px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#006699;
	text-align:right;
	}

/*  VALIDATION NOTIFIER  */


#valid a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#006699;
	text-decoration:none;
	}	
	
#valid a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#990000;
	text-decoration:underline;
	}		


#contactbox{
	width:183px;
	padding:10px 0px 0px 10px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#25445A;	
	}
#contactbox h1{
	font-weight:bold;
	font-size:12px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	}
	
#reghousing h1{
	font-size:20px;
	color:#009933;
	text-align:center;
	margin:10px 0px 10px 0px;
	}	

#reghousing p{
	text-align:left;
	font-size:14px;
	margin:0px;
	color:#014F6B;

	}
	
#reghousing p.top{
	text-align:center;
	font-size:14px;
	margin:0px;
	padding-top:20px;
	}

#contactbox p{
	font-size:11px;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:0px;
	}
			
#contactbox p a{
	color:#25445A;	
	text-decoration:none
	}			

#contactbox p a:hover{
	color:#006699;	
	text-decoration:none
	}
				
/*  LOWER NAVIGATION  */
#lowernav{
	width:232px;
	height:auto;
	margin:15px 0px 0px 0px;
	float:left;
	}	
	
#topper{
	width:232px;
	height:65px;
	background-image:url(../images/nav/navtopper.jpg);
	}
		
#lowernavtop{
	width:232px;
	height:32px;
	background:url(../images/nav/smnavtop.gif);
	}
#lowernavtops{
	width:232px;
	height:32px;
	background:url(../images/nav/smnavtopsermon.gif);
	}
#lowernavtopreg{
	width:232px;
	height:24px;
	background:url(../images/nav/smnavtopblank.gif);
	}
#lowernavbody{
	width:232px;
	height:100px;
	background:#DBE7F2;
	}
#lowernavbodya{
	width:232px;
	height:auto;
	background:#DBE7F2;
	}

#lowernavbodya.home{padding:10px 0px 0px 0px;}		

#lowernavbottom{
	width:232px;
	height:24px;
	background:url(../images/nav/smnavbottom.gif);
	}
#lowernav ul{
	padding:0px 0px 0px 17px;
	margin:0px 0px 0px 0px;
	}	
#lowernav ul li {
	margin: 0; 
	padding: 4px 0;
	background: none;
	list-style:none;
	}

#lowernav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	height: 28px;
	font-weight: bold;
	line-height: 26px;
	background: transparent url('../images/nav/subnavbox.gif') no-repeat 0 0;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 22px;
	color: #2b5275;
	}

#lowernav ul li a:hover {background-position: 0 -28px;}
#lowernav ul li a.active {background-position: 0 -56px; color:#699bc9;}


#lowernav ul ul li {
	margin: 0px; 
	padding: 0px;
	}

#lowernav ul ul li a {
	margin: 0px 17px 0px 5px; 
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 10px;
	font-weight: normal;
	background: transparent url('../images/nav/navarrow.gif') no-repeat 0 50%;
	color: #2b5275;
	}

#lowernav ul ul li a:hover,
#lowernav ul ul li a.active {
	background: transparent url('../images/nav/navarrow.gif') no-repeat 0 50%;
	color: #73a1cc;
	}
	
/*NEW SUB SUB*/	

#lowernav ul li ul li ul li {
	margin: 0px; 
	padding: 0px;
	}

#lowernav ul li ul li ul li a {
	margin: 0px 17px 0px 5px; 
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 10px;
	font-weight: normal;
	background: transparent url('../images/nav/navarrow.gif') no-repeat 0 50%;
	color: #2b5275;
	}

#lowernav ul li ul li ul li a:hover,
#lowernav ul li ul li ul li a.active {
	background: transparent url('../images/nav/navarrow.gif') no-repeat 0 50%;
	color: #73a1cc;
	}


/*END NEW SUB SUB*/	
	
#lowernav ul li.nospace{
	padding-top:0px;
	}
#lowernav ul ul li.spkr a {
	margin: 0px 17px 0px 5px; 
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 17px;
	font-weight: normal;
	background: transparent url('../images/nav/spkr.jpg') no-repeat 0 50%;
	color: #2b5275;
	}

#lowernav ul ul li.spkr a:hover{
	background: transparent url('../images/nav/spkr.jpg') no-repeat 0 50%;
	color: #73a1cc;
	}

#lowernav ul ul ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#818181;
	margin:0px 0px 4px 10px;
	padding:0px 0px 0px 0px;
	line-height:11px;
	}

/*  PORTAL LOGIN BOX  */
#portalcontainer{
	height:95px;
	width:153px;
	padding:0px 10px 0px 20px;
	margin:0px;
	float:left;
	}

#portalcontainer.portal{
	height:95px;
	width:153px;
	padding:0px;
	margin:0px;
	float:left;
	padding:0px 10px 0px 20px;
}

#portalcontainer h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 0 0 0;
	margin:3px 0 0 5px;
	}

#portalcontainer h4 a{
	color:#FFFFCC;
	text-decoration:none;
	}

#portalcontainer h4 a:hover{
	color:#FFFF00;
	text-decoration:none;
	}
	
#portalcontainer h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
	margin-bottom:20px;
	color:#FFFFFF;
	}
#portalcontainer h1.nobottom{
	margin-bottom:0px;
	}

#portalcontainer h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:0px;
	color:#FFFFFF;
	}

#newsnewscontainer h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	color:#FFFFFF;
	}
		
#portalcontainer h2 a{
	width:140px;
	height:11px;
	background: #990000 url(images/utility/wtarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFCC;
	float:left;
 	padding:0px 0px 0px 14px;
	margin:4px 0px 4px 0px; 
	text-decoration:none;
	}
	
#portalcontainer h2 a:hover{color:#FFFFFF;}
	
	
.formation{
	padding:0px;
	margin:0px;
	}
	
#username{
	height:22px;
	width:147px;
	background:url(images/utility/input.gif);
	background-repeat:no-repeat;
	margin:5px 0px 0px 0px;
	padding:0px;
	}
#password{
	height:22px;
	width:147px;
	background:url(images/utility/input.gif);
	background-repeat:no-repeat;
	margin:8px 0px 0px 0px;
	padding:0px;
	}

#username.r{
	background:url(images/utility/inputr.gif);
	height:22px;
	width:147px;
	background-repeat:no-repeat;
	margin:8px 0px 0px 0px;
	padding:0px;
	}
#password.r{
	background:url(images/utility/inputr.gif);
	height:22px;
	width:147px;
	background-repeat:no-repeat;
	margin:8px 0px 0px 0px;
	padding:0px;
	}
	
.utllogin{
	width:135px;
	height:14px;
	border-style:none;
	margin:3px 0px 0px 5px;
	background-color:#ECF2F7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003A75;
	padding:0px;
	}

.utlloginr{
	width:135px;
	height:14px;
	border-style:none;
	margin:3px 0px 0px 5px;
	background-color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0px;
	}
	
#login{
	margin-top:8px;
	height: 25px;
	float: left;
	width: 76px;
	}
	
.custombutton {
 	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px; 
	border:none;
	background:none;
	cursor:pointer;
	height: 25px;
	width: 76px;
	float:left;
	}

#frgtnpw a{
	width:140px;
	height:11px;
	background: #990000 url(images/utility/wtarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFD7D7;
	float:left;
 	padding:0px 0px 0px 14px;
	margin:7px 0px 4px 0px; 
	text-decoration:none;
	}
	
#frgtnpw a:hover{
	color:#FFFFFF;
	}	
	
#portalcontainer p.redhr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#F7E8E8;
 	padding:0px 0px 0px 0px;
	margin:5px 0px 11px 0px; 
	width:150px;
	height:2px;
	background-image:url(../images/utility/redhr1.gif);
	background-repeat:repeat-x;
	float:left;
	}	
	
#lncontainer{
	height:10px;
	width:153px;
	margin-top:60px;
	padding-left:20px;
	padding-right:10px;
	padding-top:0px;
	float:left;
	}
	
#lncontainer.portal{
	height:10px;
	width:153px;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	float:left;
	text-align:center;
	}	


#lncontainer.portal img{
padding-left:15px;
}

#lncontainer.portal p{
	margin:0px 0px 4px 0px;
}
	
#newscontainer{
	width:153px;
	height:auto;
	margin-top:0px;
	}

#newsbutton{
	margin:0px 0px 0px 0px;
	height: 25px;
	width: 113px;
	padding:0px 0px 0px 0px;
	}
a img {
	border: 0;
	}		

/*  RSS  */

#newscontainer h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	margin:0px 0px 3px 0px;
	line-height:120%;
	}

#newscontainer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#F7E8E8;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:100%;
	}

.read{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	}

.read a{
	width:100px;
	background-image:url(../images/utility/wtarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFCCCC;
	padding-left:14px;
	text-decoration:none;
	margin-bottom: 0px;
	margin-top:0px;
	}

.read a:hover{
	width:100px;
	background-image:url(../images/utility/wtarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:14px;
	text-decoration:none;
	margin-bottom: 0px;
	margin-top:0px;
	}
	
#newscontainer p.redhr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#F7E8E8;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:5px;
	margin-bottom:8px;
	width:150px;
	height:2px;
	background-image:url(../images/utility/redhr1.gif);
	background-repeat:repeat-x;
	}

#content h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#990000;
	padding:0px;
	margin:0px 0px 4px 0px;
	line-height:100%;
	}

#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#550000;
	padding:0px;
	margin:25px 0px 10px 30px;
	line-height:100%;
	}
#content h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#550000;
	padding:0px;
	margin:25px 0px 10px 0px;
	line-height:100%;
	}
	
h6{
	padding:0px;
	margin:0px 0px 0px 0px;	
	color:#003366;
	font-size:14px;
	}
	
h6 a{
	color:#003366;
	}

h6 a:hover{
	color:#990000;
	}		
	
#content h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-decoration:underline;
	color:#006699;
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:100%;
	text-align:center;
	}
#content h3.second{margin-top:30px;}	
#content h2 span{
	font-size:10px;
	font-weight:normal;
	margin:0px 0px 0px 25px;
	line-height:100%;
	color:#006699;
	}

#content h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-decoration:underline;
	color:#990000;
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:100%;
	text-align:center;
	}

#content p.contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 7px 50px;
	padding:0px 0px 0px 0px;
	line-height:100%;	
	}

#content p.sch{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	font-weight:bold;	
	text-align:center;
	}	

#content p.contact a{
	color:#254765;
	text-decoration:none;	
	}

#content p.contact a:hover{
	color:#006699;
	text-decoration:none;	
	}

#content p.direction{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	text-align:center;	
	}
	
#content p.rss{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#254765;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:3px;
	margin-bottom:15px;
	line-height:135%;
	}

#content p.pubdate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	color:#333333;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:10px;
	line-height:100%;
	}

#trail{
	background: transparent url('../images/nav/urhere.gif') no-repeat 0 25%;
	text-transform: lowercase;
	width: auto;
	height: 29px;
	float: left;
	margin-top: 0px;
	padding-left: 113px;
	display: inline;
	border: none;
	}

#trail ul{
	margin: 3px 0;
	padding: 0;
	float: left;
	list-style:none;
	}

#trail ul li {
	margin: 0;
	padding: 0 15px 0 0;
	float: left;
	background: transparent url('../images/nav/urarrow.gif') no-repeat 100% 50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#73a1cc;
	}

#trail ul li.last {
	padding: 0;
	margin-left: 9px;
	background: none;
	}

#trail a {
	padding: 0 0 0 9px;
	margin: 0;
	background: none;
	float: left;
	text-decoration:none;
	color:#73a1cc;
	}

#trail a:hover {
	color:#006699;
	}

/*  STAFF Picture Boxes  */

#joelbox{
	height:200px;
	width:124px;
	background:url(images/staff/joel.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:148px;
	}
#cindybox{
	height:200px;
	width:124px;
	background-image:url(images/staff/kaye.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:12px;
	}

#heatherbox{
	height:200px;
	width:124px;
	background-image:url(images/staff/heather.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:12px;
	}
#shirlybox{
	height:200px;
	width:124px;
	background-image:url(images/staff/shirly.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:12px;
	}
#ronbox{
	height:200px;
	width:124px;
	background-image:url(images/staff/ron.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:12px;
	}
#kayebox{
	height:200px;
	width:124px;
	background-image:url(images/staff/kaye.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:12px;
	}
#peggybox{
	height:200px;
	width:124px;
	background-image:url(images/staff/dnf.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:12px;
	}
#content p.staffname{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	line-height:100%;
	font-weight:bold;
	padding-top:170px;
	}
	
#content p a{
	font-style:italic;
	color:#254765;
	text-decoration:none;
	}

#content p.indent{text-indent:25px;}

#content p.signtag{text-indent:100px;}
#content p.signature{
	text-indent:200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#content p a:hover{
	font-style:italic;
	color:#990000;
	text-decoration:underline;
	}

#content dl{
	line-height:100%;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	}

#content dt{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	font-variant:small-caps;
	color:#620000;
	font-size:15px;
	}
#content dd{
	margin:0px 0px 20px 20px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	}
	
#content dd.more{
	margin-bottom:5px;
	}
			
#content p.title{
	padding:0px;
	margin:2px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	line-height:100%;
	font-weight:normal;
	}
#staffL1{
	width:425px;
	height:200px;
	float:left;
	margin-bottom:15px;
	}
	
#staffL2{
	width:425px;
	height:200px;
	float:left;
	margin-bottom:15px;
	}
	
#staffL3{
	width:425px;
	height:200px;
	float:left;
	margin-bottom:15px;
	}	
	
#tourholder{
	width:425px;
	height:150px;
	float:left;
	margin-top:15px;
	}	
	
#sancholder{
	width:140px;
	height:150px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	float:left;
	}
#asrholder{
	width:140px;
	height:150px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	float:left;
	}	
#socholder{
	width:140px;
	height:150px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	float:left;
	}
				
#player{
	width:207px;
	height:16px;
	margin:10px 0px 0px 24px;
	padding:0px;
	}		

#dirhouse{
	width:230px;
	height:auto;
	background:#DDEEFF;
	padding:10px;
	border:2px #990000 solid;
	margin-left:85px;
	}
	
#dirhouse table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
.label{
	text-align:right;
	padding-right:10px;
	}

.button{margin-left:15px;}	

#services{
	width:425px;
	height:auto;
	float:left;
	padding-top:40px;	
	}
.srv{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#003366;
	}	
#formhouse{
	width:350px;
	padding:0px;
	margin:0px 0px 0px 0px;
	height:300px;
	line-height:15px;
	float:left;
	}
	
#alerthouse{
	width:100px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:300px;
	background:#00FFCC;
	float:left;
	}	

#horizontalForm{
	width:360px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	line-height:15px;
	background:url(images/other/fieldset.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border:none;
	}

#horizontalForm fieldset
{
	display: block;
	margin:10px 0px 0px 0px;
	padding:5px 0px 8px 0px;
	line-height:15px;
	border:none;
}

#reghousing fieldset
{
	display: block;
	margin:10px 0px 0px 0px;
	padding:5px 0px 8px 0px;
	border:none;
}

#horizontalForm input.text
{
	display: block;
	width:140px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	margin:0px 0px 0px 0px;
	padding:3px;
	border:1px solid #ccc;
	line-height:15px;
}

#horizontalForm input.textlong
{
	display: block;
	width:200px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	margin:0px 0px 0px 0px;
	padding:3px;
	border:1px solid #ccc;
	line-height:15px;
}

#horizontalForm input.submit
{
	font-size:12px;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	clear: both;
	height:26px;
	width:100px;
	float:right;
	line-height:15px;
}

#horizontalForm label
{
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	float: left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:15px;
	font-size:12px;
}

#horizontalForm span{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:340px;
	height:auto;
	float:left;
	line-height:15px;
	}

#horizontalForm span.r{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	line-height:15px;
	}
#mainreghouseb #headerb{
	width:350px;
	height:20px;
	background-image:url(../images/headers/welcometxt.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}
	
#contentb{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:170%;
	word-spacing:1px;	
	}
	
#mainreghouseb{
	width:630px;
	height:auto;
	float:left;
	margin:30px 0px 0px 25px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#254765;
	text-align:left;
	}
	
#reghousing{
	font-family:Arial, Helvetica, sans-serif;
	width:677px;
	height:auto;
	padding:15px 0px 0px 10px;
	margin:0px;
	clear:both;
	}
	
#reghousing #header{
	width:350px;
	height:25px;
	text-align:left;
	}
		
#reghousing #regdirections span{color:#D20000;}

#reghousing #formhousing{
	width:390px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
	margin-bottom:20px;
	}	
		
#reghousing #alerthousing{
	background:url(images/other/warning.gif);
	background-repeat:no-repeat;
	width:278px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:40px 0px 0px 0px;	
	margin:35px 0px 0px 0px;
	color:#D90000;
	display:none;
	}		
	
#alerthousing ul{
	padding:0px 0px 0px 0px;	
	margin:0px 0px 0px 0px;
	background:transparent;
	
	}

#alerthousing ul li{
	display:none;
	padding:0px 0px 0px 0px;	
	margin:0px 0px 13px 8px;
	list-style-type:none;
	background:transparent;
	}	
	
.unchk{
	height:23px;
	width:164px;
	float:left;
	margin-top:22px;
	margin-left:5px;
	padding-top:2px;
	}
	
.regkeychk{
	height:23px;
	width:164px;
	float:left;
	margin-top:22px;
	margin-left:5px;
	padding-top:2px;
	}	
	
#content h3.storytitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#990000;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	}
	
#content h3.storytitle a{
	color:#590000;
}

#content h3.storytitle a:hover{
	color:#B30000;
}

#content h3.storytitle a:visited{
	color:#590000;
}		

#content h2.dater{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	color:#000000;
	font-size:12px;
	}
	
#content h2.postcomment{
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}	
	
.feedback{
	margin:3px 0px 35px 0px;
	color:#590000;
	font-size:12px;
	}
.feedback a{
	color:#590000;
}
.feedback a:hover{
	color:#0066CC;
	}

p form textarea.commentbox{
	width:400px;
	}
	
#mainlink{
	width:215px;
	height:60px;
	margin:0px 0px 0px 15px;
	cursor:pointer;
	}
	
#main-content ul{
margin:0px;
padding:0px;
}
	
#main-content li{
	width:135px;
	height:92px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	background:#FFF;
	padding:7px 5px 5px 5px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}


#main-content li.gallery{
	width:83px;
	height:57px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	background:#FFF;
	padding:4px 2px 2px 3px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

#main-content  a span{
	position:absolute;
	left:-9999px;
}

#main-content a:hover span{	
	top:5px;
	left:7px;
	width:130px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 4px 0;
	text-decoration:none;
}

#RFLteam1{
	width:190px;
	height:auto;
	float:left;
	margin:20px 15px 20px 20px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	} 					
	
#RFLteam2{
	width:190px;
	height:auto;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	} 	
						
#RFLteam1 p{
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	color:#993399;
	} 					
	
#RFLteam2 p{
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	color:#993399;
	}
	
#RFLteam1 p.header{
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 6px 0px;
	color:#310062;
	} 					
	
#RFLteam2 p.header{
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 6px 0px;
	color:#310062;
	}
	
#directory {
	margin:20px 0 0 80px;
	padding:0px;
	background: url('/images/other/dirlaunch.jpg') no-repeat right top;
	width:228px;
	height:62px;
	}

#directory:hover {
	background: url('/images/other/dirlaunch.jpg') no-repeat -2px -63px;
	cursor:pointer;
	}

#subscribeform{
	margin-top:30px;
	padding-left:0px;
	}

#subscribeform fieldset { 
	border:0;
	margin:0;
	padding:0; 
	text-align:center;
	}

#subscribeform input.submit { 
	margin-top:20px;
	padding:10px 10px 10px 10px;
	font:bold 12px/12px verdana,arial,sans-serif;
	}
#subscribeform input.submittwo { 
	margin-top:20px;
	padding:10px 10px 10px 10px;
	font:bold 12px/12px verdana,arial,sans-serif;
	}
	
#prayerlist{
	line-height:100%;
	font-size:12px;
	color:#5B0000;
	text-align:left;
	}
#prayerlist table{
	border:none;
	margin:30px 0 0 65px;
	}
	
#prayerlist tr{
	height:17px;
	}	

#prayerlist td{
	width:150px;
	}	
#log{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	}
#log_res.ajax-loading {
	margin-left:4px;
	height:20px;
	background:url(../images/utility/loading.gif) no-repeat left;
}

#newser fieldset { border:0;margin:0;padding:0; }
#newser label { display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin-top:5px;}
#newser input.text,textarea { width:140px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
#newser input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; margin-top:15px; }


#newser{
	padding:0px;
	margin:0px;	
	}
	
	
#log.request{
	color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	clear:both;
	}
	
#log.subscribe{
	color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0 0px;
	clear:both;
	text-align:center;
	padding:0px;
	height:20px;
	}

#log_ren{
margin:0px;
padding:0px;
}
		
#log_ren.ajax-loading {
	margin:0 0 0 4px;
	height:20px;
	background:url(../images/utility/longloader.gif) no-repeat top center;
	text-align:center;
}					 	 							 	 			

#log_ren.ajax-loadings {
	margin:0 0 0 4px;
	height:20px;
	background:url(../images/utility/longloader.gif) no-repeat left;
	text-align:center;
}

#log_ren.ajax-loadingss {
	margin:0 0 0 0px;
	height:20px;
	background:url(../images/utility/longloader.gif) no-repeat center;
	text-align:center;
}


#subscribeform form{
	width:113px;
	height:65px;
	float:left;
	}
#subscribeform form.first{
	margin:0 0 0 105px;
	}
	
#subscribeform input.One{
	padding:10px;
	width:90px;
	}	

#subscribeform input.Two{
	padding:10px;
	width:105px;
	}	
	
form.recover{
	text-align:center;
	}
	
form.recover input.toppp{
	margin-top:25px;
	}		
	
	
form.recover input.gogo{
	margin-top:15px;
	}	

input.longemail{
	width:250px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	margin:0px 0px 0px 0px;
	padding:3px;
	border:1px solid #ccc;	
	}
	
p.visitheading{
	text-align:center;
	font-weight:bold;
	}			
	
table.live{
	line-height:100%;
	width:405px;
	margin-left:15px;
	margin-top:10px;
	}		
	
table.live tr{
	height:30px;
	}
table.live td.letter{
	font-size:36px;
	text-align:center;
	font-weight:bold;
	padding-right:15px;
	line-height:100%;
	
	}
table.live td{
	padding-bottom:10px;
	}
	
#browser{
	margin-top:15px;
	text-align:center;
	font-size:11px;
	display:none;
	}
#browser p{
	line-height:100%;
	color:#990000;
	}
	
#browser p a{
	color:#990000;
	text-decoration:none;
	font-style:italic;
	}
	
#browser p a:hover{
	color:#33628C;
	text-decoration:underline;
	}	
	
li.mission{
line-height:110%;
margin-bottom:10px;
}

#FARAHolder{
	margin: 30px 0 0 60px;
	height:110px;
	width:138px;
}

#browsercheck_warning{background:url(images/other/bg.gif);}

#vbs{
	margin:25px 0 0 10px;}