/* CSS Document */

@import "forms.css";
@import "donation.css";
@import "crossroads.css";
@import "blog.css";
@import "eventpop.css";

body{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  margin: 0px;
  padding: 0px;
  height: 100%;
  scrollbar-arrow-color: white;
  scrollbar-base-color: #666600;
  scrollbar-face-color: #6A2229;
  scrollbar-highlight-color: #924934;
  scrollbar-shadow-color: #924934;
  scrollbar-3dlight-color: #42151A;
  scrollbar-track-color: #F8F7F1;
  scrollbar-darkshadow-color: #42151A;
  scrollbar-width: 12px;
}

img{
  border: none;
}

a{
  color: #1E463D;
}

a:hover{
  color: #511A20;
}

button{
  cursor: hand;
  cursor: pointer;
}

hr{
  color: #6E5355;
  height: 1px;
  background: #6E5355 url(../images/css/background_hr.gif);
  border: none;
}

h1{
  font: normal 22px Georgia, "Times New Roman", Times, serif;
  color: #511A20;
  margin: 7px 0px;
  background: transparent url(../images/css/background_h1.gif) no-repeat right top;
  padding: 7px 40px 7px 0px;
}

h2{
  font: normal 22px Georgia, "Times New Roman", Times, serif;
  color: #511A20;
  padding: 0px 0px 7px 0px;
  margin: 13px 0px;
  background: url(../images/css/background_h6.gif) repeat-x bottom;
}

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

h4{
  font: normal 12px Georgia, "Times New Roman", Times, serif;
  background: #1E463D url(../images/css/background_h3.gif) no-repeat right top;
  border: 1px solid #15312B;
  color: white;
  padding: 7px 40px 8px 5px;
}

h5{
  font: bold 12px Georgia, "Times New Roman", Times, serif;
  background: white;
  border: 1px solid #D8D0AE;
  padding: 3px 5px;
}

h6{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  background: #511A20;
  color: white;
  padding: 2px 5px;
  letter-spacing: -1px;
}

#frame{
  width: 750px;
  margin: 0px auto;
  padding: 0px 5px;
  background: white;
}

#header{
  height: 85px;
  float: left;
  border-top: 5px solid #F4F4F4;
  width: 750px;
  background: white;
}
#header_left{
  float: left;
}

#header_right{
  float: right;
  margin: 5px 0px 0px;
  text-align: right;
}

#login{
  float: left;
  font-size: 10px;
  padding: 3px 0px 0px;
  margin: 0px 10px 0px 0px;
}

#login a{
  color: #333333;
  text-decoration: none;
}

#login a:hover{
  text-decoration: underline;
}

#search{
  border: 1px solid #E4E4E4; 
  float: left;
}

.search_active,
.search{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
  border: 1px solid #999;
  height: 13px;
  width: 128px;
  margin: 1px !important;
  margin: 0px 1px;
  padding: 1px 1px 1px 3px;
}

.search_active{
  border: 1px solid #511A20;
  color: #333333;
}

.button_search_over,
.button_search{
  width: 38px;
  height: 19px;
  background: #1E463D url(../images/css/search.gif) no-repeat center;
  border: none;
  margin: 1px 0px 0px 3px;
  cursor: hand;
  cursor: pointer;
}

.button_search_over{
  background: #511A20 url(../images/css/search.gif) no-repeat center;;
}

#nav{
  font: 11px Arial, Helvetica, sans-serif;
  background-color: #511A20;
  background-image: url(../images/css/background_nav.gif);
  background-repeat: no-repeat;
  width: 539px;
  height: 25px;
  color: white;
  clear: both;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 11px;
  float: left;
}

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

/*#contact ul li,*/
#nav ul li{
  list-style: none;
  display: block;
  float: left;
  width: 93px;
  text-align: left;
}

#contact ul li{
  list-style: none;
  display: block;
  float: left;
  width: 85px;
  text-align: left;
}

#nav ul li a{
  color: white;
  text-decoration: none;
  display: block;
  height: 15px;
  padding: 5px 0px;
  text-align: center;
}

#nav ul li a:hover{
  background: #1E463D;
}

#nav ul li ul{
  position: absolute;
  z-index: 10;
  width: 106px;
  left: auto;
  background: white;
  visibility: hidden;
  padding: 2px;
  border: 1px solid #CCC;
  border-top: none; 
}

#nav ul li ul li{
  margin: 0px;
  display: block;
  background: #391216;
  width: 106px;
}

#nav ul li ul li a{
  height: auto;
  padding: 2px 5px;
  text-align: left;
  display: block;
  width: 96px;
}

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

#contact{
  font: 11px Arial, Helvetica, sans-serif;
  float: left;
  background: #1E463D url(../images/css/background_contact.gif) no-repeat left;
  height: 25px;
  width: 186px;
  /*width: 200px;*/
  padding: 0px 0px 0px 14px;
  
}

#contact ul li a{
  text-align: center;
  color: white;
  text-decoration: none;
  display: block;
  height: 15px;
  padding: 5px 0px;
}

#contact ul li a:hover{
  text-decoration: underline;
  color: #CCD7D5;
}

#content_full{
  clear: both;
  background: white;
  /*float: left;*/
}

#content{
  clear: both;
  width: 750px;
  background: white url(../images/css/background_content.gif) no-repeat right top;
  float: left;
  font: 11px Georgia, "Times New Roman", Times, serif;
  line-height: 17px;
  color: #511A20;
}

#standard{
  background: white;
}

#content ul{
  margin: 5px 0px 0px 5px;
  padding: 0px;
}

#content ul li{
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 13px;
  background: transparent url(../images/css/bullet.gif) no-repeat 0px 5px;
}

#content_narrow{
  width: 200px;
  /*background: #511A20;*/
  float: left;
  height: 600px;
}

#content_wide{
  width: 543px;
  background: white url(../images/css/background_content_wide.jpg) repeat-x 0px 0px;
  margin: 12px 0px 0px 5px;
  float: left;
  min-height: 587px;
  /*height: expression(eval(document.getElementById('content_narrow').clientHeight-13));*/
  border: 1px solid #D8D0AE;
  border-top: none;
  padding: 0px 0px 15px 0px;
}

#content_text{
  padding: 15px 10px 0px;
  min-height: 585px;
  width: 523px;
  /*height: expression(eval(document.getElementById('content_narrow').clientHeight-15));*/
  /*border: 1px solid white;*/
}

#content_wide.group #content_text{
  float: left;
  padding: 15px 10px 0px;
  min-height: 585px;
  width: 333px;
  /*height: expression(eval(document.getElementById('content_narrow').clientHeight-15));*/
  /*border: 1px solid white;*/
}

#group_features{
  height: 202px;
  width: 150px;
  background: transparent url(../images/css/background_features.gif) no-repeat;
  float: right;
  padding: 4px 4px 4px 3px;
}

#group_welcome{
  float: left;
  padding: 10px;
  color: #511A20;
  line-height: 13px;
  font: 11px Georgia, "Times New Roman", Times, serif;
}

#group_welcome hr{
  color: #D8D0AE;
  background: #D8D0AE;
  height: 1px;
  border: none;
}

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

#group_welcome ul li{
  font: 12px Georgia, "Times New Roman", Times, serif;
  list-style: none;
  float: left;
  width: 148px;
  height: 70px;
  display: block;
  padding: 5px 0px 0px 2px;
  background: none;
}

#group_welcome ul li a:hover,
#group_welcome ul li a{
  color: #924934;
  text-decoration: none;
  display: block;
  height: 65px;
}

#group_welcome ul li a:hover{
  text-decoration: underline;
}

#group_welcome img{
  display: block;
  margin: 5px 0px 0px 0px;
  padding: 2px;
  border: 1px solid #D8D0AE;
}

/*HOME*/

#home_image{
  height: 210px;
  width: 320px;
  background: #1E463D;
  float: left;
}

#home_coming{
  height: 210px;
  width: 268px;
  background: transparent url(../images/css/background_coming.gif) no-repeat;
  float: left;
  margin: 0px 0px 0px 5px;
}

#home_sermons button,
#home_coming button{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: white;
  background: #511A20;
  border: none;
  letter-spacing: -1px;
  margin: 8px;
  padding: 2px 0px;
  float: right;
}

#so_coming{
  font: 10px Georgia, "Times New Roman", Times, serif;
  color: #924934;
  height: 150px;
  width: 248px;
  clear: both;
  overflow-y: auto;
  padding: 0px 0px 10px 0px;
  margin: 0px 10px 0px 10px;
}

#so_coming dl{
  margin: 0px 10px 0px 5px;
  padding: 0px;
}

#so_coming dt{
  padding: 6px 0px;
  float: left;
  color: #391216;
}

#so_coming dd{
  padding: 6px 0px;
  background: transparent url(../images/css/background_list_coming.gif) repeat-x bottom;
  margin: 0px 0px 0px 60px;
  /*float: left;*/
}

#so_coming dd a{
  color: #924934;
  text-decoration: none;
  display: block;
}

#so_coming dd a:hover{
  text-decoration: underline;
}

#home_features{
  height: 202px;
  width: 150px;
  background: transparent url(../images/css/background_features.gif) no-repeat;
  float: left;
  padding: 4px 4px 4px 3px;
}

#home_welcome{
  height: 235px;
  width: 300px;
  background: transparent url(../images/css/background_welcome.jpg) no-repeat;
  clear: left;
  float: left;
  padding: 55px 10px 10px 10px;
  color: #511A20;
  line-height: 13px;
  font: 11px Georgia, "Times New Roman", Times, serif;
}

#home_welcome hr{
  color: #D8D0AE;
  background: #D8D0AE;
  height: 1px;
  border: none;
}

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

#home_welcome ul li{
  font: 12px Georgia, "Times New Roman", Times, serif;
  list-style: none;
  float: left;
  width: 148px;
  height: 70px;
  display: block;
  padding: 5px 0px 0px 2px;
}

#home_welcome ul li a:hover,
#home_welcome ul li a{
  color: #924934;
  text-decoration: none;
  display: block;
  height: 65px;
}

#home_welcome ul li a:hover{
  text-decoration: underline;
}

#home_welcome img{
  display: block;
  margin: 5px 0px 0px 0px;
  padding: 2px;
  border: 1px solid #D8D0AE;
}

#home_sermons{
  height: 180px;
  width: 425px;
  float: left;
  background: transparent url(../images/css/background_sermons.gif) no-repeat;
  margin: 7px 0px 0px 5px;
}

#so_sermons{
  font: 10px Georgia, "Times New Roman", Times, serif;
  color: white;
  height: 125px;
  width: 405px;
  clear: both;
  overflow: auto;
  padding: 0px 0px 10px 0px;
  margin: 0px 10px 0px 10px;
}

#so_sermons dl{
  margin: 0px 10px 0px 5px;
  padding: 0px;
}

#so_sermons dt{
  padding: 6px 0px;
  float: left;
}

#so_sermons dd{
  padding: 6px 0px;
  background: transparent url(../images/css/background_list_sermons.gif) repeat-x bottom;
  margin: 0px 0px 0px 60px;
}

#so_sermons dd a{
  color: white;
  text-decoration: none;
  display: block;
}

#so_sermons dd a:hover{
  text-decoration: underline;
}

#home_verse{
  height: 78px;
  width: 385px;
  float: left;
  background: transparent url(../images/css/background_verse.gif) no-repeat;
  margin: 5px 0px 0px 5px;
  padding: 30px 10px 0px 30px;
  font: 10px Georgia, "Times New Roman", Times, serif;
  color: #CFEBE2;
  text-align: right;
}

#so_verse{
  color: white;
  font-size: 11px;
  height: 45px;
  overflow: auto;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 5px 10px;
  text-align: left;
}

#footer{
  width: 730px;
  height: 23px;
  clear: left;
  background: transparent url(../images/css/background_footer.gif) no-repeat;
  padding: 12px 10px 0px 10px;
  margin: 4px 0px 0px;
  float: left;
  color: white;
  font-size: 10px;
}

#footer td{
  color: white;
}

#footer_legal{
  float: left;
  width: 175px;
}

#footer_address{
  float: left;
  width: 380px;
  text-align: center;
}

#footer_contact{
  float: right;
  width: 175px;
  text-align: right;
}

#footer a{
  color: white;
  text-decoration: none;
}

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



#fullscreen{
  z-index:1000;
  position:absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: transparent url(../images/css/background_full.gif);
  /*
  background: white;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  */
  text-align: center;
}



#announcement{
  height: 300px;
  width: 300px;
  background: white;
  border: 5px solid #CC0000;
  margin: 20% auto 0px auto;
  padding: 10px;
}

#announcement button{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  background: red;
  color: white;
  border: 1px solid #CC0000;
  padding: 2px;
}

#printHeader{
  display: none;
}

#staff{
  width: 510px;
  /*height: expression(eval(document.getElementById('content_narrow').clientHeight));*/
  /*min-height: 600px;*/
}

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

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

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

#staff_pics ul li{
  list-style: none;
  display: inline;
  background: none;
  padding: 0px;
  margin: 0px;
}

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

#staff_menu img{
  cursor: hand;
  cursor: pointer;
}

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

#staff_details img{
  margin: 0px 0px 10px 0px;
}
/*
#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: 290px;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 10px 10px;
  height: auto !important;
  height: 290px;
  min-height: 290px;
  /*border-bottom: 5px solid #D8D0AE;*/
  /*height: expression(eval(document.getElementById('staff_details').clientHeight-13));*/
}

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


#customize{
  float: left;
}

#calendar{
  width: 510px;
  padding: 15px 5px 0px 5px;
  /*background: white url(../images/css/temp_calendar.jpg) no-repeat 15px 115px;*/
  border: 1px solid #D8D0AE;
}


.formButton,
.button{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  background: #1E463D;
  border: 1px solid #15312B;
  color: white;
  padding: 2px;
  cursor: finger;
  cursor: pointer;
}

.sermons{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  width: 496px;
  border: 1px solid #DCD0B4;
  background: white;
  margin: 15px 0px 5px 0px;
  vertical-align: top;
  line-height: 14px;
  letter-spacing: -1px;
}

.sermons h5{
  background: none;
  border: none;
}

.sermons h5 a{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: white;
  text-decoration: none;
  background: #511A20;
  padding: 1px 5px;
  color: white;
}

.sermons h5 a:hover{
  color: white;
  text-decoration: none;
  background: #1E463D;
  padding: 1px 5px;
}

.sermons img{
  border: 1px solid gray;
}

.sermons td{
  padding: 2px;
  vertical-align: top;
}

.required{
  background: transparent url(../images/css/required.gif) no-repeat;
  height: 15px;
  width: 20px;
  padding: 0px 0px 0px 15px;
}


#calendar_popup{
  width: 380px;
  margin: 10px 0px 0px;
  padding: 0px 10px;
}

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

#calendar_popup dt{
  float: left;
  color: #1E463D;
  font-weight: bold;
  text-align: right;
  padding: 3px 0px; 
}

#calendar_popup dd{
  margin: 0px 0px 0px 85px;
  padding: 3px 0px; 
}
#calendar_popup h1{
  clear: both;
}

#calendar_popup h2{
  font-size: 16px;
  color: #1E463D;
}

#calendar_popup button{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: white;
  text-decoration: none;
  background: #511A20;
  padding: 1px 5px;
  color: white;
  border: none;
  margin: 0px 2px 10px 2px;
  float: right;
  text-transform: uppercase;
}

#download{
  background: transparent url(../images/css/background_content_wide.jpg) repeat-x 0px 0px;
  width: 380px;
  height: 270px;
  padding: 5px 10px;
}

#download a{
  display: block;
  text-align: center;
  font-size: 12px;
  margin: 10px 0px 0px;
}

#close{
  font-size: 12px;
  background: #1E463D;
  color: white;
  width: 380px;
  height: 20px;
  padding: 0px 10px;
  text-align: right;
}

#close a{
  color: white;
  text-decoration: none;
}


@media print{

#header,
#nav,
#contact,
#content_narrow,
#footer{
  display: none;
}
 

#content_wide,
#content_text,
#content_full{
  border: none;
  width: 640px;
  font-size: 12px;
  line-height: 18px;
}

h1{
  font-size: 25px;
}

#printHeader{
  display: block;
}
  
}

#standard h1,
#standard h2,
#standard h3,
#standard h4,
#standard h5,
#standard h6{
  background: none;
  color: black;
  margin: 0px;
  padding: 10px 0px;
  border: none;
  }

#so_link{
  clear: both;
  }