/*  CSS Styles --

Title:			 LOOK TO JESUS
---------------------------------
Author:			 Michael Weimer     
*/


   /* ------------------ 
          Default            
   ------------------ */
html, body, ul, li, h1, h2, h3, p, img { 
	margin: 0; 
	padding: 0;
	border: 0;
	list-style: none;
	}


   /* ------------------ 
         Structure            
   ------------------ */
body {
	text-align: center;
	height: 100%;
	min-width: 770px;
	background-color: #f2f1ee;
	font: 12.4px Verdana, Arial, Helvetica, sans-serif;
	color: #4c3c23;
	line-height: 18px;
	}

#wrapper {
	position: relative;
	text-align: left;
	width: 770px;
	margin: 0 auto;
	background: url(../images/borderWrapper.jpg) repeat-y;
	}

#nav_top {
	float: right;
	margin: 25px 60px 0 0;
	display: inline; /* ie double margin fix */
	font-size: 11px;
	}
	
#nav_top li {
	display: inline;
	margin: 0 0 0 17px;
	}
	
#nav_top a {
	color: #4c3c23;
	text-decoration: none;
	}
	
#nav_top a:hover {
	text-decoration: underline;
	}
	
#banner {
	background: url(../images/banner.jpg) no-repeat top;
	height: 250px;
	}


   /* ------------------ 
          	Nav            
   ------------------ */
	
#nav li {
	float: left;
	}
	
#nav a {
	position: relative;
	display: block;
	overflow: hidden;
	color: #778c9c;
	text-decoration: none;
	}
	
#nav a span {
	position: absolute;
	width: 100%;
	height: 96px;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
	}
	
#nav01 a {
	width: 135px;
	height: 96px;
	}
	
#nav01 a span { 
	background: url(../images/nav01.jpg) no-repeat top left;
	}
	
#nav02 a {
	width: 125px;
	height: 96px;
	}
	
#nav02 a span { 
	background: url(../images/nav02.jpg) no-repeat top left;
	}
	
#nav03 a {
	width: 125px;
	height: 96px;
	}
	
#nav03 a span { 
	background: url(../images/nav03.jpg) no-repeat top left;
	}
	
#nav04 a {
	width: 125px;
	height: 96px;
	}
	
#nav04 a span { 
	background: url(../images/nav04.jpg) no-repeat top left;
	}
	
#nav05 a {
	width: 125px;
	height: 96px;
	}
	
#nav05 a span { 
	background: url(../images/nav05.jpg) no-repeat top left;
	}
	
#nav06 a {
	width: 135px;
	height: 96px;
	}
	
#nav06 a span { 
	background: url(../images/nav06.jpg) no-repeat top left;
	}

   /* ------------------ 
          	Tab            
   ------------------ */
#tab {
	float: left;
	background: url(../images/tabFlap.jpg) no-repeat;
	width: 770px;
	height: 122px;
	padding: 9px 0 0 0;
	}

/* Box Model hack for IE5.x */	
* html #tab {
	height: 131px;
	heig\ht: 122px;
	}
/* Tan hack */	
	
#tab_tc {
	width: 210px;
	height: 20px;
	background-image: url(../images/tab_tc.gif);
	
	
	}

#tab_tc a {
	background: url(../images/tab_tc.gif);
	display: block;
	width: 210px;
	height: 20px;
	}
	
#tab_tc a:hover {
	
	}
	

#tab_connected {
	background: url(../images/tab_connected.gif);
	width: 210px;
	height: 20px;
	
	}

#tab_connected a {
	background: url(../images/tab_connected.gif);
	display: block;
	width: 210px;
	height: 20px;
	}
	
#tab_connected a:hover {
	
	}
	
	
#tab_spirit {
	background: url(../images/tab_spirit.gif);
	width: 210px;
	height: 20px;
	
	}

#tab_spirit a {
	background: url(../images/tab_spirit.gif);
	display: block;
	width: 210px;
	height: 20px;
	}
	
#tab_spirit a:hover {
	
	}
	
	
#tab_guide {
	background: url(../images/tab_guide.gif);
	width: 210px;
	height: 20px;
	
	}

#tab_guide a {
	background: url(../images/tab_guide.gif);
	display: block;
	width: 210px;
	height: 20px;
	}
	
#tab_guide a:hover {
	
	}
	
	
#tab_worship {
	background: url(../images/tab_worship.gif);
	width: 210px;
	height: 20px;
	
	}

#tab_worship a {
	background: url(../images/tab_worship.gif);
	display: block;
	width: 210px;
	height: 20px;
	}
	
#tab_worship a:hover {
	
	}
	
/* Box Model for IE5.x */	
* html #tab_tc, #tab_connected, #tab_spirit, #tab_guide, #tab_worship { 
	margin: 0 0 0 -16px;
	mar\gin: 0;
	}
/* Box Model */	


   /* --------------------- 
         Content: Home            
   --------------------- */

#contentHome {
	float: right;
	width: 560px;
	margin: -97px 13px 0 0;
	display: inline; /* ie double margin fix */
	}
	
#col01 {
	width: 268px;
	float:left;
	margin-left: 12px;
	}
	
#col02 {
	width: 280px;
	float: right;
	}
	
#promo01 a {
	background: url(../images/promo01.jpg) no-repeat;
	display: block;
	width: 267px;
	height: 100px;
	float: none;

	}
	
#promo02 a {
	background: url(../images/promo02.jpg) no-repeat;
	display: block;
	width: 280px;
	height: 200px;
	}
	
#promo03 a {
	background: url(../images/promo03.jpg) no-repeat;
	display: block;
	width: 280px;
	height: 100px;
	}
	
#promo04 a {
	background: url(../images/promo04.jpg) no-repeat;
	display: block;
	width: 280px;
	height: 100px;
	}
	
#promo05 a {
	background: url(../images/promo05.jpg) no-repeat;
	display: block;
	width: 280px;
	height: 100px;
	}


   /* --------------------- 
          Content: Sub            
   --------------------- */

#contentSub {
	float: right;
	width: 620px;
	display: inline; /* ie double margin fix */
	background: url(../images/contentSub_border.gif) repeat-y;
	position: relative;
	margin-top: -94px;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 0;
}

#contentSub_head {
	background: url(../images/contentSub_head.jpg) no-repeat top left;
	height: 80px;
	
	}
#contentSub_foot {
	background: url(../images/contentSub_foot.gif) no-repeat bottom;
	height: 35px;
	}
	
#contentSub p {
	margin: 0 60px 0 60px;
	padding: 10px 0 0 0;
	}
	
#contentSub a {
	color: #3e3801;
	}

#contentSub a:hover {
	text-decoration: none;
	background-color: #fdf9be;
	}
	
strong {
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	}
	
.bold {
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	}

/* <=================== Headers ====================> */
	
	
h2 {
	float: left;
	margin: -215px 230px 0 30px;
	font-size: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3e3801;
	display: inline;  /* ie double margin fix */
	}
	
h5 {
	display: block;
	margin: -10px 0 0 60px;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	}	
	
/* <=== booklet Headers ===> */

h3 { 
	display: block;
	margin: 20px 10px 0 60px;
	font-size: 22px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 25px;
	color: #003366;
	}
	
h4 { 
	display: block;
	margin: 20px 10px 0 60px;
	font-size: 28px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 25px;
	color: #003366;
	}
		
	
/* <=== Graphic Headers ===> */
	
#hdrPic { 
	float: right;
	margin: -76px 9px 0 0;
	display: inline;  /* ie double margin fix */
	}
	
.hdrPic_connect {
	background: url(../images/hdrPic_connect.jpg) no-repeat;
	width: 380px;
	height: 280px;
	}
	
.hdrPic_prayer { 
	background: url(../images/hdrPic_prayer.jpg) no-repeat;
	width: 380px;
	height: 280px;
	}	
		
.hdrPic_bible { 
	background: url(../images/hdrPic_bible.jpg);
	width: 380px;
	height: 280px;
	}	
	
.hdrPic_church { 
	background: url(../images/hdrPic_church.jpg) no-repeat;
	width: 400px;
	height: 280px; 
	 
	}	
	
.hdrPic_share {
	background: url(../images/hdrPic_share.jpg) no-repeat;
	width: 330px;
	height: 280px;
	}
	
.hdrPic_besure { 
	background: url(../images/hdrPic_besure.jpg) no-repeat;
	width: 380px;
	height: 280px;
	}
	
.hdrPic_spirit { 
	background: url(../images/hdrPic_spirit.jpg) no-repeat;
	width: 330px;
	height: 280px;
	}
	
.hdrPic_worship { 
	background: url(../images/hdrPic_worship.jpg) no-repeat;
	width: 380px;
	height: 280px;
	}

/*h1 {
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3e3801;
	}*/
	
h1 {
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #3e3801;
	margin:-50px 0 0 50px;
	width: 537px;
	position: absolute;
	top: 67px;
	left: 9px;
	}


/* <=================== Sub List ====================> */	
	
#subList {
	float: left;
	width: 500px;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	clear: both;
	}
	
#subList_tc {
	width: 550px;
	padding: 15px 0 0 60px;
	clear: both;
	}
	
#subList_tcSub {
	float: none;
	width: 550px;
	margin: 15px 0 0 58px;
	}
	
#subList li, ul#subList_tc li, ul#subList_tcSub li {
	background: url(../images/icon_arrow.gif) no-repeat 0 4px;
	margin: 9px 0 0 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
#subList li.heading {
	background: none;
	margin: 25px 0 0 0;
	}
	
#subList_tc li, #subList_tcSub li {
	padding: 0 0 0 27px;
	}
	
#subList li a {
	margin: 0 0 0 26px;
	color: #6d6100;
	}
	
#subList_tc li a {
	margin: 0 0 0 12px;
	}	

	
/* <=================== Video ====================> */

#videoSteps {
	margin: 40px 0 0 30px;
	}
	
#videoTC {
	margin: 20px 0 0 60px;
	}
	
	
	
/* <=================== Site Map ====================> */
	
ul#sitemap {
	margin: 6px 0 0 74px; 
	padding: 10px 0 0 0;
	}

ul#sitemap li {
	margin: 0 0 16px 0;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	list-style: disc;
	}

ul#sitemap li ul li {
	margin: 0;
	font-size: 12.4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style-position: inside;
	}

ul#sitemap li ul li a {
	text-decoration: none;
	}


   /* ------------------ 
           Forms            
   ------------------ */
  
#form {
	margin:0 0 0 56px; 
	font-size: 12.4px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.bible_group {
	text-align: left; 
	vertical-align: top; 
	margin: 0 0 0 50px;
	}

	
#info {
	margin: -20px 60px 0 0;
	}
	
	
	
 /* ------------------ 
          Chat            
   ------------------ */
	
#chat {
	float: right;
	margin: -65px 20px 0 0;
	display: inline;
	}
	
	

   /* ------------------ 
           Footer            
   ------------------ */
   
#footer {
	clear: both;
	background: url(../images/footer.jpg) no-repeat 0 35px;
	height: 70px;
	padding: 35px 0 0 120px;
	}
	
/* Box Model for IE5.x */	
* html #footer {  
	height: 105px;
	he\ight: 70px; 
	}
/* Box Model */	

#footer li {
	float: left;
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 0 6px;
	}
	
#footer li.beneath {
	clear: both;
	margin: 0 0 0 42px;
	width: 440px;
	}
	
* html #footer li.beneath {
	margin: 0 0 0 23px;
	}

#footer li a {
	margin: 0 3px 0 0;
	text-decoration: none;
	color: #584629;
	}

#footer li a:hover {
	text-decoration: underline;
	}
/* footer */





/* <=================== Spirit Filled Booklet ====================> */

#booklet {
	margin: -70px 0 0 0;
	}

#booklet p {
	color: #001233;
	}	
	
#booklet a {
	position: relative;
	color: #c19f02;  /* or fd8403 */
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	}
	
#booklet a span {
  display: none;
  }
 
#booklet a:hover {
  background-color: #fffcf5; /* defeats the IE/Win display changing bug */
  z-index: 20;
  }
  
#booklet a:hover span {
  position: absolute;
  top: 18px;
  left: -120px;
  display: block;
  width: 350px;
  z-index: 20;
  padding: 5px 3px 8px 8px;
  background: #fffdf5;
  border: 2px solid #fdf0b5;#
  }

sup {
	font-size: 9px;
	}	
	
#booklet strong {
	color: #011756;
	font-weight: bold;
	}