/*
One Prayer 2010 - Stylesheet

*/

/*********
 GENERAL
*********/

body {
  /*background: #f9f9f3 url(../img/2010-bg.jpg) no-repeat center top;*/
  background-color: #f9f9f3;
  text-align: left;
  margin: 0;
  padding: 0;
}

p, li, div {
  font-weight: normal;
  font-size: 18px;
  font-family: Arial, Verdana, sans-serif;
  color: #a29874;
}

a {
  color: #507f9d;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
color: #507f9d;
}

img {
  border: none;
}

a:active, a:focus {
  outline: 0;
}

div.clear{
clear: both;
}

div.container{
z-index: 1;
}

/****IE PNG Fix */
img, div { behavior: url(../img/iepngfix.htc) }
/****/


div.left, div.right {
	float: left;
}


div.subtopbar{
	width: 100%;
	position: relative;
  	background: #fafff3 url(../img/nav-bg.png) repeat-x scroll 0 0;
  	height: 32px;
}




/*********
 HEADER
*********/






/*********
 NAV BAR
*********/
#navbar{	
	margin: 0;
	padding: 0;
  right: 190px;
  height: 20px;
  z-index: 300;
  
	
}
	
	#navbar li
	{	
		float: left;
		list-style: none;
		font: 14px Helvetica, Arial, Verdana, sans-serif;
  		background: url(../img/bullet.gif) no-repeat 0 10px;
  		padding-left: 10px;
  		padding-right: 25px;
  		padding-top: 5px;
  		margin-right: 5px;
	}

	#navbar li:hover
	{	
		/*background-color: #562608;*/
	}


	#navbar li a
	{	display: block;
		text-decoration: none;
		color: #2a86c6;
		white-space: nowrap;
	}

	#navbar li a:hover {	
  		color: #CCC;
  		text-decoration: none;
	}
		
		#navbar li ul
		{
			padding: 0 3px;
			margin-left: -10px;
			position: absolute;
			visibility: hidden;
    		z-index: 100;	
		}
		
		
		
	#navbar li:hover {	
  		/*background-color: #e37a16;*/

	}
		
		#navbar li ul
		{
    		background-color: #ea7c00;		
		}
		


/*		
		#navbar li.share ul
		{
    		background: url(../img/nav_bg.png) repeat-x scroll left top;		
		}
		
		
		
		#navbar li.give ul
		{
    		background: url(../img/give-nav-bg.png) repeat-x scroll left top;	
		}
				
		#navbar li.serve ul
		{
    		background: url(../img/serve-nav-bg.png) repeat-x scroll left top;	
		}

*/		
		
		#navbar li ul li
		{
			float: none;
			display: block;
			padding: 4px 0;
			border-top: 1px solid #000;	
  			background: #ec7d00 url(../img/bullet.gif) no-repeat 5px 14px;		
  			margin-left: 0;	
  			margin-right: 0;
		}
		
		#navbar li ul li:hover{
  			background: url(../img/bullet.gif) no-repeat 5px 14px;			
		}		
		
		#navbar li ul li.first-li{
			border-top: none;
		}
		
		#navbar li ul li a, #navbar li ul li a:hover 
		{	
			width: auto;
			background-color: #ae5605;
			color: #FFF;
			padding: 5px 12px;
			
		}
		


#navContainer{
width: 100%;
height: 20px;
margin: 0;
font-size: 14px;  
z-index: 1;

}

#topBar {
  top: 0;
  width: 100%;
  height: 25px;
  background: #000000;
    font-size: 12px;  
    position: relative;
}

  #topBar ul {
  	list-style-type: disc;  
    margin: 0 auto;
    width: 940px;
  }
  
  #topBar ul li {
    color: #999999;
  }
  
#topBar ul li.date {
float: left;
margin-right: 50px;
}  
  
#topBar ul li.spread {
float: right;
}  
  
  #topBar ul li a {
    font-size: 12px;
    color: #999999;
  }
  
ul.spread{
float: right;
}  


/**********
 MODAL BOX
**********/
#modal-overlay { 
    position: fixed; 
    z-index:100; 
    top: 0px; 
    left: 0px; 
    height:100%; 
    width:100%; 
    background: #000; 
    display: none; 
} 

#modal-window { 
    position: fixed; 
    z-index: 102; 
    display:none; 
    width: 550px;
    height: 300px;
    background-color: #595959;
    top:100px; 
    left: 40%;
    border: 5px solid #f5ac3a; 
    padding: 10px;
} 

#modal-close{
margin-top: -25px;
margin-left: 543px;
margin-bottom: -20px;
cursor: pointer;
}


/****************
 LOGIN SPECIFIC
*****************/

div.login h2{
font: 46px Georgia, Verdana, sans-serif;
color: #fedb63;
margin-top: 0;
margin-bottom: 0;
}

div.login p {
color: #b2d6f6;
font-size: 17px;
margin-top: 0;
}

div.login ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

div.login ul li {
margin-bottom: 12px;
}

div.login ul span {
width: 200px;
marign-right: 50px;
font: 17px Arial, Verdana, sans-serif;
color: #FFF;
}

div.login ul input {
right: 200px;
position: absolute;
width: 200px;
}

div.login p.register {
margin-top: 10px;
}

  

  
#spread {
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: 0;
  width: 107px;
  height: 93px;
  padding-top: 5px;
}

#spread span a, #spread span a:hover, #spread span a:visited {
color: #fdbc39;
font-size: 12px;
}  
  
  
#corner {
  position: absolute;
  cursor: pointer;
  top: 45px;
  right: 0;
  width: 93px;
  height: 93px;
  background: url(../img/corner.png) no-repeat;
}

#topBack {
  position: absolute;
  left: -160px;
  top: -43px;
  z-index: -2;
  width: 1200px;
  height: 2023px;
  background: url(../img/top-back.jpg) no-repeat;
}

#bottomBack {
  position: absolute;
  left: -160px;
  bottom: 0;
  z-index: -2;
  width: 1200px;
  height: 609px;
  background: url(../img/bottom-back.jpg) no-repeat;
}

/*********
 WRAPPER AND LEFT NAVIGATION
*********/


/*
#wrapper {
  clear: both;
  width: 960px;
  text-align: left;
  margin: 0 auto;
}

#container {
  position: absolute;
  top: 43px;
  z-index: -1;
  min-height: 3000px;
  width: 960px;
  background: url(../img/bottom-back.jpg) no-repeat bottom center;
  padding-bottom: 100px;
}
*/

div#container {
background: transparent url(../../../img/footer.png) no-repeat scroll center bottom;
	position: relative;
  width: 960px;
  margin: -25px auto;	
  display: block;
  z-index: 1;
  /*margin-top: -52px;*/
}


div#leftBar {
  /*position: absolute;*/
  float: left;
  width: 241px;
  /*top: 25px;*/
  height: 100%;
  /*z-index: -1;*/
  background: #f9f9f8 url(../img/gutter-bg.jpg) repeat fixed -53px 0;
  border-left: 1px solid #49d08f;
  border-right: 1px solid #49d08f;
  margin-top: -7px;
}

div#leftNav{
  float: left;
  position: fixed;
  //top: 43px;
  //left: 151px;
  width: 240px;
}

div#leftNavStay {
  position: relative;
  width: 240px;
}

  div#leftNavStay p, div#leftNav p {
  	font-family: "Helvetica Neue" Arial sans-serif;
    font-size: 16px;
    color: #f3f2e8;
    margin: 18px 0 0 3px;
    width: 232px;
    font-weight: bold;
  }

div#opLogo {
  width: 228px;
  height: 97px;
  background: url(../img/logo-2010-1.png) no-repeat;
  margin: 30px 0 32px 5px;
  cursor: pointer;
}

div.leftLinks {
    margin: 0 0 4px 6px;
}

/*********
 RIGHT COLUMN AND TOP (and shared content items)
*********/

div#rightBar {
/*position: absolute;*/
  float: left;
  width: 650px;
  margin-left: 60px;
  z-index: 1;

}




/*********
CONTENT SECTIONS
*********/

div.section {
	margin-top: 50px;
	font-family: "Arial" sans-serif;	
}

div.section p {
	font-size: 24px;
	line-height: 34px;
}


div#top-div {
	font-size: 17px;
	color: #434343;	
}

div#top-div p {
	font-size: 17px;
	line-height: 23px;
	
}


div.section h2 {
	font-size: 34px;
	color: #a9a9a9;
}

div#topContent {
  width: 100%;
  margin-top: 18px;
  margin-bottom: 30px;
  //margin-left: 20px;
}

  div#topContent h1 {
    margin: 0;
    font-weight: normal;
    font-size: 28px;
    font-family: "Helvetica Neue" Arial, Verdana, sans-serif;
    color: #6f6f6f;
    z-index: 1;
    letter-spacing: -1px;
  }
  
  #topContent h1 strong {
    color: #e6a117;
    font-size: 54px;
  }
  
  #topContent h1 em {
    color: #494446;
    font-size: 35px;
    font-weight: bold;
    font-style: normal;

  }
  
  #topContent label {
    color: ##6F6F6F;
  }
  #topContent p {
    color: ##6F6F6F;
  }
  #topContent p a {
  	text-decoration: underline;
  }
  #topContent h3 {
    color: ##6F6F6F;
  }
  #topContent h4 {
    color: #b2d6f6;
  }
  
#topConLeft {
  float: left;  
  width: 317px;
  margin-top: 67px;
  padding: 13px 10px;
  background: url(../img/content-trans.png) repeat;
  border: 1px solid #415a73;
}

  #topConLeft h2 {
    margin: 0;
    font-size: 28px;
    font-weight: bold;
    color: #C6DEF8;
  }

  #topConLeft p {
    font-size: 15px;
    line-height: 17px;
    color: #C5C0BC;
  }

#topConVideo {
  //width: 314px;
  margin-top: 10px;
  margin-bottom: 10px;
  //background: url(../img/learn-trans.png) repeat;
}

#topConVideo_youtube{
margin-top: 10px;
}

#topConRight {
  float: left;
  width: 229px;
  margin-top: 67px;
  margin-left: 46px;
  padding: 10px 12px;
  background: url(../img/content-trans.png) repeat;
  border: 1px solid #415a73;
}

div#topConRight h2 {
    margin: 5px 0 20px 16px;
    font-size: 19px;
    font-weight: bold;
    color: #FFDF6D;
  }

#topConRight span.img{
padding-left: 32px;
}

#topConRight span.img img{
margin-top: 10px;
}

#topConRight p{
font: 14px "Arial", verdana, sans-serif;
color: #c2c2c2;
}

#topConRight div.psst{
text-align: center;
margin-left: -23px;
margin-bottom: 15px;
}

#topConRight span.psst {
color: #ede0a5;
font-family: "Helvetica", Arial, Verdana, sans-serif;
font-size: 14px;
font-style: italic;
}

#topConRight div.learnMore{
margin-left: 0;
width: 125px;
}




div#globalImpact h2 {
    margin: 5px 0 0;
    font-size: 19px;
    font-weight: bold;
    color: #FFDF6D;
  }
  
div#globalImpact p {
    font-size: 14px;
    line-height: 16px;
    color: #C5C0BC;
    margin-top: 3px;
  }
  
  
div#globalImpact{
margin-top: 30px;
width: 597px;
height: 134px;
background: url(../img/content-trans.png) repeat;
border: 1px solid #415a73;
}
  
  
  
#missionsImg {
  float: left;
  width: 174px;
  height: 175px;
  margin-top: -14px;
  margin-bottom: 10px;
}

div.mission-content{
float: left;
margin-left: 10px;
width: 360px;
margin-right: 30px;
}




.learnMore {
  padding: 5px 14px;
  width: 100px;
  background: url(../img/learn-trans.png) repeat;
  font-size: 18px;
}

  .learnMore a {
    color: #99ccff;
  }


li.addressSection {
	margin: 20px 0 20px 0;
	padding: 10px;
	background-color: #F8F9F7;
}

li.addressSection h3 {
	margin: 10px 0 10px 0;
}
	
li.addressSection ul {
	padding: 0px;
}

#aboutSection h2 {
  font: normal 15px Helvetica, Arial, Verdana, sans-serif;
  color: #5ab696;
}

#aboutSection a:hover {
  //text-decoration: none;
}

#aboutSection a, #shareGraphic a, #serveGraphic a, #giveGraphic a, #contactSection a {
  //padding-top: 30px;
}

.regButton {
  float: left;
  clear: both;
  width: 259px;
  height: 37px;
  background: url(../img/register.gif) no-repeat;
  padding-top: 7px;
  text-align: center;
  margin-top: 30px;
}

  .regButton a {
    font-size: 19px;
    font-weight: bold;
    color: white;
  }

.backToTop {
  float: right;
  padding: 2px 5px 2px 5px;
  margin-top: 30px;
  border: 1px solid #bcae7d;
  
}

  .backToTop a {
    font-size: 11px;
    color: #bcae7d;
  }
  
  .backToTop a:hover {
  text-decoration: none;
  }
  
/*********
 CONTENT
*********/

.contentSection {
margin-top: 70px;
  width: 100%;
  margin-left: 25px;
}

.contentSection h1 {
  font: normal 50px/45px Georgia, Helvetica, Arial, Verdana, sans-serif;
  color: #C1A02D;
  margin-top: 0;
}

.contentSection h2 {
  font: normal 15px Helvetica, Arial, Verdana, sans-serif;
  color: #5ab696;
}

.contentSection p {
  color: #a29874;
}


div.contentSection{
  font: normal 24px Arial, Verdana, sans-serif;
  color: #a29874;
}


#about-nav{
margin: 35px 10px;
}

#about-nav a, #about-nav a:visited{
background-color: #675c4e;
padding: 7px 8px 5px;
border: 1px solid #707070;
margin-right: 15px;
font: 14px "helvetica" Arial, verdana, sans-serif;
color: #dccfae;
}

#about-nav a:hover{
background-color: #1d1c1b;
color: #FFF;
text-decoration: none;
}

#aboutSection {
margin-top: 70px;
  width: 100%;
  margin-left: 20px;
}

#aboutSection h1 {
  font: normal 50px/45px Georgia, Helvetica, Arial, Verdana, sans-serif;
  color: #C1A02D;
  margin-top: 0;
}

#aboutSection p {
  color: #a29874;
}


div#aboutSection div#themeLine1 p{
  font: normal 24px Arial, Verdana, sans-serif;
  color: #e1edff;
}





#themeLine1 p {
  margin: 0;
  font-style: italic;
  font-size: 24px;
  color: #E4EFFF;
}

#themeLine2 {
  margin-bottom: 20px;
  margin: 20px 0 0 0;  
}

#themeLine2 em {
  float: left;
  font-size: 34px;
  font-style: none;
  font-family: Georgia, Arial, Verdana, sans-serif;  
}

#themeLine2 em.godIs{
font-style: normal;
font-weight: normal;
color: #FBBC39;
padding-top: 7px;
font-family: Helvetica, Arial, Verdana, sans-serif;  

}

#themeLine2 em.slideText{
text-align: center;
}

#mySlideshow {
  float: left;
  border-bottom: 1px solid #8a6418;
  color: white;
  margin-left: 10px;
  margin-bottom: 25px;
}

#aboutSection p {
  clear: both;
  color: #a29874;
}



/*********
 SHARE
*********/

#shareSection {
  width: 100%;
  margin-top: 100px;
}

  #shareSection {
    color: #d79e63;
  }
  
  #shareSection h3{
    font-size: 33px;
  }
  
  
  
   #shareSection p {
    color: #d79e63;
  }

  
#shareGraphic {
  width: 454px;
  height: 174px;
  background: url(../img/share.png) no-repeat;
}

div.share-list{
background-color: #FFF;
padding: 9px 15px 1px;
color: #a29874;
}

div.share-list em{
font-size: 24px;
}

div.share-list ul li{
font-size: 14px;
}

div.share-list ul li.share{
margin-bottom: 6px;
}

/*********
 SERVE
*********/

#serveSection {
  width: 100%;
  margin-top: 100px;
}

  #serveSection {
    color: #6fabd5;
  }


  #serveSection p{
    color: #1376bb;
  }
  
#serveGraphic {
  width: 454px;
  height: 174px;
  background: url(../img/serve.png) no-repeat;
}



#serveVideo, #serveVideo_youtube {
  float: left;
  width: 306px;
  height: 220px;
  margin-top: 20px;
  margin-left: 20px;
}

div#serve_content{
float: left;
width: 285px;

}

/*********
 GIVE
*********/

#giveSection {
  width: 100%;
  margin-top: 100px;
}

  #giveSection {
    color: #a0d997;
  }
  
  #giveSection p{
    color: #107e00;
  }
  
  #giveSection p a, #giveSection p a:visited{
    color: #19b800;
  }

#giveGraphic {
  width: 454px;
  height: 174px;
  background: url(../img/give.png) no-repeat;
}


#givePhoto {
  width: 635px;
  height: 202px;
  background: url(../img/give-photo.png) no-repeat;
}

div.god-2008{
background-color: #10151e;
padding: 12px 8px;
color: #64c255;
}

div.god-2008 em{
font-size: 24px;
}


/*********
 CONTACT
*********/

#contactSection {
  width: 100%;
  margin-left: 20px;
  margin-bottom: 50px;
  margin-top: 100px;
}

#contactSection h1 {
  font: normal 50px/45px Georgia, Helvetica, Arial, Verdana, sans-serif;
  color: #C1A02D;
  margin-top: 0;
}

#contactSection h2 {
  font: normal 15px Helvetica, Arial, Verdana, sans-serif;
  color: #5ab696;
}

#contactSection p {
  color: #a29874;
}

#contactSection ul {
  color: #000;
  margin-left: 0;
  padding-left: 0;
margin-bottom: 148px;
}

#contactSection ul li {
  margin-bottom: 30px;
  font-size: 20px;

}

#contactSection ul li input, #contactSection ul li textarea {
  position: absolute;
  right: 0;
  width: 320px;
  font-size: 20px;
}



#contactSection ul li input.submitButton {
cursor: pointer;
  clear: both;
  width: 145px;
  height: 37px;
  background: url(../img/submit_bg.png) no-repeat;
  margin-top: 80px;
  margin-left: 216px;
  border: 0;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  color: white;
}

div#errors{
background-color:#0E1A2A;
margin:20px 0;
padding:10px;
}

div#errors h3, div#errors p{
color:#E50882;
}

form#contactform ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

form#contactform span.error{
background-color:#E50882;
color:#FFFFFF;
display:none;
margin-bottom:0.5em;
padding:3px;
}

div#response h3{
color: #fedb63;
font-size: 24px;
}

div#response h4{
color: #fedb63;
font-size: 20px;
}

div#response p{
color: #fedb63;
font-size: 18px;
}

div#response{
margin-top: 40px;
background-color: #10151E;
padding: 15px;
}

div#extreme_bottom{
position: absolute; 
bottom:10px;
margin-left:790px;
width: 150px;
}

div#extreme_bottom a, div#extreme_bottom a:hover, div#extreme_bottom a:visited{
color: #99CCFF;
}



/*---------------------------------
	GENERIC CONTENT SECTION
---------------------------------*/



#contentSection {
margin-top: 50px;
  width: 100%;
  margin-left: 20px;
}

#contentSection h1 {
  font: normal 50px/45px Georgia, Helvetica, Arial, Verdana, sans-serif;
  color: #C1A02D;
  margin-top: 0;
}

#contentSection p {
  color: #a29874;
}

#contentSection h2 {
  font: normal 15px Helvetica, Arial, Verdana, sans-serif;
  color: #5ab696;
}


/*---------------------------------
	SPREAD PAGE STUFF
---------------------------------*/
span.brand{
font-size: 24px;
color: #b2d6f6;
}


ul.brand-menu{
padding-left: 0;
margin-left: 0;
margin-top: 0;
}

ul.brand-menu li {
  font-family: Helvetica, Arial, Verdana, sans-serif;  
  display: inline;
  padding-left: 10px;
  padding-right: 34px;
  font-size: 14px;  
  background: url(../img/bullet.gif) no-repeat 0 5px;
}

ul.brand-menu ul li a {
  padding-bottom: 10px;
  font-weight: bold;
  color: #d5cece;
}

div.banner{
width: 234px;
float: left;
margin-right: 30px;
margin-top: 20px;
}

div.textbox{
width: 360px;
float: left;
}

div.textbox textarea{
width: 360px;
height: 56px;
border: 2px solid #b1adad;
margin-top: 40px;
padding-top: 0px;
overflow: hidden;
font-size: 12px;
}


div.banner span{
color: #FFF;
}


div.point{
margin-top: 30px;
background-color: #666;
width: 600px;
font-family: Verdana, Arial, sans-serif;
padding: 15px;
font-size: 16px;
color: #b2d6f6;
}

div.point span.title{
display: block;
font-size: 12px;
color: #FFF;
margin-bottom: 20px;
}

span.op{
color: #fedb63;
}


p.twitter{
margin: 30px 0;
}

p.twitter img{
margin-top: 10px;
}

span.twit{
margin-left: 40px;
padding-bottom: 10px;
}

div#gallery ul{
display: inline;
padding-left: 20px;
margin-left: 0;
}

div#gallery li{
margin-left: 0;
display: inline;
margin-right: 25px;
}


div#god_is_content{
float: left;
margin-right: 50px;
width: 325px;
}

div#poll-wrapper{
float: left;
width: 267px;
height: 260px;
background: url('../img/poll-bg.png') no-repeat;
}

div#god_is_content h1{
font-size: 24px;
color: #b2d6f6;
font-family: Arial, Verdana,  sans-serif;
}

div#god_is_content p{
font-size: 17px;
padding-left: 10px;
}

div#poll-wrapper p.poll-heading{
font-size: 16px;
padding: 55px 20px 0 20px;
color: #d79e63;
}


div.results{
margin-left: 20px;
}

div#contentSection div.results h2{
color: #365281;
font-size: 14px;
}

ul.poll_ul{
margin-left: 0;
list-style-type: none;
padding-left: 0;
margin-right: 20px;
margin-top: 0;
}

ul.poll_ul li{
background-color: #10151e;
padding: 3px;
height: 20px;
margin-left: 0;
}

ul.poll_ul li div.name{
float: left;
font-size: 16px;
color: #f9ac24;
width: 120px;
}

ul.poll_ul li div.percent_bar{
float: left;
width: 50px;
background-color: #000;
height: 14px;
margin: 3px;
padding: 1px;
}

ul.poll_ul li div.percent{
float: left;
color: #ffb92f;
font-size: 24px;
font-family: "Georgia", Arial, Verdana, sans-serif;
margin-top: -9px;
margin-left: 3px;
}

ul.poll_ul li.pad{
margin-top: 5px;
}

ul.poll_ul li div.radio{
text-align: right;
}

div#submit{
text-align: center;
}

div#map{
border: 10px solid #4E655D;
}

span.flash a, span.flash a:hover{
font-family: Arial;
font-size: 10px;
color: #3e649a;
float: right;
}

div#contentSection.the-map h1{
color: #C1A02D;
font-size: 48px;
}

div#contentSection.the-map h1 span#numbers{
font-size: 72px;
}

div#contentSection.the-map h1 span#line2{
font-size: 36px;
}

h2#thanks{
margin-left: 65px;
}


/******************
	LATEST NEWS
******************/

p#blog-date{
color: #969696;
font-size: 14px;
margin-top: 5px;
}

div#blog_nav span{
float: right;
margin-left: 15px;
}

span.blog-navigation{
background-color: #1a273a;
padding: 5px 15px;
border: 1px solid #315b74;
color: #fedb63;
}

span.blog-navigation:hover{
background-color: #1d1c1b;
}

div#blog_nav span a:hover{
text-decoration: none;
}

h1#blog-title{
margin-bottom: 5px;
}

div#blog-body-div{
margin-top: 10px;
}

div#update-list{
background-color: #162030;
padding: 10px;
}

div#updates{
margin-bottom: 10px;
}


span#blog-date{
font: 14px arial, sans-serif;
color: #969696;
float: left;
padding-top: 5px;
}

span#blog-link a, span#blog-link:visited{
font: 21px Georgia, Helvetica, sans-serif;
color: #fbe69e;
}

span#blog-link{
float: left;
margin-left: 20px;
padding-bottom: 5px;
}

span#more-updates a{
padding-top: 0;
}



/*********************
	RESOURCES
*********************/
div#resources{
background-color: #2f4e6a;
width: 625px;
}


div#resources h1{
font: 16px Arial, sans-serif;
color: #d8e5e8;
width: 100%;
background-color: #0c223d;
padding: 5px 0 5px 0;
}

div.resource-items{
padding: 10px 30px;
margin-bottom: 20px;
}

div.headline{
border-bottom: 1px dotted #696969;
margin-bottom: 15px;
}

div.headline span.name{
font: 20px "Trebuchet", Arial, Verdana, sans-serif;
color: #d8e5e8;
float: left;
}

div.headline span.header{
font: 12px "Arial", Verdana, sans-serif;
color: #f8f495;
float: right;
margin-right: 25px;
padding-top: 5px;
}

div.description{
background-color: #1e4664;
padding: 5px 0 5px 10px;
}

div.description span.desc{
font: 12px "Arial", Verdana, sans-serif;
color: #dcd8b2;
width: 250px;
float: left;
margin-right: 109px;
}

div.description:hover{
background-color: #5880a5;
}

div.description span.action-preview{
margin-right: 33px;
float: left;
}

div.description span.action-download{
margin-right: 18px;
float: left;
}

div.description span.action-pdf{
margin-right: 40px;
float: left;
width: 21px;
}

div.resource-items ul.item li{
margin-bottom: 10px;
padding: 5px;
}

div.resource-items ul.item li:hover{
background-color: #3e6482;
}

div.resource-items ul.item {
padding: 0;
margin-left: 10px;
list-style-type: none;
}

div.resource-items span.title{
float: left;
}

div.resource-items a, div.resource-items a:visited{
font: 16px "Arial", Verdana, sans-serif;
color: #000;
text-decoration: underline;
}

div.resource-items a:hover{
color: #99cfff;
}

span.item-action{
float: right;
margin-right: 17px;
}


#share-nav{
margin: 35px 10px;
}

#share-nav a, #share-nav a:visited{
background-color: #2c2101;
padding: 7px 8px 5px;
border: 1px solid #473013;
margin-right: 15px;
font: 14px "helvetica" Arial, verdana, sans-serif;
color: #e25511;
}

#share-nav a:hover{
background-color: #d04e0a;
color: #FFF;
text-decoration: none;
}


div#vidteach, div#vidteach_youtube, div#vidteach2, div#vidteach2_youtube{
	margin: 32px 55px;
}

div#aboutSection div.share-list{
color: #A0D997;
}


img.pdf-graphic{
padding-top: 10px;
margin-left: 45px;
}

#serveVideo2{
margin-left: 65px;
}

#serveVideo_youtube2{
margin-left: 65px;
}






div.home-features {
	margin-top: 35px;
}

div.home-features div.left {
	width: 240px;
	margin-right: 10px;
}

div.home-features div.right {
	width: 377px;
	
}

div.home-features div.feature {
	background: transparent url(../img/feature-bg.png) repeat;
	border: 1px solid #e4c684;
}



div.home-features div.spread {
	padding: 12px;
}

div.home-features div.spread h4 {
	font-size: 20px;
	color: #c09f2d;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 5px;
}

div.home-features div.spread img {
	margin-left: 9px;
}

div.home-features div.spread p {
	font-family: "Arial" sans-serif;
	font-size: 14px;
	color: #b9a65b;
}

a.more {
	border: 1px solid #e7ca7e;
	padding: 5px;
	margin-bottom: 20px;
}

div.spread a.more {
	color: #c1a02d;
	background-color: #fffcf3;
}



div.churches {
	padding: 12px;
}

div.churches h2 {
	font-size: 23px;
	color: #c6b501;
	margin-top: 0;
	padding: 0;
	margin-bottom: 5px;
}

div.churches h1 {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	display: block;
	text-align: center;
	font-family: "Verdana" Arial sans-serif;
	letter-spacing: -2px;
	font-size: 75px;
	font-weight: bold;
	color: #e37a16;
	position: relative;
	text-shadow: #ca6d14 0 2px 6px;	
}

div.churches h1 span{
	position:absolute;
	display:block;
	top:14px;
	left:0;
	height:100%;
	width:100%;
	background:url(../img/text-grad.png) repeat-x;
}


div.churches a.more {
	background-color: #ffffe6;
	color: #928111;
	width: 335px;
	margin: 30px 0 20px 20px;
}



div.resources {
	padding: 12px;
	margin-top: 10px;
	margin-left: 10px;
}


div.resources h3 {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 24px;
	color: #f57012;
	margin-left: 10px;
}

div.resources div.left {
	width: 155px;
	margin-right: 25px;
}

div.resources div.left img {
	width: 103px;
	margin: 0 0 0 27px;
}

div.resources div.right {
	width: 155px;
}

div.resources div.right img {
	width: 91px;
	margin: 0 0 23px 25px;
}


div.resources a.more {
	display: block;
	background-color: #ff842d;
	color: #fff9e9;
	font-size: 18px;
	padding: 5px;
	border: 1px solid #dc6718;
	text-align: center;
}

div.resources p {
	font-size: 14px;
	color: #956133;
	
}


ul.item {
	display: none;
}



/*  VIDEO MODAL WINDOW FOR RESOURCES SECTION */

#modal-window-video { 
    position: fixed; 
    z-index: 402; 
    display:none; 
    width: 560px;
    height: 370px;
	background-color: #FFF;
    top:100px; 
    left: 37%;
    padding: 10px;
} 

#modal-close-video{
margin-top: 8px;
margin-left: 494px;
margin-bottom: -20px;
cursor: pointer;
}


div#video-resources{
background-color: #345139;
width: 625px;
}

div#video-resources h1{
font: 16px Arial, sans-serif;
color: #d8e5e8;
width: 100%;
background-color: #2f763b;
padding: 5px 0 5px 0;
}

div#video-resource-items{
padding: 10px 30px;
margin-bottom: 20px;
}

div#video-resources div.description{
background-color: #beddc3;
padding: 5px 0 5px 10px;
}

div#video-resources div.description span.desc{
font: 12px "Arial", Verdana, sans-serif;
color: #333;
width: 250px;
float: left;
margin-right: 109px;
}

div#video-resources div.description:hover{
background-color: #c8f0cc;
}












/*  MESSAGE LIST	*/


div.message-newest{
	height: 30px;
	width: 405px;
	float: right;
	margin-right: 80px;
	background: url(../../../img/message-list-arrow.png) no-repeat right top;
}

div.message-newest span{
	color: #ff22a4;
	font-size: 12px;
	font-family: "Arial" sans-serif;
	margin-top: 4px;
	display: block;
}

div.message-newest span a, div.message-newest span a:hover{
	color: #ff22a4;
}


div#message-list{
	padding-left: 20px;
}

div#message-list div.list_head{
	background-color: #414342;
	height: 40px;
	padding-left: 20px;
	width: 600px;	
}

div.list_head span{
	margin-top: 2px;
}

div.list_item span{
	margin-top: 3px;
}


div#rightBar div#message-list div.comingsoon{
	background-color: #333;
	background-image: none;
}

div#rightBar div#message-list div.comingsoon span.info, div#rightBar div#message-list div.comingsoon span.location, div#rightBar div#message-list div.comingsoon span.country, div#rightBar div#message-list div.comingsoon span.speaker, div#rightBar div#message-list div.comingsoon span.duration, div#rightBar div#message-list div.comingsoon span.language, div#rightBar div#message-list div.comingsoon span.language em, div#rightBar div#message-list div.comingsoon span.duration em{
	color: #666;
	cursor: default;
}

div#rightBar div#message-list div.comingsoon span.title{
	color: #FFF;
}


div#message-list div.list_item{
	width: 600px;
	background: url(../../../img/message-list-bg.png) repeat;
	border-top: 1px solid #264d74;
	border-bottom: 1px solid #264d74;
	margin-top: 10px;
	cursor: pointer;
}

div#message-list div.list_item:hover{
	background-color: #263a33;
}

div#message-list div.church_info{
float: left;
width: 375px;
}


div#message-list div.message_info{
float: left;
width: 225px;
}

div.list_item span{
	display: block;
}

span.info{
	display: block;
	width: 350px;
}

span.title{
	display: block;
	width: 220px;
}


span.info a, span.info a:visited, span.title a, span.title a:visited{
	font-size: 15px;
	font-family: "Arial" Helvetica sans-serif;
	color: #ff7700;
}

span.info a.active, span.info a:visited.active, span.title a.active, span.title a:visited.active{
	color: #fff;
}

span.duration{
	clear: left;
	float: left;
	width: 125px;
}

span.language{
	float: left;
	width: 100px;
}





span.location{
	clear: left;
	float: left;
	width: 155px;
}

span.country{
	float: left;
	width: 70px;
}

span.speaker{
	float: left;
	margin-left: 12px;
	width: 135px;
}


span.location a, span.location a:visited, span.country a, span.country a:visited, span.speaker a, span.speaker a:visited, span.duration a, span.duration a:visited, span.language a, span.language a:visited{
	font-size: 13px;
	font-family: "Arial" Helvetica sans-serif;
	color: #fd7904;
}

span.location a.active, span.location a:visited.active, span.country a.active, span.country a:visited.active, span.speaker a.active, span.speaker a:visited.active, span.duration a.active, span.duration a:visited.active, span.language a.active, span.language a:visited.active{
	color: #FFF;
}


div.list_item{
	padding-left: 20px;
}

div.list_item span.info{
	font: 16px "Arial" sans-serif;
	color: #78cad9;
}

div.list_item span.title{
	font: 16px "Arial" sans-serif;
	color: #78cad9;
}

div.list_item span.title em{
	color: #a1d6e0;
	font-style: normal;
}


div.list_item span.location{
	font-size: 13px;
	font-family: "Arial" sans-serif;
	color: #97c841;
}

div.list_item span.country{
	font-size: 13px;
	font-family: "Arial" sans-serif;
	color: #97c841;
}

div.list_item span.speaker{
	font-size: 16px;
	font-family: "Arial" sans-serif;
	color: #fd7904;
	margin-top: 0;
}

div.list_item span.duration{
	font-size: 13px;
	font-family: "Arial" sans-serif;
	color: #689519;
}

div.list_item span.duration em{
	color: #78cad9;
	font-style: normal;	
}

div.list_item span.language{
	font-size: 13px;
	font-family: "Arial" sans-serif;
	color: #689519;
}

div.list_item span.language em{
	color: #78cad9;
	font-style: normal;	
}




/*  MESSAGE VIEW PAGE */

span.message-back-link a, span.message-back-link a:hover{
	background-color: #CFA04C;
	border: 1px solid #FFF;
	padding: 5px 10px;
	color: #ddd;
}

div.message-details{
	margin-top: 50px;
}

div.message-details span.mTitle{
	color: #83cfdb;
}

div.message-details h1{
	margin-bottom: 10px;
}

div.message-details span.byline{
	font-size: 20px;
	font-family: "Arial" sans-serif;
	color: #cfa04c;
}

div.message-details div.player{
	margin-top: 30px;
	width: 412px;
	height: 260px;
	border: 3px solid #FFF;
	float: left;
}

div.message-details div.promo{
	background: url(../../../img/message-didyouknow.png) no-repeat;
	margin-top: 30px;
	margin-left: 30px;
	float: left;
	width: 201px;
	height: 266px;
}

div#contentSection div.message-details div.promo p{
	font: 15px "Arial" sans-serif;
	color: #6d5c3a;
	margin-top: 100px;
	padding: 0 15px;
}

div#contentSection div.message-details div.promo span.link{
	margin-left: 13px;
}


div#contentSection div.message-details div.message-stats p{
	color: #d6d07c;
	font-size: 14px;
	font-family: "Arial" sans-serif;
}

div#contentSection div.message-details div.message-stats p.instructions{
	color: #83cfdb;
	font-size: 18px;
	font-family: "Arial" sans-serif;
}


div#contentSection div.message-details div.message-stats span{
	color: #ff9b00;
}

div#contentSection div.message-details div.files{
	margin-top: 50px;
}

div.message-details div#message-list{
	padding-left: 0;
}

div.message-details div#message-list div.list_item{
	margin-left: 0;
	padding: 20px 0 20px 30px;
	cursor: default;
}

div.message-details div.list_item span{
	float: left;
	font: 17px "Arial" sans-serif;
	color: #83cfdb;
}

div.message-details div.list_item span.file-type{
	width: 260px;
}

div.message-details div.list_item span.file-format{
	width: 230px;
}

div.message-details div.list_item span.download{
	width: 100px;
}


div.message-details span.head-file-type{
	width: 260px;
	float: left;
	padding-left: 30px;
}

div.message-details span.head-file-format{
	width: 230px;
	float: left;
}








/**********	 PUBLIC MODIFICATIONS	***********/

div.nav-relative {
	position: relative;
}




div.pubnav-half {
	top: 57px;
	position: absolute;
	width: 100%;
	height: 46px;
}



div.pubnav-half div.left {
	width: 49%;
	height: 46px;
	float: left;
}

div.pubnav-half div.right {
	width: 49%;
	height: 46px;
	float: right;
	background: transparent url("../img/pubnav_bg.png") repeat-x;
}


div.pubnav {
	width: 100%;
	background: transparent url("../img/pubnav-bg2.png") repeat-x;
	height: 60px;
	margin-left: -60px;
	margin-top: 5px;
}



div.background-container {
	width: 100%;
	height: 100px;
	position: absolute;
  	/*background: #f9f9f3 url(../img/2010-bg.jpg) no-repeat center top;*/
  	background: transparent url(../img/2010-bg.jpg) no-repeat center top;

}


div.pubnav {
	padding-left: 60px;
}

div.pubnav div{
	float: left;
	margin-top: 9px;
	height: 50px;
	
}

div.pubnav div a {
	color: #fef6ea;
	font-size: 17px;
}

div.pubnav div.active a {
	color: #a5f1f0;
}

div.pubnav div.public {
	padding-right: 0;
}

div.pubnav div.border {
	width: 20px;
	border-right: 1px solid #6e6e6e;
	height: 20px;
}


div.pubnav div.pastors {
	margin-left: 20px;
}


div.pubnav div.active {
	background: transparent url("../img/pubnav-active.png") center 29px no-repeat;
}



div#public-home div.left {
	float: left;
	width: 400px;
	
}


div#public-home div.right {
	float: left;
	width: 225px;
	margin-left: 21px;

}


div.cal {
	width: 401px;
}

div.cal div#top {
	background: transparent url("../img/cal-top.png") no-repeat;
	width: 100%;
	height: 15px;
}


div.cal div#mid {
	background: transparent url("../img/cal-mid.png") repeat-y;
	width: 100%;
	
}

div.cal div#bottom {
	background: transparent url("../img/cal-bottom.png") no-repeat;
	width: 100%;
	height: 33px;
	
	
}


div.cal h2 {
	margin-left: 30px;
	font-size: 16px;
	border-bottom: 2px solid #d2c3ad;
	padding-bottom: 5px;
	width: 371px;
	color: #564118;
	margin-top: 0;
}

div.cal img {
	margin-left: 35px;
	margin-bottom: 10px;
}


div.cal p {
	margin-left: 35px;

}


div.cal span.verses {
	margin-left: 35px;
	font-size: 15px;
}

div.cal a.more {
	display: block;
	background-color: #ff842d;
	width: 280px;
	margin-bottom: 0;
	font-size: 20px;
	color: #FFF;
	margin-top: 20px;
	padding: 15px 10px;
	margin-left: 30px;
	
}













/**************	CALENDAR	******************/

div#calendar-left{
	width: 350px;
	float: left;
}

div#calendar-right{
	width: 223px;
	float: left;
	margin-left: 75px;
}

div#calendar-right img{
	margin-top: 50px;
}

a.calnav, a.calnav:visited {
	display: block;
	width: 55px;
	padding: 5px 10px;
	background-color: #ff842d;
	color: #FFF;
	float: left;
	margin-right: 30px;
	margin-top: 30px;
	font-size: 16px;
}


a.calnav:hover {
	color: #FFF;
	text-decoration: none;
}

p.cal-copy {
	font-weight: lighter;
	font-size: 17px;
	font-family: "Arial" sans-serif;
	color: #5b5b5b;
}

div#calendar h1{
	font-size: 46px
	font-family: "Georgia", Verdana sans-serif;
	color: #f9a723;
	margin-bottom: 10px;
}



div#calendar h3{
	font-weight: lighter;
	font-size: 36px;
	font-family: "Arial" sans-serif;
	color: #969696;
	margin-bottom: 10px;
	margin-top: 50px;
}

div#calendar h4{
	font-size: 16px;
	font-family: "Helvetica Neue", Arial sans-serif;
	color: #f9a723;
	margin-top: 0;
}

div.contentSection div#calendar p{
	font-weight: lighter;
	font-size: 17px;
	font-family: "Arial" sans-serif;
	color: #5b5b5b;
	line-height: 20px;
	width: 630px;
	margin-bottom: 50px;
}

div.prayer {
	width: 630px;
	margin-top: 10px;
	padding: 5px;
}

div#tues {
	background-color: #211c39;
}

div.prayer div.prayer-left{
	float: left;
	width: 200px;
	
}

div.prayer div.prayer-right{
	float: right;
	width: 400px;
	padding-top: 10px;
	
}

div.prayer span{
	display: block;
}

div.prayer span.day{
	font-size: 30px;
	font-family: "Georgia" Arial sans-serif;
	color: #fbbc25;
}

div.prayer span.fast {
	font-size: 16px;
	font-family: "Helvetica Neue" Verdana sans-serif;
	color: #FFF;
}


div.prayer span.prayer {
	font-weight: lighter;
	font-size: 20px;
	font-family: "Helvetica Neue" Verdana sans-serif;
	color: #ffbd6f;
}


div.prayer span.verse {
	font-weight: lighter;
	font-size: 15px;
	font-family: "Helvetica Neue" Verdana sans-serif;
	color: #fc961d;
}

div.prayer span.verse a, div.prayer span.verse a:visited{
	color: #fc961d;
	text-decoration: underline;
}

div.prayer span.verse a:hover{
	color: #999;
}




/******	HOME PAGE	*************/

div.facebook {
	width: 100%;
	background: transparent url("../img/trans-bg.png") repeat;
	padding: 0 15px 15px 15px;
	border: 1px solid #e5c887;
	
}

div.facebook h3 {
	font-size: 18px;
}

div.facebook img.logo {
	margin-left: 20px;
}

div.facebook img.icon {
	margin-left: 38px;
	margin-top: 20px;	
}


div.facebook p {
	font-size: 14px;
	line-height: 25px;
}



div.churches {
	width: 360px;
	background: transparent url("../img/trans-bg.png") repeat;
	padding: 0 15px 15px 15px;
	border: 1px solid #e5c887;
	margin-left: 10px;
	margin-top: 25px;
	
}



div.spread-page {
	height: 6000px;
}



img.pastor-promo {
	margin-left: 10px;
	margin-top: 30px;
}