/*******************
	Page-Index 
*******************/

	h3 { 
		margin: 0 0 12px; 
		font-size: 18px; }
			
/* Meet Our New Website */
		
	#Meet-Our-New-Website {
		display: block;
		width: 600px;
		height: 56px;
		margin: 15px auto 10px;;
		background: url("../img/index/Meet-Our-New-Website.jpg") no-repeat 0 0;
		text-indent: -999em; }	
		
	#Meet-Our-New-Website:hover, #Meet-Our-New-Website:focus, #Meet-Our-New-Website:active {
		background-position: 0 -100px;
		color: #d55e2f;
		text-decoration: none; }
		
/* Pray for Pensacola */
		
	#Pray-for-Pensacola {
		display: block;
		width: 600px;
		height: 56px;
		margin: 15px auto 10px;;
		background: url("../img/index/Pray-for-Pensacola.jpg") no-repeat 0 0;
		text-indent: -999em; }	
		
	#Pray-for-Pensacola:hover, #Pray-for-Pensacola:focus, #Pray-for-Pensacola:active {
		background-position: 0 -100px;
		color: #d55e2f;
		text-decoration: none; }
		
/* I Love My Church */
		
	#I-Love-My-Church {
		display: block;
		width: 600px;
		height: 56px;
		margin: 15px auto 10px;;
		background: url("../img/index/I-Love-My-Church2.jpg") no-repeat 0 0;
		text-indent: -999em; }	
		
	#I-Love-My-Church:hover, #I-Love-My-Church:focus, #I-Love-My-Church:active {
		background-position: 0 -100px;
		color: #d55e2f;
		text-decoration: none; }
		
	#I-Love-My-Church2 {
		display: block;
		width: 600px;
		height: 56px;
		margin: 15px auto 10px;;
		background: url("../img/index/I-Love-My-Church3.jpg") no-repeat 0 0;
		text-indent: -999em; }	
		
	#I-Love-My-Church2:hover, #I-Love-My-Church2:focus, #I-Love-My-Church2:active {
		background-position: 0 -100px;
		color: #d55e2f;
		text-decoration: none; }
		
/* Spring Forward */
		
	#Spring-Forward {
		display: block;
		width: 600px;
		height: 56px;
		margin: 15px auto 10px;;
		background: url("../img/index/Spring-Forward.jpg") no-repeat 0 0; }	

/* Quick Link Buttons */

	#Quick-Links {
		width: 846px;
		height: 80px;
		margin: 0 auto;
		padding: 7px 0; }
	
	#Quick-Links a {
		display: block;
		float: left;
		height: 85px;
		padding: 0 10px; }
		
	#Quick-Links a span { /* Fixes a dreamweaver display glitch */
		display: block;
		text-indent: -999em; }
		
	#Quick-Links a:hover, #Quick-Links a:focus, #Quick-Links a:active { background-position: center -5px; }
	
	#New-To-Olive-Button {
		width: 230px;
		background: url("../img/index/New-To-Olive.jpg") no-repeat bottom center; }
	
	#Services-And-Directions-Button {
		width: 310px;
		background: url("../img/index/Services-And-Directions.jpg") no-repeat bottom center; }
		
	#News-Button {
		width: 230px;
		background: url("../img/index/News.jpg") no-repeat bottom center; }
	
	#Events-Button {
		width: 310px;
		background: url("../img/index/Events.jpg") no-repeat bottom center; }
		
	#Live-Streaming-Button {
		width: 240px;
		background: url("../img/index/Live-Streaming.jpg") no-repeat bottom center; }
	
	
/* Pastor's Welcome */

	#Welcome {
		position: relative; 
		clear: both;
		height: 220px;
		padding: 20px 430px 0 0;
		margin: 5px 5px 0px 15px;
		background: url("../img/index/Welcome.jpg") no-repeat top right; }
		
	#Ted-Traylor-Link {
		display: block;
		width: 200px;
		height: 50px;
		position: absolute;
		top: 150px;
		right: 140px;
		text-indent: -999em; }

	
/* Promotional Banner Rotation & Get Connected Box */
	
	#Promo {
		width: 880px;
		height: 240px;
		position: relative; }
		
	#Get-Connected {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 880px;
		height: 240px;
		padding: 0;
		background: url("../img/index/Get-Connected.jpg") no-repeat top right; }
		
	#Get-Connected h3 a { 
		padding-bottom: 0;
		position: absolute;
		top: 18px;
		right: 36px;			
		color: #e39836;
		font-size: 18px;
		text-align: right; }
		
	#Get-Connected ul {
		position: absolute;
		top: 42px;
		right: 37px; }
		
	#Get-Connected ul a {
		font-size: 11px;
		display: inline-block;
		text-align: right;
		width: 165px;
		padding: 1px 0 1px;
		color: #f3f1ec; }
		
/*#Get-Connected ul a:hover, #Get-Connected ul a:focus, #Get-Connected ul a:active { padding-right: 5px; }*/
		
	#Rotator, #Rotator img {
		width: 680px;
		height: 240px; }	


/* Upcoming Events */
	
	#Upcoming-Events {
		display: block;
		width: 380px;
		min-height: 360px;
		margin: 20px 10px;
		padding-bottom: 10px;
		background: #f3f1ec;
		position: relative;
		float: left; }
		
	#Upcoming-Events h3 a {
		display: block;
		width: 360px;
		padding: 5px 10px;
		background: #50a4ab;
		color: #FFF; }
		
	#Upcoming-Events li.Date {
		width: 360px;
		margin: 10px auto 5px;
		clear: both;
		border-bottom: solid 1px #cdcdcc; }
		
	#Upcoming-Events h4 {
		width: 50px;
		margin: 0 auto;
		text-align: center;
		height: auto;
		float: left; }
		
	#Upcoming-Events h4 span { display: block; }
	
	#Upcoming-Events .Month {
		height: 17px;
		padding-top: 3px;
		background: url("../img/design/Calendar-Top.jpg") no-repeat bottom center;
		color: #FFF;
		font-size: 12px; }
	
	#Upcoming-Events .Day {
		height: 35px;
		background: url("../img/design/Calendar-Bottom.jpg") no-repeat top center;
		color: #29211f; }
		
	#Upcoming-Events .Date .Event {
		float: right;
		width: 290px;
		padding-right: 10px; }
		
	#Upcoming-Events h5, #Upcoming-Events h5 a { color: #29211f; } 
		
	#Upcoming-Events .Date .Event p { font-size: 10px; }
	
	#Upcoming-Events a.more { 
		display: block; 
		padding: 1px 2px 2px;
		text-align: right; 
		color: #a6462f;
		font-size: 10px; }
	
	#Upcoming-Events a.more:hover { 
		color: #b00; } /* Ahh! */


/* This Week & Next Week */

	#Sunday-Wednesday {
		float: left;
		width: 240px; }

	#Sunday-Wednesday .Box {
		display: block;
		width: 220px;
		min-height: 165px;
		margin: 20px 10px;
		padding-bottom: 4px;
		background: #f2ede7; }
		
	#Sunday-Wednesday .Box h3 {
		display: block;
		width: 200px;
		padding: 5px 10px;
		background: #7c736e;
		color: #FFF; }
		
	#Sunday-Wednesday .Box h4 {
		font-size: 14px;
		padding: 0 5px 2px; 
		margin: 0px 10px 5px;
		color: #29211f;
		text-align: center;
		border-bottom: solid 1px #29211f;  }
	
	#Sunday-Wednesday .Box ul {
		padding: 0 20px;
		font-size: 10px; }
		
	#Sunday-Wednesday .Box ul li { margin-bottom: 5px; }
	
	#Sunday-Wednesday .Box ul li h4 { font-size: 12px; }
		
	#Sunday-Wednesday .Box strong, #Sunday-Wednesday .Box a { font-size: 12px; }
		
	#Sunday-Wednesday .Box h4.Title, #Sunday-Wednesday .Box h5 {
		color: #29211f;
		text-align: center; }
	
	#Sunday-Wednesday .Box h4.Title {
		text-align: center;
		font-size: 12px;
		margin: 5px 0 0 0;
		border-bottom: 0;
		/*color: #c18c47;*/ }
		
	#Sunday-Wednesday .Box h5 {
		font-size: 10px;
		font-weight: normal;
		color: #7c736e; }
		
	#Sunday-Wednesday #Wednesday p {
		padding: 0 15px; 
		font-size: 10px; }
	
		
/* Latest Sermons */

	#Latest-Sermons {
		display: block;
		width: 220px;
		min-height: 360px;
		margin: 20px 10px;
		padding-bottom: 10px;
		background: #f2ede7;
		position: relative;
		float: right; }
		
	#Latest-Sermons h3 a {
		display: block;
		width: 200px;
		padding: 5px 10px;
		background: #7c736e;
		color: #FFF; }
		
	#Sermons li {
		border: solid 1px #b1aaa1;
		padding-bottom: 8px;
		height: auto;
		margin: 10px 10px 20px; }
		
	#Sermons h4, #Sermons h5 {
		margin-bottom: 0;
		color: #29211f;
		text-align: center; }
	
	#Sermons h4 {
		text-align: center;
		font-size: 14px;
		margin-top: 5px;
		/*color: #c18c47;*/ }
		
	#Sermons h5 {
		font-size: 12px;
		font-weight: normal;
		color: #7c736e;}
		
	#Sermons h5.Date {
		width: 100%;
		background: #b1aaa1;
		padding: 2px 0;
		color: #FFF;
		font-weight: bold; }
					
	#Sermons a.Listen, #Sermons a.Download {
		margin-top: 6px;
		display: block;
		width: 87px; 
		height: 22px;
		text-align: center;
		background-image: url("../img/index/Listen-Download.gif");
		background-repeat: no-repeat; }	
		
	#Sermons a.Listen span, #Sermons a.Download span { 
		display: block; 
		text-indent: -999em; }
		
	#Sermons a.Listen {	
		float:left;
		background-position: top left;
		margin-left: 7px; }
		
	#Sermons a.Download { 
		float:right;
		background-position: top right;
		margin-right: 7px; }
		
	#Sermons a.Listen:hover { background-position: bottom left; }
	
	#Sermons a.Download:hover { background-position: bottom right; }
	
	#More-Sermons {
		display: block;
		width: 146px;
		height: 21px;
		margin: 0 auto;
		padding: 5px 5px 0;
		background: url("../img/index/More-Sermons.jpg") no-repeat 0 0;
		text-align: center;
		color: #60442f; }
		
	#More-Sermons:hover {
		background-position: 0 -50px;
		text-decoration: none;
		color: #a6462f; }
		

/* Buttons */

	#Buttons {
		width: 880px;
		height: 80px;
		margin: 0 auto; }
		
	#Buttons li { float: left; }
	
	#Buttons li, #Buttons a {
		display: block;
		width: 220px;
		height: 90px;
		background-repeat: no-repeat;
		background-position: top center; }
		
	#Buttons a { 
		text-indent: -999em;
		background: none; }
		
	#Buttons a:hover, #Buttons a:focus, #Buttons a:active { background: url("../img/index/Button-Hover.png") no-repeat top center; }

	#Life-Groups { background-image: url("../img/index/Life-Groups.jpg"); }
	#Twenty-Twenty-Vision { background-image: url("../img/index/2020-Vision.jpg"); }
	#Pastors-Blog { background-image: url("../img/index/Pastor's-Blog.jpg"); }
	#Ministry-Village { background-image: url("../img/index/Ministry-Village.jpg"); }
	#What-Does-It-Mean { background-image: url("../img/index/What-Does-It-Mean.jpg"); }
	#VBS { background-image: url("../img/index/VBS-2010.jpg"); }
	#Olive-Women { background-image: url("../img/index/Olive-Women.jpg"); }
	#Pray4gcr { background-image: url("../img/index/pray4gcr.jpg"); }
	#REAL { background-image: url("../img/index/Real.jpg"); }
	#Fusion { background-image: url("../img/index/Fusion-Button.jpg"); }
	#Bylaws { background-image: url("../img/index/Bylaws.jpg"); }
