/*################################CONTENT#############################*/

#content {

	position:relative;

	margin-top:325px;

	z-index:100;

}



/*################YELLOW STRIPE (NON_DENOMINATIONAL)#########*/



#header #stripe h2 {

	text-indent:-9990px;

	width:960px;

	height:25px;

	/*margin-top:15px;*/

	margin-top:30px;

	background:url(../images/yellow-stripe.jpg) no-repeat;

}



#header #stripe p {

	position:relative;

	top:50px;

	left:10px;

	z-index: 4;

}



#header #stripe p a {

	font-weight: bold;

	border-bottom: 1px dotted;

	color:#3d422c;

	font-size:13px;

}



/*################END YELLOW STRIPE (NON_DENOMINATIONAL)#########*/



/*###################common elements for all three columns##################*/

#content #left-col ul li, #content #middle-col ul li, #content #right-col ul li {

	background:url(../images/column-bkg-middle.png) repeat-y;

	width:290px;	

	padding-bottom:25px;

}



#content #left-col ul li, #content #middle-col ul li {

	height:70px; /*right column has different height*/

}



#content #left-col ul li h3, #content #middle-col ul li h3, #content #right-col ul li h3 {

	text-indent:-9900px;

}



/*the bottom of the column is the same for all 3 columns on fron page- just for graphics*/

#content #left-col ul li.last-list, #content #middle-col ul li.last-list, #content #right-col ul li.last-list {

	background: url(../images/column-bkg-bottom.png) no-repeat;

	height:30px;

}



/*##################left column#########################*/



#content #left-col {

	margin:0 0 0 20px;

	width:290px;

	float:left;

}



#content #left-col h2 {

	text-indent:-9990px;

	background: url(../images/quick-links-header.png);

	width: 290px;

	height: 55px;

}

#content #left-col h2.links-to-friends {

	text-indent:-9990px;

	background: url(../images/links-to-friends.png);

	width: 290px;

	height: 55px;

}



#content #left-col ul li h3.quick-link1 {

	background:url(../images/gods-bridge.png) no-repeat top left;

	width:290px;

	height:70px;

}



#content #left-col ul li h3.quick-link1:hover {

	background:url(../images/gods-bridge.png) no-repeat bottom left;	

}



#content #left-col ul li h3.quick-link2 {

	background:url(../images/going-to-heaven.png) no-repeat top left;

	width:290px;

	height:70px;

}



#content #left-col ul li h3.quick-link2:hover {

	background:url(../images/going-to-heaven.png) no-repeat bottom left;	

}



#content #left-col ul li h3.quick-link3 {

	background:url(../images/girl-bible.png) no-repeat top left;

	width:290px;

	height:70px;

}



#content #left-col ul li h3.quick-link3:hover {

	background:url(../images/girl-bible.png) no-repeat bottom left;	

}



#content #left-col ul li h3.quick-link4 {

	background:url(../images/is-that-in-bible.png) no-repeat top left;

	width:290px;

	height:70px;

}

#content #left-col ul li h3.quick-link4:hover {

	background:url(../images/is-that-in-bible.png) no-repeat bottom left;	

}



#content #left-col ul li h3.quick-link5 {

	background:url(../images/victory-in-grace.png) no-repeat top left;

	width:290px;

	height:70px;

}

#content #left-col ul li h3.quick-link5:hover {

	background:url(../images/victory-in-grace.png) no-repeat bottom left;	

}

#content #left-col ul li h3.quick-link6 {

	background:url(../images/quentin.png) no-repeat top left;

	width:290px;

	height:70px;

}

#content #left-col ul li h3.quick-link6:hover {

	background:url(../images/quentin.png) no-repeat bottom left;	

}


#content #left-col ul li h3.quick-link7 {

	background:url(../images/dayspring.png) no-repeat top left;

	width:290px;

	height:70px;

}

#content #left-col ul li h3.quick-link7:hover {

	background:url(../images/dayspring.png) no-repeat bottom left;	

}







/*###########################middle column##############################*/



#content #middle-col {

	margin:0 0 0 15px;

	width:292px;

	float:left;

}



#content #middle-col #welcome h2 {

	text-indent:-9990px;

	background: url(../images/church-home-page.png) no-repeat;

	width: 290px;

	height: 218px;

}



#content #middle-col #multimedia h2 {

	margin-top:20px;

	text-indent:-9990px;

	background: url(../images/multimedia-header.png);

	width: 290px;

	height: 55px;

}



#content #middle-col ul li h3.quick-link5 {

	background:url(../images/stewardship-video.png) no-repeat top left;

	width:290px;

	height:70px;

	z-index:100;

}



#content #middle-col ul li h3.quick-link5:hover {

	background:url(../images/stewardship-video.png) no-repeat bottom left;	

}



#content #middle-col ul li h3.quick-link6 {

	background:url(../images/stewardship-audio.png) no-repeat top left;

	width:290px;

	height:70px;

	z-index:100;

}



#content #middle-col ul li h3.quick-link6:hover {

	background:url(../images/stewardship-audio.png) no-repeat bottom left;	

}



li.audio {

	padding-left:60px;

}



/*###################################right column#################################*/



#content #right-col {

	margin:0 0 0 20px;

	width:292px;

	float:left;

}



#content #right-col h2 {

	text-indent:-9990px;

	background: url(../images/events-header.png);

	width: 290px;

	height: 55px;

}



#content #right-col ul li {

	padding:15px 0 15px 0;

}



#content #right-col ul li h3.quick-link7 {

	background:url(../images/schedule-of-services.png) no-repeat top left;

	width:290px;

	height:35px;/*height is 35px, not 70 as it is in on left and middle columns*/

}



#content #right-col ul li h3.quick-link7:hover {

	background:url(../images/schedule-of-services.png) no-repeat bottom left;	

}



#content #right-col ul li h3.quick-link8 {

	background:url(../images/recent-events.png) no-repeat top left;

	width:290px;

	height:35px;/*height is 35px, not 70 as it is in on left and middle columns*/

}



#content #right-col ul li h3.quick-link8:hover {

	background:url(../images/recent-events.png) no-repeat bottom left;	

}



#content #right-col ul li h3.quick-link9 {

	background:url(../images/news.png) no-repeat top left;

	width:290px;

	height:35px;/*height is 35px, not 70 as it is in on left and middle columns*/

}



#content #right-col ul li h3.quick-link9:hover {

	background:url(../images/news.png) no-repeat bottom left;	

}

.index-table {
	width:250px;
	font-size:smaller;
	margin-left:25px;
}

.index-table td {
	padding:0 10px 15px 0;
}


/*############these two elements will change using Content Management System#############*/

#content #right-col li.services, #content #right-col li.event, #content #right-col li.news  {

	padding: 10px 0 5px 0;

}	





#content #right-col li p.services, #content #right-col li p.event, #content #right-col li p.news {

	font-size: inherit;

	padding-left: 40px;

	padding-right:10px;

}



#content #right-col li.services p.event img {

	width:75px;	/*leave this value unchanged bigger images can break the layout*/

	margin-bottom: -10px; /*leave this value unchanged bigger images can break the layout*/

}



#content #right-col li.event p.event img {

	width:75px;	/*leave this value unchanged bigger images can break the layout*/

	margin-bottom: -10px; /*leave this value unchanged bigger images can break the layout*/

}



#content #right-col li.event p.event img {

	width:75px;	/*leave this value unchanged bigger images can break the layout*/

	margin-bottom: -10px; /*leave this value unchanged bigger images can break the layout*/

}



#content #right-col li.news p.news img {

	width:75px;	/*leave this value unchanged bigger images can break the layout*/

	margin-bottom: -10px; /*leave this value unchanged bigger images can break the layout*/

}


h3.new-pastor {
	font-size: larger;
	font-weight: bolder;
	color: fuchsia;
	text-align:center;
}

/*################################END CONTENT#############################*/