/* -----------------------------------*/
/* -------->>> STRUCTURE <<<----------*/
/* -----------------------------------*/

html {
	height: 100%; }

body {
  /* MSIE 5 doesn't center based on auto left/right margins, 
     but 'text-align:center' does center top-level divs: 
     this will be re aligned then in the wrapper id*/
  text-align: center;
  /* Specify a min-width for the body as wide as the 'wrapper'
     element itself. This prevents negative (i.e. inaccessible)
     left-margins in narrow browser windows when using 
     Navigator 6+/Mozilla on Win32: */
  min-width: 750px;
	background-color: #63391d;
	background-image:url('/images/background_1.jpg');
	padding: 0px;
	width:750px;
	height: 100%;
	min-height: 100%;   
  margin: 0px auto;}
	
#wrapper {
  text-align: left; /* Reset alignment to compensate for 'text-align:center': */
	width: 750px; /* Specify the width of the element. This should be the same
                  as 'body min-width': */
  margin-left: auto; 
  margin-right: auto; /* Set left and right margins to auto, thus centering the 
                                element in the containing (body) tag: */
  margin-bottom: -110px;    
  position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%; 	
	background-color: white;    

}
	
#header {	   /* Height is currently wrong in IE due to menu images.. will correct*/
	margin: 0px auto 0px auto;
	height: 108px;
	width: 750px;
	border: 0px solid;  }                       
	
#header_title_image  {
	background-image:url(/images/top_banner_2.jpg);
	background-repeat:no-repeat;
	width: 750px; 
	height: 78px;
	border:0px;  }
	
.home_link  {
/*background-color:#FF0000;
border:thin dotted #FF0000; */
position:absolute;
width:200px;
height:70px;
margin:5px 0px 0px 10px;
}
	
#menu_bar {
  width:750px;
  height: 50px;
  }

#sideBar {
	position: relative;
	float: right;
	margin-top: 15px 30PX 0px 0px;
	width: 241px;
	font-family: 'lucida grande',tahoma,sans-serif;
	background-color: #e7f4f4;   }
	
#column1 {
	float: left; 
	width: 430px; 
	font-family: 'lucida grande',tahoma,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	font-size-adjust: none;
	font-stretch: normal;
	color: #777777;  	}
	
#column2 {
	float: left; 
	width: 200px; 
	font-family: 'lucida grande',tahoma,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5;
	font-size-adjust: none;
	font-stretch: normal;
	color: #777777;
	border-left: 1px;
	border-left-color:#CCCCCC;
	padding-left: 20px;
	padding-top:20px;     }	
	
#welcome_box_1 {
	float: left; 
	width: 430px; 
	font-family: 'lucida grande',tahoma,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	font-size-adjust: none;
	font-stretch: normal;
	color: #777777;  	}
	
#welcome_box_2 {
	float: left; 
	width: 499px; 
	font-family: 'lucida grande',tahoma,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5;
	font-size-adjust: none;
	font-stretch: normal;
	color: #777777;
	border-left: 1px;
	border-left-color:#CCCCCC; 
  background-image:url(/images/welcome_box_2.jpg);     }
  
#body_box_1 {
	float: left; 
	width: 350px; 
	font-family: 'lucida grande',tahoma,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	font-size-adjust: none;
	font-stretch: normal;
	color: #777777;  	}
	
#body_box_2 {
	float: left; 
	width: 200px; 
	font-family: 'lucida grande',tahoma,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5;
	font-size-adjust: none;
	font-stretch: normal;
	color: #777777;
	border-left: 1px;
	border-left-color:#CCCCCC;
	padding-left: 20px;
	padding-top:20px;     }	

#text {
	border: 0px solid;
	padding: 0px 30px 15px 50px;   }
	
#recent_sermon_player {
  float: left; 
	width: 430px;
  padding: 10px 10px 0px 20px; 
	font-family: 'lucida grande',tahoma,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	font-size-adjust: none;
	font-stretch: normal;
	color: #777777;  }
	
#footer, .push {
	clear: both;
	margin: 0px auto 0px auto;
	background-color: #1c0e0a;
	border: 0px;	
	padding: 0px 0px 5px 0px;
	position: absolute;
	width: 750px;
	height: 182px;
	bottom: -182px;     }
	

/* -----------------------------------*/
/* ------->>>  TEXT STYLES <<<--------*/
/* -----------------------------------*/



A:link, a:visited, a:active {
	font-weight:bold;
	font-family: 'lucida grande',tahoma,sans-serif; 
	color: #CC6600;
	text-decoration: none;  }

A:hover {
	font-weight:bold; 
	font-family: 'lucida grande',tahoma,sans-serif;
	color: orange; 
	text-decoration: underline;  }
	


.text_orange {
	font-family: 'lucida grande',tahoma,sans-serif;
	color:#CC6600;
	font-size: 12px;    }

.title_1{
	font-family: Arial, Verdana, Geneva, sans-serif;
/*	color: #1c0e0a; */
	color: #CC6600;
	font-size: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC6600;     }

.title_2{
	font-size: 14px; 
	font-family: Arial, Verdana, Geneva, sans-serif;
	color: #1c0e0a;
}



h1.footer_sermon_text {
	font-family: arial,tahoma,sans-serif; 
	font-size: 16px;
	font-weight:bold;
	color:#fff;
	z-index: 2;      }	

#recent_sermon_link {
	font: 10px 'lucida grande',tahoma,sans-serif  ;
  color: #FF9900 ; 
	top: 10px;
	text-align:right;
	padding: 10px;   }

img {
	border:0;
}



#nav {
	text-align: right;
	margin: 25px 10px -2px;
	padding: 0px;

}

#index_banner {
	vertical-align:top;
	width: 750px;
	height: 160px;
	background-image:url(../images/banner_image_vision.jpg)
}

#retreat_banner {
	vertical-align:top;
	width: 750px;
	height: 160px;
	background-image:url(../images/retreat_banner_1.jpg)
}


#text p
{
	margin-top: .5em;
	margin-right: 0pt;
	margin-bottom: 1.3em;
	margin-left: 0pt;
	font-family: 'lucida grande',tahoma,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #777777;
}

#text ul{
	list-style-type:circle;
	line-height: 1.5em;
	font-size:12px;
	font-family: 'lucida grande',tahoma,sans-serif;
	color: #777777;
}
#text img{
	margin: 0px;
}

#text2 {
	margin: 0px auto 0;
	background-color: white;
	border: 0px solid;
	padding: 15px 50px 15px 50px;
	width: 500px;
}

/*this keeps images in their box, add cleardiv at the bottom of the text*/
#cleardiv{		
	clear: both;
	height: 1px;
}





#footer_info {
	clear: both;
	margin: 0px auto 0px auto;
	padding: 0px 0px 5px 0px;
	text-align: center;
	font-size: x-small;
	font-family: 'lucida grande',tahoma,sans-serif;
	position:relative;
	top: 30px;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

.floatright {
	float: right;
	padding-left: 20px;
}
.floatleft {
	float: left;
	padding-right:20px
}
	
.header_contact_link {   /*manages links on top right*/
	font-family: 'lucida grande',tahoma,sans-serif; 
	font-size: 11px;
	color:#FF9900;
	z-index: 2;
	position:relative;
	left: 540px;  /*must be same as below*/
	top: 10px;
}

a.header_contact_link:link {   /*manages links on top right*/
	font-family: 'lucida grande',tahoma,sans-serif; 
	color:#FF9900;
	z-index: 2;
	position:relative;
	left: 540px;  /*must be same as below*/
	top: 10px;
	font-weight: normal; 
	font-size: 11px;
	text-decoration: none;

}
a.header_contact_link:visited {   /*manages links on top right*/
	font-family: 'lucida grande',tahoma,sans-serif; 
	color:#FF9900;
	z-index: 2;
	position:relative;
	left: 540px;   /*must be same as below*/
	top: 10px;
	font-weight: normal; 
	font-size: 11px;
	text-decoration: none;
}
a.header_contact_link:active {
	font-family: 'lucida grande',tahoma,sans-serif; 
	color:#FF9900;
	z-index: 2;
	position:relative;
	left: 540px;  /*must be same as below*/
	top: 10px;
	font-weight: normal; 
	font-size: 11px;
	text-decoration: none;
}
a.header_contact_link:hover {
	font-family: 'lucida grande',tahoma,sans-serif; 
	color: #fff;
	z-index: 2;
	position:relative;
	left: 540px;     /*must be same as above*/
	top: 10px;
	font-weight: normal; 
	font-size: 11px;
	text-decoration: none;
}
	
.index_info {
	
	padding:10px 10px 10px 40px;
	font-family: 'lucida grande',tahoma,sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.5em;
}



a.nav_button{
	background-color: #3b8c5d;
	padding: 4px;
	margin: 0px 3px 0px 3px;
	color: white;
	border: 1px solid black;

}
a.home{
	position: absolute;
	float: left;
	margin-top: -5px;
}

/*#nav a:visited {
	color: tan;
	background-color: inherit;
}*/

.nav_button a:hover {
	color: #3b8c5d;
	background-color: white;
}
.nav_current {
	background-color: white;
	color: #333333;
	padding: 4px 4px 0px 4px;
}

 
/* -----------------------------------*/
/* ---------->>>  FORMS <<<-----------*/
/* -----------------------------------*/

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 15px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}



br{
clear: left;
}



/* -----------------------------------*/
/* ---------->>>  MENU <<<------------*/
/* -----------------------------------*/

.menu {
    margin:58px auto; 
    padding:0; 
    height:30px; 
    width:100%; 
    display:block; 
    background:url('/images/topMenuImages.png') repeat-x;}
    
.menu li{
    padding:0; 
    margin:0; 
    list-style:none; 
    display:inline;}
    
.menu li a{
    float:right; 
    padding-left:15px; 
    display:block; 
    color:rgb(255,255,255); 
    text-decoration:none; 
    font:12px Verdana, Arial, Helvetica, sans-serif; 
    cursor:pointer; 
    background:url('/images/topMenuImages.png') 0px -30px no-repeat;}
    
.menu li a span{
    line-height:30px; 
    float:left; 
    display:block; 
    padding-right:15px; 
    background:url('/images/topMenuImages.png') 100% -30px no-repeat;}
    
.menu li a:hover{
    background-position:0px -60px; 
    color:rgb(255,255,255);}
    
.menu li a:hover span{
    background-position:100% -60px;}
    
.menu li a.active, .menu li a.active:hover{
    line-height:30px; 
    font:12px Verdana, Arial, Helvetica, sans-serif; 
    background:url('/images/topMenuImages.png') 0px -90px no-repeat; 
    color:rgb(255,255,255);}
    
.menu li a.active span, .menu li a.active:hover span{
    background:url('/images/topMenuImages.png') 100% -90px no-repeat;}



/* -----------------------------------*/
/* ---------->>>  OTHER <<<-----------*/
/* -----------------------------------*/

#copyright {
	float: left;
	width: 256px;
	background: #4a4139;
	border: 1px solid #797066;  
  margin: 20px 20px}

#copyright p {
	margin: 15px 15px;
	font: normal 10px/1.2em 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;      }

#copyright strong {
	font-size: 1.2em;
	font-weight: normal;
	color: white;      }

#copyright a {
	font-weight: bold;
	color: #FF9900;     }

#copyright a:hover {
	text-decoration: underline;
	color: white;      }


#sermon_series {
	float: left;
	width: 400px;
	border: 0px;  
  margin: 20px 20px}

#sermon_series p {
	margin: 15px 15px;
	font: normal 12px/1.2em 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;      }

#sermon_series strong {
	font-size: 20px;
	font-weight: normal;
	color: #ddd;      }

#sermon_series a {
	font-weight: bold;
	color: #FF9900;     }

#sermon_series a:hover {
	text-decoration: underline;
	color: white;      }
	
#audio_bulletlist, #audio_bulletlist li {
  margin-left: 0;
  padding-left: 0;
  list-style: none;    }

#audio_bulletlist li {
  padding-left: 30px;
  background-image: url(/images/audio1.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;    }

#sermon { }

#sermon p { 
  position: relative;
  padding-top: 10px;
  padding-right: 0pt;
  padding-bottom: 0px;
  padding-left: 0pt;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;  }
	
#sermon a { 
  font-size: 14px; 
  font-family: arial, tahoma, san-sarif;}	
  
#sermon h3 { 
  font-size: 20px; 
  font-family: arial, tahoma, san-sarif;  }
  
#sermon_archive_year { 
  text-align: right;   }
  
#sermon_archive_year a {
  font-size: 14px; 
  font-family: arial, tahoma, san-sarif;  }
  
  
/* -----------------------------------*/
/* ---------->>>  UNUSED <<<----------*/
/* -----------------------------------

#sermon_series {
	background-image:url(/images/sermon_series_banner.jpg);
	width: 750px; 
	height: 50px;
	border:0px;  }	
	
#sermon_series span {
	font-family: 'lucida grande',tahoma,sans-serif; 
	font-size: 14px;
	font-weight:normal;
	color:#fff;
	z-index: 2;
	position: relative;
	top: 5px;
	left: 230px;
	text-align: center;  }    
  
  
   */