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

background-color:#000000;
background-position:top center;
background-repeat:no-repeat;
background-attachment: fixed;
margin-top:0px;
}
#wrapper {
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:center;}
	
	
/* Header stuff */
#logoholder {
position:absolute;
top:60px;
left:0px;
}
#yellowtriangle {
position:absolute;
left:881px;
top:0px;
background-image:url(images/misc/yellowtriangle.png);
width:79px;
height:52px;
}
#sloganholder {
position:absolute;
left:528px;
top:60px;
background-image:url(images/misc/slogan.png);
background-repeat:no-repeat;
width:446px;
height:25px;
}#menuholder {
position:absolute;
top:8px;
left:0px;
height:24px;
width:595px;
background-color:#ffde00;
z-index:10000;
}

/* Footer Style */
#footerholder {
position:absolute;
top:840px;
left:0px;
background-image:url(images/misc/address.png);
width:750px;
height:17px;
}
#footerholderrel {
position:relative;
top:20px;
left:0px;
background-image:url(images/misc/address.png);
width:750px;
height:17px;
}
#footermenuholderrel{
position:relative;
top:20px;
left:838px;
background-color:#ffde00;
width:138px;
height:26px;
}
#footermenuholder{
position:absolute;
top:860px;
left:838px;
background-color:#ffde00;
width:138px;
height:26px;
}
#f1{
display:inline}
#f2{display:inline}
#f3{display:inline}
#f4{display:inline}
#footerhoverescardia{position:absolute;
	left:0px;
	top:-20px;
	visibility:hidden;}
#footerhoverpfj{position:absolute;
	left:35px;
	top:-20px;
	visibility:hidden;}
#footerhoverimpact{position:absolute;
	left:2px;
	top:-20px;
	visibility:hidden;}
#footerhoversmm{position:absolute;
	left:12px;
	top:-20px;visibility:hidden;}
	

/* Menu styles */
#menuinner
{	margin: 0;
#margin-left: -4px;
	padding: 0;
	z-index: 30;
	width:700px;
	border:none;
		}

#menuinner li
{	margin: 0;
	padding: 0;
	list-style: none;
	font-family:Helvetica, Arial, sans-serif;
	float: left;
	height:24px;
	border:none;
	}
.m1
{width:68px;
border:none;
	}
.m2
{width:81px;
border:none;
	}
.m3
{width:73px;
border:none;
	}
.m4
{width:74px;
border:none;
	}
.m5
{width:97px;
border:none;
	}
.m6
{width:89px;
border:none;
	}
.m7
{width:119px;
border:none;
	}
	.m8
{width:98px;
border:none;
	}
#m1
{min-width:68px;border:none;#left:0px;
	}
#m2
{min-width:81px;border:none;#left:74px;
	}
#m3
{min-width:73px;border:none;#left:151px;
	}
#m4
{min-width:74px;border:none;#left:0px;
	}
#m5
{min-width:97px;border:none;#left:310px;
	}
#m6
{min-width:89px;border:none;#left:403px;
	}
#m7
{min-width:119px;border:none;#left:450px;
	}
	#m8
{min-width:98px;border:none;
	}

#menuinner li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	width: 60px;
	background:#ffde00;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border:none;}

#menuinner li a:hover
{	background:#ffde00;border:none;}

#menuinner div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background-color:#ffde00;;
	border: none}

	#menuinner div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color:#000000;
		font-family:Helvetica, Arial, sans-serif;
		font-size:11px;
		border:none;}

	#menuinner div a:hover
	{	background:#000000;
		color:#ffde00;border:none;}

/*Custom Scroll pane */
.scroll-pane 		{ width: 800px; overflow:scroll; padding-right: 10px; height: 230px;  margin-left:10px;}
.test-scroll-pane 		{ width: 800px; overflow:scroll; padding-right: 10px; height: 190px;  margin-left:10px;}
.calendar-scroll-pane 		{ width: 355px; overflow:scroll; padding-right: 10px;}



.bottomshadow 		{ position: absolute; top: 375px; left: -47px; z-index: 9999; }

.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; margin-top:20px; }

.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 1px; top: 0; height: 100%;
						  background: url(images/misc/sliderback.jpg) top center repeat-y; padding: 3px; }

.jScrollPaneDrag	{ position: absolute; background: center center no-repeat;
background-image:url(/images/misc/sliderknob.jpg);
					  cursor: pointer; overflow: hidden; }
										  
				  
/*Functions*/
.imagenoborder {
border:none;
}
.imagenoborder a{
background-color:none;
}
#homeaboutboxholder {
position:absolute;
top:190px;
	left:660px;}
/*Home specific*/
#homeaboutbox {
	position:relative;
	top:0px;
	left:0px;
	width:314px;
	height:122px;
	background-color:#ffde00;
	}
#homeaboutboxtrans {
position:relative;
top:0px;
left:0px;
width:314px;
	height:38px;
	background-image:url(images/home/churchtime.png)
}
.aboutboxtitle {
position:relative;
top:15px;
width:100%;
margin-bottom:18px;
}

.homeabouttext {
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#000000;
margin-left:10px;
margin-right:10px;
text-align:left;
height:70px;
}
.homeabouttext a{
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
background-color:#d8bc00;
text-decoration:none;
}
.homeabouttext a:hover {
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#ffde00;
background-color:#000000;
}
.babltext {
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#000000;
margin-left:10px;
margin-right:10px;
text-align:left;
height:70px;
}
.babltext a{
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
background-color:#d8bc00;
text-decoration:none;
}
.babltext a:hover {
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#ffde00;
background-color:#000000;
}
#photospanel2 {
position:relative;
left:10px;
}
#photospanel2 a{
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
background-color:#d8bc00;
text-decoration:none;
}

#photospanel2 a:hover {
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#ffde00;
background-color:#000000;
}

#sliderholder {
position:absolute;
top:415px;
left:50px;
}
#leftarrow {
position:absolute;
top:190px;
left:15px;
}
#rightarrow {
position:absolute;
top:190px;
left:235px;
}
#eventstitle {
position:absolute;
top:150px;
left:280px;
}
#eventscalendar {
position:absolute;
top:120px;
left:347px;
}
/*other specific*/

#normaltexttotal {
position:absolute;
width:975px;
height:375px;
left:0px;
top:400px;
}
#event-texttotal {
position:absolute;
width:975px;
height:315px;
left:0px;
top:500px;
}
#calendar-texttotal {
position:absolute;
width:377px;
height:500px;
left:600px;
top:60px;
}
#audiotest-texttotal {
position:absolute;
width:377px;
height:120px;
left:600px;
top:60px;
}
#normaltextwrapper {
width:825px;
float:right;
background-color:#ffde00;
height:100%;
}
#calendartextwrapper {
position:absolute;
top:50px;
width:355px;
padding-left:20px;
float:right;
background-color:#ffde00;
height:100%;
}
.testtext {
font-family:Helvetica, Arial,  sans-serif;
font-size:12px;

}
#audiotesttextwrapper {
position:absolute;
top:50px;
width:355px;
padding-left:20px;
float:right;
background-color:#ffde00;
height:100%;
}
#normaltexttransparent{
position:relative;
top:0px;
left:0px;
float:left;
margin:0 0 0 0;
}
.normaltexttitle {
	position:absolute;
	top:14px;
	left:167px;
	width:800px;
	text-align:left;
	height:31px;
	overflow:hidden;
	margin-top:5px;
	padding-left:5px;
	float:right
}
.calendartexttitle {
	position:absolute;
	top:10px;
	left:17px;
	width:200px;
	text-align:left;
	height:31px;
	overflow:hidden;
	margin-top:5px;
	padding-left:5px;
	float:right
}
.normaltexttitlerel {
	position:relative;
	top:10px;
	left:15px;
	width:800px;
	text-align:left;
	height:31px;
		padding-left:5px;
		margin-bottom:20px;
	
}
.calendartitle {
font-family:Helvetica, Arial, sans-serif;
font-size:24px;
font-weight:bold;
margin-top:15px;}
.calendarentry{font-family:Helvetica, Arial, sans-serif;
font-size:12px;}
.calendarentry a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#d8bc00;
	text-decoration:none;}
.calendarentry a:hover {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#ffde00;
	background-color:#000000;
	text-decoration:none;
}
#column {
	position:absolute;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	width:822px;
	top:40px;
	#top:60px;
	float:right;
	padding-right:20px;
	text-align:left;
	#left:160px;
}
#testcolumn {
	position:absolute;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	width:822px;
	top:90px;
	float:right;
	padding-right:20px;
	text-align:left;
}
#audiotestcolumn {
	position:absolute;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	width:198px;
	top:12px;
	float:right;
	padding-right:20px;
	text-align:left;
	left: 0px;
}
#eventspagecolumn {
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	width:750px;
	top:50px;
	float:left;
	text-align:left;
	left:0px;
	padding-top:5px;
}
#eventscolumn {
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	width:800px;
	top:50px;
	float:right;
	text-align:left;
	left:0px
}
#eventscolumn a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#d8bc00;
	text-decoration:none;
}
#eventscolumn a:hover {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#ffde00;
	background-color:#000000;
	text-decoration:none;
}

#calendarcolumn {
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	width:340px;
	padding-right:22px;
	top:100px;
	text-align:left;
	left:12px;
	height:430px;
	overflow:scroll;
}
#testimonycolumn {
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	width:340px;
	padding-right:22px;
	top:100px;
	text-align:left;
	left:12px;
	height:420px;
	overflow:scroll;
	padding-top:10px;
}
#podcastcolumn {
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#000000;
	width:340px;
	padding-right:22px;
	top:100px;
	text-align:left;
	left:12px;
	height:440px;
	overflow:scroll;
	padding-top:10px;
	margin-top:3px;
}
#podcastcolumn a {
text-decoration:none;
color:#000000;
background-color:#d8bc00
}
#podcastcolumn a:hover {
text-decoration:none;
color:#ffde00;
background-color:#000000;
}
#calendarmover {
	position:absolute;
	top:40px;
	left:10px;
}
#podcastmover {
	position:absolute;
	top:20px;
	left:10px;
}
#photosthumb{
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	width:822px;
	top:50px;
	text-align:left;
	left:0px
}
#spacer {
	padding-right:20px;
}

/* Photo albums */
#photoalbumtitle {
position:absolute;
left:10px;
top:10px;

}
#impactphotosyellow {
position:relative;
left:0;
top:20px;
height:auto;
width:975px;
background-color:#ffde00;
margin-bottom:25px;
}
#photoholder {
background-color:#FF0000;
margin-top:45px;
height:auto;
width:975px;
}
#expandingfootercreator {
position:absolute;
left:0;
top:150px;
height:auto;
width:975px;

}
#nostalgiaholder {
position:relative;
height:auto;
padding-bottom:20px;
padding-left:20px;
text-align:left;}
#allphotoholder {
position:relative;
height:auto;
padding-bottom:20px;
padding-left:20px;
text-align:left;}
#allphotoholder img {
border:4px solid #FFFFFF;}
#fader {
position:absolute;
top:19px;
#top:0px;
z-index:500;
}
#faderevents {
	position:absolute;
	top:202px;
	z-index:500;
}
#faderb {
	position:absolute;
	top:197px;
	z-index:500;
}
#fadertb {
	position:absolute;
	top:435px;
	z-index:500;
}
#faderpb {
	position:absolute;
	top:235px;
	z-index:500;
}
#fadercb {
	position:absolute;
	top:525px;
	z-index:500;
}
#faderpc {
	position:absolute;
	top:455px;
	z-index:500;
}
#beablessingholder {
font-family:Helvetica, Arial,  sans-serif;
font-size:12px;
position:relative;
height:auto;
padding-bottom:20px;
padding-left:20px;
text-align:left;}

.tableheader {
font-family:Helvetica, Arial,  sans-serif;
font-size:16px;
color:#000000;}
.tableheaderb {
font-family:Helvetica, Arial,  sans-serif;
font-size:20px;
color:#000000;}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:/image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Helvetica, Arial,  sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #999; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-family:Helvetica, Arial,  sans-serif;
font-size:12px;
color:#000000;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




#photospane1 {
height: 200px;
}
#photospane2 {
height: 100px;
}
.imagefloat {
float:left;
margin-bottom:10px;
margin-right:10px;
border:none;}
#backbutton {
position:relative;
top:10px;
display:block;
margin-bottom:15px;
}
#backbutton img {
position:relative;
top:10px;
display:block;
border:none;
}
#testbackbutton{
position:absolute;
left:300px;
top:10px;
}