@charset "utf-8";
/* CSS Document */
@import url('reset.css');

body           		{
					  background: #333333 url(images/background.jpg) scroll top center no-repeat;
					  font-family: Arial, Helvetica, sans-serif;
					  margin: 20px 0px;
					  color: #383F35;
					  }
p
					 {
					  margin: 20px 0px;
					  line-height: 20px;
					  }
h1
					 {
					  display: block;
					  position: relative;
					  height: 20px;
					  text-align: left;
					  font-size: 44px;
					  margin-top: 0px;
					  letter-spacing: -3px;
					  bottom: -5px;
					  color: #E0ECF9;
					  font-style: italic;
					  font-weight: bold;
					  }
h2 					 
					 {
    				  display: block;
					  position: relative;
					  bottom: 0px;
					  width: 60%;
					  font-size: 18px;
					  font-weight: bold;
					  text-align: left;
					  margin: 0px;
					  border: 1px solid #999999;
					  border-width: 0px 0px 1px;
					  }					  

a
					{
					 color: #999999;
					 text-decoration: none;
					 }
a:hover
					{
					 color: #8BB8E9;
					 text-decoration: none;
					 }
.date
					 {
					  display: block;
					  position: relative;
					  float: right;
					  font-size: 14px;
					  color: #999999;
					  font-weight: 100;
					  }
.scripture
					 {
					  text-indent: 100px;
					  margin: 0px 0px 0px;
					  }
p.attention
					{
					 display: block;
					 position: relative;
					 width: 550px;
					 border-bottom: 1px solid #CCCCCC;
					 font-size: 16px;
					 text-align: left;
					 margin: 50px auto;
					 padding-bottom: 20px;
					 }
.underlined-heading
					{
					 position: relative;
					 display: block;
					 width: 100%;
					 border-bottom: 1px solid #CCCCCC;
					 border-top: 1px solid #CCCCCC;
					 text-align: left;
					 }					 
div#banner {
			position: relative;
			display: block;
			width: 812px;
			margin: auto;
			}
					
div#content-box-top
                     {
					  position: relative;
					  height: 23px;
					  background: url(images/contentbox_top.jpg) no-repeat;
					  margin: auto;
					  width: 812px;
					  top: 20px;
					  }
div#home-intro-content
                      {
					  width: 812px;
					  background: url(images/contentbox_backgroundrepeat.jpg) repeat-y;
					  margin: auto;
					  margin-bottom: 0px;
					  padding-bottom: 50px;
					   }
div#content-box-bottom
                     {
					  position: relative;
					  display: block;
					  top: 0px;
					  height: 18px;
					  background: url(images/contentbox_bottom.jpg) no-repeat;
					  margin: auto;
					  width: 812px;
					  padding-bottom: 80px;
					  }
#content-margin {
				margin: 10px 50px 0px;
				}
/* BUTTONS ALL STYLED AND POSITIONED HERE START */
/* -----------------------------------------------
--------------------------------------------------
--------------------------------------------------
--------------------------------------------------
*/
#buttons-float
                     {
					  position: relative;
					  top: 10px;
					  width: 812px;
					  height: 44px;
					  margin: auto;
					  }
#dropdown li
{
float:left;
display:block;
}

#left-space
                     {
					  background: url(images/SpriteButtons.jpg) no-repeat;
					  display: block;
					  background-position: 0px 0px;
					  width: 18px;
					  height: 44px;
					  }

#dropdown li a
{
display: block;
outline: none;
position: relative;
text-decoration: none;
width: auto;
padding: 0px;
margin: 0px;
}

	
	#dropdown #home 
	{
	background-image:url(images/SpriteButtons.jpg);
	background-position:-18px 0px;
	width:68px;
	height:44px;
	}


	#dropdown #articles
	{
	background-image:url(images/SpriteButtons.jpg);
	background-position:-86px 0px;
	width:70px;
	height:44px;
	}
	
	
	#dropdown #dvd
	{
	background-image:url(images/SpriteButtons.jpg);
	background-position:-156px 0px;
	width:69px;
	height:44px;
	}
	
	
	#dropdown #itinerary
	{
	background-image:url(images/SpriteButtons.jpg);
	background-position:-225px 0px;
	width:68px;
	height:44px;
	}
	
	
	#dropdown #camps
	{
	background-image:url(images/SpriteButtons.jpg);
	background-position:-293px 0px;
	width:68px;
	height:44px;
	}
	
	
	#dropdown #vision
	{
	background-image:url(images/SpriteButtons.jpg);
	background-position:-361px 0px;
	width:68px;
	height:44px;
	}
	
	
	#dropdown #free
	{
	background-image:url(images/SpriteButtons.jpg);
	background-position:-429px 0px;
	width:68px;
	height:44px;
	}
	
	
	#dropdown #deliverance
	{
	background-image:url(images/SpriteButtons.jpg);
	background-position:-497px 0px;
	width:68px;
	height:44px;
	}
	
	
#dropdown a .hover {
display:block ;
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
	
	
	#dropdown #home .hover {
	background: transparent  url(images/SpriteButtons.jpg) no-repeat;
	background-position: -18px -49px;
	width: 68px;
	height: 44px;
	}
	
	
	#dropdown #articles .hover {
	background: transparent  url(images/SpriteButtons.jpg) no-repeat;
	background-position: -86px -49px;
	width: 70px;
	height: 44px;
	}
	
	
	#dropdown #dvd .hover {
	background: transparent  url(images/SpriteButtons.jpg) no-repeat;
	background-position: -156px -49px;
	width: 69px;
	height: 44px;
	}
	
	
	#dropdown #itinerary .hover {
	background: transparent  url(images/SpriteButtons.jpg) no-repeat;
	background-position: -225px -49px;
	width: 68px;
	height: 44px;
	}
	
	
	#dropdown #camps .hover {
	background: transparent  url(images/SpriteButtons.jpg) no-repeat;
	background-position: -293px -49px;
	width: 68px;
	height: 44px;
	}
	
	
	#dropdown #vision .hover {
	background: transparent  url(images/SpriteButtons.jpg) no-repeat;
	background-position: -361px -49px;
	width: 68px;
	height: 44px;
	}
	
	
	#dropdown #free .hover {
	background: transparent  url(images/SpriteButtons.jpg) no-repeat;
	background-position: -429px -49px;
	width: 68px;
	height: 44px;
	}
	
	
	#dropdown #deliverance .hover {
	background: transparent  url(images/SpriteButtons.jpg) no-repeat;
	background-position: -497px -49px;
	width: 68px;
	height: 44px;
	}
	
#right-space
                     {
					  background: url(images/SpriteButtons.jpg) no-repeat;
					  background-position: -565px 0px;
					  width: 247px;
					  height: 44px;
					  }
/* -----------------------------------------------
--------------------------------------------------
--------------------------------------------------
--------------------------------------------------
*/
/* DROP DOWN MENU STYLED HERE START */
ul.dropdown
                      {
					   margin: 0px;
					   padding: 0px;
					   }
li.button-img ul li    
                      {
                       text-decoration: none;
					   display: block;
					   width: 160px;
					   color: #000000;
					   font-size: 14px;
					   font-weight: 600;
					   border: 1px solid #333333;
					   }
li.button-img ul li a    
                      {
					   color: #000000;
					   font-size: 14px;
					   font-weight: 600;
					   }
li.button-img ul a:hover 
                      {
                       background-color: #7D7D7D;
					   display: block;
					   font-size: 14px;
					   }

li.button-img         {
                       position: relative;
					   float: left;
                       list-style: none;
                       }
li.button-img ul 
                      {
					   display: none;
					   }
li.hover,
li.button-img:hover ul
                      {
					   list-style: none;				  
					   position: absolute;
					   display: inline-block;
					   width: 160px;
					   background: #B5B5B5;
					   text-align: left;
					   vertical-align: middle;
					   border: 1px solid #333333;
					   padding: 0px;
					   margin: 0px;
					   z-index: 100; 
					   }
/* IMAGES LINK BORDER REMOVED START */				  
a.photo-link img
                     {
					  border: 0px solid black;
					  }
/* IMAGES LINK BORDER REMOVED END */	
/* PHOTO FRAME TIAAN HOME PAGE POSITION START */				
div#tiaan-photo-frame
                     {
					  position: relative;
					  margin: 0px;
					  top: 50px;
					  margin-bottom: 50px;
					  float: right;
					  width: 178px;
					  height: 254px;
					  background: url(images/photo_frame_trans.png) no-repeat;
					  }
/* PHOTO FRAME TIAAN HOME PAGE POSITION END */
/* PHOTO TIAAN HOME PAGE POSITION ON PHOTO FRAME START */
div#tiaan-photo
                     {
					  margin: auto;
					  position: relative;
					  top: 27px;
					  right: 2px;
					  width: 154px;
					  height: 204px;
					  }
/* PHOTO TIAAN HOME PAGE POSITION ON PHOTO FRAME END */	
/* QUICK REFFERENCE BOX HOME PAGE ALL STYLES START */
div#total-wrap
                     {
					  position: relative;
					  width: 100%;
					  }
div#quick-ref-wrap
                     {
					  position: relative;
					  display: block;
					  width: 750px;
					  margin: 0px auto;
					  height: 600px;
					  }		
div.quick-ref-container
                     {
					  padding: 25px 20px 10px 4px;
					  }
div#subscribe
                     {
					  position: relative;
					  margin: auto;
					  display: block;
					  background: url(images/box_newest.png) no-repeat;
					  width: 335px;
					  height: 251px;
					  }
#subscribe input {
				width: 150px;
				}
div.quick-ref-content
					 {
					  display: block;
					  position: relative;
					  top: 0px;
					  left: 0px;
					  margin: 0px 0px 0px 10px;
					  height: 200px;
					  width: 300px;
					  }
					  
div.dvd-photo  
                     {
					  position: relative;
					  float: left;
					  width: 140px;
					  height: 140px;
					  left: 7px;
					  }
fieldset {
			display: block;
			position: relative;
			top: -20px;
			}					  
p.title
                     {
					  position: relative;
					  top: 0px;
					  font-size: 16px;
					  font-weight: bold;
					  color: #9DA0AE;
					  margin-left: 10px;
					  display: block;
					  width: 280px;
					  height: 25px;
					  border-bottom: 1px solid #9DA0AE;
					  }		
/* QUICK REFFERENCE BOX HOME PAGE ALL STYLES END */	
/* HOME PAGE SPECIFIC STYLES START */
p.read-more-link	
					 {
					  display: block;
					  position: relative;
					  float: right;
					  }
.quick-ref-sub	
					 {
					  font-weight: bold;
					  }
/* HOME PAGE SPECIFIC STYLES END */
/* DVDS PAGE SPECIFIC STYLES START */
div.dvd-rows
					{
					 display: block;
					 position: relative;
					 margin: auto;
					 width: 756px;
					 }
div.dvd-quick-describe 
					{
					 display: block;
					 position: relative;
					 float: left;
					 width: 230px;
					 margin-right: 20px;
					 margin-bottom: 40px;
					 border: 1px solid #A1A8A0;
					 }
p.dvd-quick-text
					{
					 display: block;
					 position: relative;
					 height: 23px;
					 margin: 0px;
					 text-align: center;
					 border-bottom: 1px solid #A1A8A0;
					 font-size: 14px;
					 }
div.dvd-images
					{
					 display: block;
					 position: relative;
					 width: 200px;
					 height: 250px;
					 margin: auto;
					 }
div.dvd-images-thick
					{
					 display: block;
					 position: relative;
					 width: 180px;
					 height: 235px;
					 margin: auto;
					 }
.dvd-box
					{
					 margin: auto;
					 }
p.dvd-name
					{
					 display: block;
					 width: 230px;
					 height: 27px;
					 background-color: #696969;
					 border-top: 1px solid #CCCCCC;
					 margin: 0px;
					 text-align: center;
					 color: #FFFFFF;
					 font-size: 16px;
					 vertical-align: middle;
					 }
p.dvd-name-thick
					{
					 display: block;
					 width: 230px;
					 height: 42px;
					 background-color: #696969;
					 border-top: 1px solid #CCCCCC;
					 margin: 0px;
					 text-align: center;
					 color: #FFFFFF;
					 font-size: 16px;
					 vertical-align: middle;
					 }
.preview
					{
					 display: block;
					 position: relative;
					 float: left;
					 margin-left: 10px;
					 }
.review
					{
					 display: block;
					 position: relative;
					 float: right;
					 margin-right: 10px;
					 }
p.dvd-quick-text a
					{
					 color: #696969;
					 text-decoration: none;
					 }
p.dvd-quick-text a:hover
					{
					 color: #4A9BCC;
					 text-decoration: none;
					 }
p.dvd-price
					{
					 display: block;
					 position: relative;
					 height: 20px;
					 width: 230px;
					 margin: 0px;
					 }
.now
					{
					 display: block;
					 position: relative;
					 float: right;
					 margin-right: 10px;
					 font-size: 18px;
					 font-weight: bold;
					 color: #D1343B;
					 }
.was
					{
					 display: block;
					 position: relative;
					 float: left;
					 margin-left: 10px;
					 font-size: 14px;
					 }
div.review
					{
					 display: block;
					 position: relative;
					 background-color: #FFFFFF;
					 border: 3px solid #A1A8A0;
					 margin: auto;
					 }
div.review p
					{
					 text-align: justify;
					 font-size: 16px;
					 margin-left: 20px;
					 margin-right: 20px;
					 }
div.dvd-text-margin
					{
					 position: relative;
					 display: block;
					 padding-left: 30px;
					 }
/* web-downloads start */
div.dvd-preview
					{
					 display: block;
					 position: relative;
					 float: left;
					 height: 400px;
					 width: 330px;
					 margin-bottom: 50px;
					 margin-left: 20px;
					 border: 1px solid #999999;
					 }
div.dvd-preview-container
					{
					 display: block;
					 position: relative;
					 height: 240px;
					 background-color: #000000;
					 }
div.dvd-preview-container img
					{
					 dispaly: block;
					 position: absolute;
					 top: 0px;
					 bottom: 0px;
					 margin: auto;
					 right: 0px;
					 left: 0px;
					 }					 
div.dvd-preview-container object
					{
					 dispaly: block;
					 position: absolute;
					 top: 0px;
					 bottom: 0px;
					 margin: auto;
					 right: 0px;
					 left: 0px;
					 }
div.dvd-preview-description
					{
					 display: block;
					 position: relative;
					 float: left;
					 height: 100px;
					 }
.preview-thumb
					{
					 display: block;
					 position: relative;
					 float: left;
					 }
/* web-downloads end */
h3 					 
					 {
    				  display: block;
					  position: relative;
					  bottom: 0px;
					  width: 100%;
					  font-size: 18px;
					  font-weight: bold;
					  text-align: center;
					  margin: 0px;
					  border: 1px solid #999999;
					  border-width: 1px 0px 1px;
					  }
p.align-right
					{
					 text-align: right;
					 font-size: 14px;
					 margin-right: 10px;
					 }
div.attention-streaming p
					{
					 display: block;
					 position: relative;
					 width: 700px;
					 border-bottom: 1px solid #CCCCCC;
					 font-size: 16px;
					 text-align: center;
					 margin: 50px auto;
					 padding-bottom: 20px;
					 float: left;
					 }
/* DVDS PAGE SPECIFIC STYLES END */
/* ARTICLES PAGE SPECIFIC STYLES START */
fieldset
					{
					 margin: 40px 0px;
					 }
legend
					 {
					  font-weight: bold;
					  font-size: 18px;
					  }
fieldset a
					 {
					  color: #999999;
					  font-size: 14px;
					  text-decoration: none;
					  text-align: right;
					  }
p.top
					 {
					  display: block;
					  position: relative;
					  text-align: right;
					  }
.style 
					{
     				 font-style: italic;
	 				 margin: 15px 70px;
					 }
.italic 
					{
     				 font-style: italic;
					 }
.letter_weight 
					{
    				 font-weight: bold;
					 font-size: 26px;
					 }
.weight 
					{
     				 font-weight: bold;
					 }
.author 
					{
     				 color: gray;
	 				 font-size: 12px;
	 				 font-style: italic;
	 				 text-align: center;
					 }
.style-article 
					{
     				 display: block;
					 position: relative;
					 float: right;
					 width: 250px;
					 font-style: italic;
	 				 margin: 25px;
					 padding: 10px;
	 				 border: 1px solid gray;
	 				 border-width: 6px 0px;
	 				 padding: 10px 0px;
					 }
.articles-link a
					{
					 display: block;
					 position: relative;
					 text-align: left;
					 float: left;
					 width: 220px;
					 }
/* ARTICLES PAGE SPECIFIC STYLES END */
/* CONTACT PAGE SPECIFIC STYLES START */
div.contact-person
					{
					 display: block;
					 position: relative;
					 width: 700px;
					 height: 360px;
					 }
div.contact-photo-left
					{
					 display: block;
					 position: relative;
					 float: left;
					 width: 200px;
					 }
div.contact-details-right
					{
					 display: block;
					 position: relative;
					 float: right;
					 width: 495px;
					 text-align: right;
					 margin-top: 40px;
					 }
p.name
					{
					 display: block;
					 position: relative;
					 width: 100%;
					 border-bottom: 1px solid #999999;
					 font-weight: bold;
					 text-align: right;
					 }
/* CONTACT PAGE SPECIFIC STYLES END */
.article-head 		 {
     				  background-color: #FCFCFC;
     				  color: #990000;
     				  font-size: 20px;
	 				  font-weight: 700;
	 				  margin-top: 50px;
	 				  border: 1px solid #DFDFDF;
	 				  border-width: 0px 0px 2px 10px;
	 				  padding: 5px 0px 5px 15px;
					  }					  
					  
					  
div#road-map         
                     {
                     position: relative;
					 display: block;
					 margin: 20px auto;
					 border: 1px solid #B9E949;
					 width: 400px;
					 height: 500px;
	                 z-index: 1;
					  }					  
div#img-map
					{
					 position: relative;
					 display: block;
					 margin: 20px auto;
					 width: 660px;
					 }
div.images
					{
					 display: block;
					 position: relative;
					 float: right;
					 border: 1px solid #CCCCCC;
					 height: 100%;
					 }					  
p.image-caption
					{
					 text-align: center;
					 border-top: 1px solid #CCCCCC;
					 margin: 0px;
					 }
.frontrun
					{
					 font-weight: bold;
					 font-size: 17px;
					 }
div.dvd-preview-camps
					{
					 display: block;
					 position: relative;
					 float: left;
					 height: 320px;
					 width: 289px;
					 margin-bottom: 50px;
					 margin-right: 50px;
					 margin-top: 50px;
					 border: 1px solid #999999;
					 }
div.dvd-preview-bethlehem
					{
					 display: block;
					 position: relative;
					 float: left;
					 height: 320px;
					 width: 400px;
					 margin-bottom: 50px;
					 margin-right: 50px;
					 margin-top: 50px;
					 border: 1px solid #999999;
					 }
div.dvd-preview-container-camps
					{
					 dispaly: block;
					 position: relative;
					 width: 249px;
					 margin: 20px auto;
					 }
.underlined-heading-youth
					{
					 position: relative;
					 display: block;
					 width: 100%;
					 border-bottom: 1px solid #CCCCCC;
					 border-top: 1px solid #CCCCCC;
					 text-align: left;
					 margin-top: 200px;
					 }
.underlined-heading-beth
					{
					 position: relative;
					 display: block;
					 width: 100%;
					 border-bottom: 1px solid #CCCCCC;
					 border-top: 1px solid #CCCCCC;
					 text-align: left;
					 margin-top: 50px;
					 }
div.form-float p
					{
					 text-align: center;
					 font-size: 14px;
					 margin-bottom: 10px;
					 margin-top: 10px;
					 }
p.subscribe
					{
					 display: block;
					 position: relative;
					 width: 100%;
					 margin: 30px auto 50px;
					 text-align: center;
					 border: 1px solid #999999;
					 border-width: 5px 1px;
					 color: #8BB8E9;
					 font-weight: bold;
					 }
.form-text
					{
					 color: #8BB8E9;
					 font-weight: bold;
					 font-size: 16px;
					 }
div.form-float
					{
					 display: block;
					 position: relative;
					 width: 200px;
					 height: 200px;
					 margin: auto;
					 background-color: #FFFFFF;
					 border: 1px solid #CCCCCC;
					 }
div.form-float-construct
					{
					 display: block;
					 position: relative;
					 width: 430px;
					 height: 370px;
					 margin: auto;
					 background-color: #FFFFFF;
					 border: 1px solid #CCCCCC;
					 padding: 10px;
					 }					 
p.construction
					{
					 margin-top: 100px;
					 text-align: center;
					 }					 
div.viewing-size
					{
					 display: block;
					 position: relative;
					 width: 600px;
					 text-align: center;
					 color: #999999;
					 margin: auto;
					 }
#GRSubscribeForm fieldset {
width: 150px; 
border: 0;
}
		
/* comment about GetResponse */
#GRSubscribeForm p {
font-size: x-small;
}
		
/* table used to position form elements */
#GRSubscribeForm table {
border: 0;
margin: auto;
}	
#browser-alert {
			display: block;
			position: relative;
			width: 750px;
			color: red;
			background-color: white;
			margin: auto;
			margin-bottom: 10px;
			text-align: center;
			text-transform: capitalize;
			font-size: 14px;
		}
#browser-alert a {
			text-decoration: underline;
		}
#browser-alert a:hover {
			text-decoration: underline;
		}
.firefox #browser-alert,
.chrome #browser-alert,
.msie8 #browser-alert
 {
			display: none;
			visibility: hidden;
		}