/* John Calvin Pres CSS Document */

@import "forms.css";
@import "donation.css";

body {
  margin:0px;
  padding: 0px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  background: #81A26A;
  color: #5A6327;
  }

select{
  width: 200px;
}

a{
  color: #7B3741;
}

a:hover{
  color: #5A6327;
}

form{
  padding: 0px;
  margin: 0px;
}



h1{
  font: normal 26px Georgia, "Times New Roman", Times, serif;
  background: #97B285;
  padding: 5px 10px;
  color: white;
  border-top: 10px solid #8FAE7B;
}

#header h1{
  border: none;
}

h2{
  font: normal 22px Georgia, "Times New Roman", Times, serif;
  background: #97B285;
  padding: 5px 10px;
  color: white;
  border-top: 10px solid #8FAE7B;
}

h3{
  font: normal 18px Georgia, "Times New Roman", Times, serif;
}

h4{
  font: normal 16px Georgia, "Times New Roman", Times, serif;
}

h5{
  font: normal 11px Georgia, "Times New Roman", Times, serif;
}




#frame{
  margin: 0px auto;
  width: 720px;
}

#header{
  float: left;
  background: #53492B;
  font-size: 10px;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  width: 712px;
}

#header a{
  color: #fff;
}

#header_links{
  background: #7B3741;
  padding: 3px 0px 6px 10px;
  float: left;
  width: 400px;
  color: #fff;
  height: 15px;
}

#search { 
  background: #7B3741;
  text-align: right;
  width: 300px;
  height: 24px;
  float: left;
}
  
#search form{
  margin: 0px; padding: 0px;
}

#search .search{
  color: #666666; 
  font-family: arial, helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 10px; width: 80px; 
  padding: 0px 5px; 
  border: 1px solid #A0A0A0;
}
  
#header_bottom{
  clear: both;
  float: left;
  background: #534A2B;
  /*padding: 10px 3px 6px 10px;*/
}

#header_bottom_title{
  float: left;
  width: 360px;
  text-align:left;
}

#header_bottom_title h1 {
  margin: 0px; padding: 0px;
  width: 360px;
  background: #534A2B url("../images/css/background_h1.gif") no-repeat;
}

#header_bottom_title h1 a{
  display: block;
  width: 284px; height: 40px;
}

#header_bottom_title h1 a span{
  display: none;
}
  
#headermenu{
  float: right;
  width: 160px;
  text-align: right;
  background: #463F25 url(../images/css/background_so_ministries.gif) no-repeat left;
  padding: 5px 5px 5px 80px;
  margin: 5px 2px 5px 0px;
}
  
#headermenu form{
  margin: 0px;
  padding: 0px;
}
  
.dropdown{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #463F25;
	letter-spacing: -1px;
	height: 18px;
	width: 150px;
	border: 1px solid #fff;
	word-wrap: break-word;
}

#content {
  width: 712px;
  float: left;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  background: url("../images/css/background_content.gif") repeat-y;
  line-height: 18px;
}

#content_narrow{
  float: left;
  background: #6B5F35;
  width: 165px;
  padding-left: 6px;
}

#content_wide{
  width: 537px;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  float: left;
  background: #DEE4BC;
}

#content_text{
  margin: 0px 16px 0px 0px;
  margin: 0px;
  width: 478px;
  padding: 12px 30px 30px 12px;
  float: left;
  background: #F7F9EE;
  border-right: 1px solid #97B285;
}

#content_full{
  float: left;
  border-top: 4px solid #fff;
  background: #DEE4BC;
  width: 712px;
}

#footer{
  clear: both;
  float: left;
  width: 720px;
}

#footer table{
  width: 720px;
}

#footer td,
#footer table,
#footer{
  color: #fff;
  font: 11px Arial, Helvetica, sans-serif;
}

#footer a{
  color: #fff;
}

#footer_left{
  float: left;
}

#footer_right{
  float: right;
  text-align: right;
}


  
  
/*  /////////////////NEW NAV STYLES ////////////////////////////////////   */


#nav{
  background: #6B5F35;
  height: 35px;
  clear: both;
  float: left;
  width: 712px;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
}

#nav ul{
  margin: 0px;
  padding: 0px;
  display: inline;
}

#nav ul li{
  font: bold 12px Arial, Helvetica, sans-serif;
  list-style: none;
  float: left;
  text-align: left;
  text-transform: uppercase;
  padding: 5px 0px;
}

#nav ul li:hover, #nav ul li.sfhover{
  background: transparent url(../images/css/background_nav_li.gif) no-repeat 5px 4px;
  }

#nav ul li a{
  color: #fff;
  text-decoration: none;
  display: block;
  line-height: 25px;
  padding: 0px 15px 0px 20px;
  
}

#nav ul li:hover a, #nav ul li.sfhover a{
  background: transparent url(../images/css/curve_nav_li.gif) no-repeat right -1px;
  }
  
#nav ul li a:hover{
  /*background: #7A3641;*/
}

#nav ul li ul{
  position: absolute;
  z-index: 1;
  width: 120px;
  left: auto;
  visibility: hidden;
  background: white;
  margin: 5px 0px 0px 5px;
  padding: 0px;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-top: 5px solid #E3E9C7;
}

#nav ul li ul li{
  background: #F0F3E2;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  display: block;
  width: 120px;
  text-transform: none;
  padding: 0px;
  
}

#nav ul li ul li a, 
#nav ul li.sfhover ul li a, 
#nav ul li:hover ul li a{
  text-align: left;
  display: block;
  width: 108px;
  padding: 4px 5px 4px 7px;
  color: #7A3641;
  line-height: 12px;
  background: #F0F3E2;
}

#nav ul li ul li a:hover{
  background: #7A3641;
  color: #fff;
}

#nav ul li:hover ul,
#nav ul li.sfhover ul{
  visibility: visible;
}

#home{
  background: #C8D5A3 url(../images/css/background_home.gif) no-repeat;
  height: 455px;
  padding: 8px;
}

#home_slideshow{
  background: white;
  float: left;
  border: 1px solid #A3B973;
  border-right: none;
  width: 320px;
  height: 200px;
}

#home_welcome{
  font: 10px Georgia, "Times New Roman", Times, serif;
  width: 210px;
  height: 200px;
  float: left;
  background: white url(../images/css/background_home_welcome.gif) no-repeat;
  border: 1px solid #A3B973;
  border-right: none;
  border-left: none;
  padding: 0px 6px 0px 7px;
  line-height: 15px;
}

#home_welcome img{
  float: right;
}

#home_welcome p{
  margin: 50px 0px 0px;
}

#home_features{
  background: white url(../images/css/background_home_features.gif) no-repeat;
  float: left;
  border: 1px solid #A3B973;
  border-left: none;
  height: 200px;
  width: 150px;
}

#home_community{
  height: 170px;
  width: 254px;
  background: white url(../images/css/background_home_community.gif) no-repeat 4px 5px;
  float: left;
  margin: 20px 0px 0px;
  border: 1px solid #A3B974;
  border-right: none;
  padding: 38px 2px 0px 4px;
}

#home_newcomer{
  height: 163px;
  width: 190px;
  background: white url(../images/css/background_home_newcomer.gif) no-repeat 3px 5px;
  float: left;
  margin: 20px 7px 0px 0px;
  padding: 45px 10px 0px; 
  border: 1px solid #A3B974;
  border-left: none;
}

#home_community blockquote{
  background: #F0F3E2;
  margin: 0px;
  padding: 6px;
}

#home_community ul{
  padding: 0px;
  margin: 10px 5px 0px;
}

#home_newcomer ul{
  padding: 0px;
  margin: 10px 0px 0px;
}

#home_community ul li,
#home_newcomer ul li{
  list-style: none;
  margin: 0px;
  padding: 0px 0px 5px 11px;
  background: url(../images/css/bullet.gif) no-repeat 0px 4px;
}

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

#home_newcomer ul li a{
  color: #5A6327;
  text-decoration: none;
}

#home_gallery{
  background: white url(../images/css/background_home_gallery.gif) no-repeat 4px 5px;
  height: 198px;
  width: 203px;
  float: left;
  margin: 20px 0px 0px;
  border: 1px solid #A3B974;
  padding: 5px;
}


/*STAFF*/

#staff{
  width: 475px;
  /*height: expression(eval(document.getElementById('content_narrow').clientHeight));*/
  min-height: 600px;
  float: left;
  color: #5A6327;
}

#staff_menu{
  height: 190px;
  width: 465px;
  border: 1px solid #CCD7A8;
  border-bottom: 5px solid #7B3741;
  background: white;
  padding: 5px 5px 5px;
  background: #EEF2DB url(../images/css/background_staff_menu.gif) no-repeat;
}

#staff_pics{
  width: 456px;
  height: 155px;
  overflow: auto;
}

#staff_pics ul{
  padding: 0px;
  margin: 0px;
}

#staff_pics ul li{
  list-style: none;
  display: block;
  /*display: block;*/
  background: none;
  padding: 0px;
  margin: 0px;
  width: 73px;
  height: 130px;
  float: left;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-align: center;
  color: #5A6327;
}

#staff_pics ul li.hover{
  color: #533F57
}

#staff_pics ul li.hover img{
  border: 1px solid #7B3741;
}

#staff_name{
  font-size: 12px;
  height: 15px;
  padding: 4px 3px 15px;
  color: #533F57;
}

#staff_menu img{
  cursor: hand;
  cursor: pointer;
  border: 1px solid #D8D0AE;
  padding: 3px;
  background: white;
  height: 84px;
  width: 100px;
  display: block;
  margin: 0px 3px 4px 0px;
}

#staff_details{
  float: left;
  width: 200px;
  padding: 0px 0px 10px;
  border-bottom: 1px solid #D8D0AE;
  height: 300px;
}

#staff_details img{
  margin: 0px 0px 10px 0px;
  padding: 4px;
  border: 1px solid #D8D0AE;
  background: white;
}
/*
#staff_details ul,
#staff_details ul li{
  background: none;
  margin: 0px;
  padding: 0px;
}
*/

#staff_details dl{
  margin: 0px;
  padding: 0px;
}

#staff_details dt{
  float: left;
  color: #1E463D;
  font-style: italic;
}

#staff_details dd{
  margin: 0px 0px 0px 15px;
}

#staff_details em{
  color: #1E463D;
}

#staff_bio{
  float: left;
  width: 235px;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 10px 10px;
  line-height: 18px;
  /*border-bottom: 5px solid #D8D0AE;*/
  /*height: expression(eval(document.getElementById('staff_details').clientHeight-13));*/
}

#staff_bio p{
  margin: 0px 0px 15px;
}

.staff_title{
  color: #DCE3C1;
}

/*END STAFF*/

/* //////////////START EVENT DETAIL STYLES /////////////////////// */

ul.detail_bar{
  list-style: none;
  margin: 0px;
  padding: 5px 0px;
  width: 100%;
  background: #7B3741;
  text-align: center;
}

ul.detail_bar li{
  display: inline;
  padding: 5px 15px;
}

ul.detail_bar li a{
  color: white;
  text-decoration: none;
}

ul.detail_bar li a:hover{
  color: white;
}

#detail_frame{
  text-align: left;
  width: 300px;
  margin: 0px auto;
  padding: 5px;
  background: white;
}

#detail_header{
 
}

#detail_image{
  width: 300px;
  overflow: hidden;
  padding: 0px 0px 5px 0px;
  text-align: center;
}

#detail_header h3{
  font: normal 14px Georgia, "Times New Roman", Times, serif;
}


#detail_header dl{
  background: #ccc;
  width: 300px;
}

#detail_header dl dt{
  float: left;
  margin: 0px; 
  padding: 0px;
  width: 70px;
}

#detail_header dl dd{
  float: left;
  margin: 0px; 
  padding: 0px;
  width: 220px;
}

#detail_content_text h1{
  margin: 0px;
}

#detail_content_text{
  clear: both;
  width: 280px;
  padding: 0px 10px;
}

#detail_content_text h5{
  margin: 0px; 
  padding: 0px;
}

a.form_link {
  background: #612C34;
  width: 280px;
  text-align: center;
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 5px 0px;
  margin: 0px;
}

#contentbox_servicetimes h4{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/*/ CATCH IS THE DIV AFTER FOOTER THAT CATCHES STRAY CHARACTERS CAUSED BY IE'S SHOTTY FLOAT JOBS /*/
#catch{
  width: 712px;
  float: left;
}



/* //////////////END EVENT DETAIL STYLES /////////////////////// */

.formButton,
.formButtonLong,
button{
  background: #612C34;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: white;
  letter-spacing: 0px;
  text-transform: uppercase;
}

/* ///////////////////////////Announcement Engine ///////////////////////////// */

#screen,
#fullscreen{
  z-index:1001;
  position:absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: url(../images/css/background_announcement.gif);
}

#screen{
  z-index: 1000;
  background: white;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-align: center;
}

#announcement{
  height: 300px;
  width: 300px;
  background: #C8D5A3;
  border: 5px solid white;
  margin: 20% auto 0px auto;
  padding: 10px;
  font-size: 12px;
}

#announcement button{
  display: block;
  border: none;
  background: #592730;
  font-size: 12px;
  color: white;
  width: 70px;
  height: 25px;
  margin: 15px auto 10px;
  cursor: pointer;
}

/* ////////////////////////////////// end Announcement Engine ////////////////////////////*/



@media print{
  #header,
  #content_narrow,
  #footer,
  #sidenav,
  #nav,
  #related_items{
  display: none;
  }
  
  #content_wide,
  #content_text{
    margin: 0px;
	padding: 0px;
    width: 650px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	color: black;
	border-right: none;
  }
}