/* CSS Document */

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

html{
  height: 100%;
}

body{
  background: #7E001C url(../images/css/background.jpg) repeat-x;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  height: 100%;
  /*color: #968770;*/
  color: #574F40;
  margin: 0px;
  padding: 0px;
  scrollbar-arrow-color: #FFFFEA;
  scrollbar-base-color: #666600;
  scrollbar-face-color: #7E001C;
  scrollbar-highlight-color: #A90B2E;
  scrollbar-shadow-color: #A90B2E;
  scrollbar-3dlight-color: #7E001C;
  scrollbar-track-color: #FFFFEA;
  scrollbar-darkshadow-color: #7E001C;
}

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

img{
  border: 0px;
}

a{
  color: #AD0C2F;
  text-decoration: none;
}

h1{
  font: bold 22px "Times New Roman", Times, serif;
  color: #D33D4B;
  text-transform: uppercase;
  padding: 0px 5px;
  margin: 3px 0px;
}

h2{
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #7E001C;
  background: #E1F3FF;
  text-transform: uppercase;
  padding: 5px;
  margin: 5px 0px;
}

h4, h5{
  font: bold 14px "Times New Roman", Times, serif;
  color: #D33D4B;
  text-transform: uppercase;
  padding: 5px;
  margin: 5px 0px;
}

#content a:hover{
  background: #E1F3FF;
  color: #283137;
  text-decoration: none;
}

.dropDown{
  height: auto;
}

/*BEGIN HUB PAGE*/

#hub{
  width: 620px;
  height: 420px;
  background: #35414A;
  border: 5px solid #660017;
  margin: 35px auto 0px;
  padding: 10px;
}

#so_link a,
#hub a{
  color: #FFFFCA;
  text-decoration: none;
}

#hub #date,
#hub #search{
  height: 15px;
  background: #283137;
  margin: 0px;
  color: #FFFFCA;
  padding: 5px;
  font: 11px Arial, Helvetica, sans-serif;
  float: left;
}

#hub #date{
  width: 390px;
}

#hub #search{
  width: 170px;
  background: #283137 url(../images/css/background_hub_search.gif) no-repeat 0px 6px;
  padding: 0px 0px 0px 50px;
  height: 25px;
}

#hub #search img{
  cursor: pointer;
  cursor: finger;
}

#hub img{
  float: left;
}

#hub #search input{
  width: 120px;
  height: 13px;
  border: 1px solid  #CCC;
  border-top-color: #999;
  border-bottom-color: #999;
  font: 11px Arial, Helvetica, sans-serif;
  padding: 1px 1px 1px 3px;
  background: white url(../images/css/background_hub_search_input.gif) repeat-x;
  color: #660017;
  float: left;
  margin: 4px 4px 4px 0px;
}

#hub #hub_content{
  /*height: 342px;*/
  width: 602px;
  border: 5px solid #283137;
  background: white;
  padding: 4px;
  float: left;
  margin: 5px 0px;
  clear: both;
}
/*
#hub #hub_content img{
  display: block;
}
*/
#hub #hub_content #left_home #new{
  float: left;
  width: 162px;
  height: 50px;
}

#hub #hub_left{
  width: 162px;
  height: 342px;
  float: left;
  margin: 0px 4px 0px 0px;
}

#hub #hub_content #features{
  background: #D6B42A url(../images/css/background_features.jpg) no-repeat 0px bottom;
  /*height: 342px;*/
  height: 292px;
  width: 162px;
  float: left;
  /*margin: 0px 4px 0px 0px;*/
}

#hub #left_home{
  height: 342px;
  width: 162px;
}

#hub #features img{
  background: white;
  padding: 0px 0px 4px;
}


#hub #pods{
  width: 410px;
  height: 222px;
  background: #283137 url(../images/css/background_pods.jpg) no-repeat;
  padding: 120px 13px 0px;
  margin: 0px -3px 0px 0px;
  float: left;
}

#hub #pods object{
  float: left;
}

#hub #pods .church,
#hub #pods .church_over{
  padding: 2px 2px 37px;
  border: 2px solid white;
  background: white url(../images/css/background_pod_church.gif) no-repeat 2px 132px;
  /*margin: 0px 22px 0px 0px;*/
  /*
  height: 130px;
  width: 175px;
  */
  float: left;
  cursor: finger;
  cursor: pointer;
}

#hub #pods .school,
#hub #pods .school_over{
  padding: 2px 2px 37px;
  border: 2px solid white;
  background: white url(../images/css/background_pod_school.gif) no-repeat 2px 132px;
  /*margin: 0px 0px 0px 22px;*/
  /*
  height: 130px;
  width: 175px;
  */
  float: left;
  position: relative;
  left: 44px;
  cursor: finger;
  cursor: pointer;
}

#hub #pods .church_over{
  border: 2px solid #7E001C;
}

#hub #pods .school_over{
  border: 2px solid #B99700;
}

#footer,
#hub #footer{
  height: 15px;
  background: #283137;
  color: #FFFFCA;
  padding: 5px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  margin: 0px;
  clear: both;
}

#footer a{
  color: #FFFFCA;
  /*text-decoration: underline;*/
}

/*END HUB PAGE*/

#frame{
  width: 720px;
  height: 100%;
  background: #660017;
  margin: 0px auto;
  padding: 0px 5px;
}

#header{
  clear: both;
  height: 75px;
  width: 720px;
  background: #FFFFEA;
  border-bottom: 5px solid #B99700;
  margin: 5px 0px 0px;
  float: left;
}

#header img{
  float: left;
}

#search{
  background: url(../images/css/background_search.gif) no-repeat 0px 2px;
  width: 170px;
  height: 25px;
  float: right;
  padding: 0px 0px 0px 50px;
  margin: 3px 0px 0px;
}

#login{
  float: right;
  width: 540px;
  padding: 25px 10px 5px;
  text-align: right;
  color: #B59824;
}

#login a{
  color: #B59824;
}

#search input{
  width: 119px;
  height: 13px;
  border: 1px solid  #D6B42B;
  border-top-color: #E6D07D;
  border-bottom-color: #E6D07D;
  font: 11px Arial, Helvetica, sans-serif;
  padding: 1px 1px 1px 3px;
  background: white url(../images/css/background_search_input.gif) repeat-x;
  color: #660017;
  float: left;
  margin: 4px 4px 4px 0px;
}

#menus{
  width: 720px;
  background: #283137;
  float: left;
}

#teams{
  width: 155px;
  height: 30px;
  float: left;
}

#teams select{
  font: 11px Arial, Helvetica, sans-serif;
  color: #660017;
  width: 145px;
  margin: 4px;
  cursor: finger;
  cursor: pointer;
}

/*BEGIN NAV*/

#nav{
  background: #7E001C url(../images/css/background_nav.jpg) no-repeat;
  height: 30px;
  width: 560px;
  float: left;
}

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

#nav ul li{
  font: bold 11px "Times New Roman", Times, serif;
  list-style: none;
  float: left;
  text-align: left;
  text-transform: uppercase;
  padding: 8px 16px;
}

#nav ul li a{
  color: white;
  text-decoration: none;
  display: block;
  background: none;
}

#nav ul li a:hover{
  /*color: #1DB0F8;*/
}

#nav ul li ul{
  position: absolute;
  z-index: 1;
  width: 105px;
  left: auto;
  visibility: hidden;
  background: white;
  margin: 8px 0px 0px;
  padding: 0px 3px 3px;
  /*border-bottom: 3px solid #1DB0F8;*/
}

#nav ul li ul li{
  background: #7E001C;
  font: normal 11px Arial, Helvetica, sans-serif;
  display: block;
  width: 105px;
  text-transform: none;
  padding: 0px;
}

#nav ul li ul li a{
  text-align: left;
  display: block;
  width: 93px;
  padding: 2px 5px 2px 7px;
  color: #FFFFCA;
}

#nav ul li ul li a:hover{
  background: #D6B42A /*url(../images/css/background_subnav_over.jpg) no-repeat*/;
  color: white;
}

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

/*END NAV*/

#content{
  background: #968770 url(../images/css/background_content.gif) no-repeat left bottom;
  float: left;
  width: 720px;
  padding: 0px 0px 30px;
  margin: 0px 0px 5px;
}

#standard #content_full #content_text{
  background: white;
}

#content_full{
  float: left;
  width: 720px;
  background: #35414A;
  padding: 0px 0px 10px;
}

#content_full #content_text{
  margin: 0px 0px 0px;
  padding: 3px 10px;
  line-height: 20px;
  float: left;
  width: 700px;
}

#content table{
  float: left;
}

#content_wide{
  float: left;
  width: 560px;
  background: white;
  border-right: 3px solid #857661;
}

#content_wide #content_text{
  margin: 0px 0px 0px;
  padding: 3px 12px;
  line-height: 20px;
  float: left;
  width: 536px;
  background: white;
}

#content_wide div{
  background: white;
}

#content #features{
  background: white url(../images/css/background_features.jpg) no-repeat 4px 4px;
  height: 287px;
  width: 162px;
  float: left;
  padding: 4px 0px 4px 4px;
}

#calendar{
  width: 720px;
  padding: 15px 0px 0px;
  background: #F9FDFF /* url(../images/css/background_calendar.gif) repeat-y 475px 0px*/;
}


#content_text #features{
  background: white url(../images/css/background_features.jpg) no-repeat 3px 3px;
  padding: 3px;
  margin: 0px 0px 0px 8px;
  float: right;
  height: 287px;
  width: 162px;
  border: 1px solid #CCC;
}

#group_links{
  /*background: #BC343F url(../images/css/background_group_links.gif) repeat-x bottom;*/
  background: #D1AB23 url(../images/css/background_group_links.gif) repeat-x bottom;
  margin: 0px 5px 5px;
  padding: 0px;
  height: 23px;
  font: 10px Arial, Helvetica, sans-serif;
  display: none;
}

#group_links ul{
  background: url(../images/css/background_group_links_ul.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 95px;
  display: inline;
  float: left;
}
/*
#group_links ul li{
  background: url(../images/css/background_group_links_li.gif) no-repeat right 4px;
  list-style: none;
  margin: 0px 0px 0px;
  padding: 9px 23px 0px 10px;
  float: left;
  height: 14px;
}
*/

#group_links ul li{
  background: url(../images/css/background_group_links_li.gif) no-repeat right 4px;
  list-style: none;
  margin: 0px 0px 0px;
  float: left;
  
}

#group_links ul li a,
#group_links ul li a:hover{
  background: url(../images/css/background_group_links_li_a.gif) no-repeat left 4px;
  padding: 9px 23px 0px 15px;
  height: 14px;
  display: block;
  float: left;
  color: #7E001C;
}

#content_text a{
  text-decoration: underline;
}

#content_narrow{
  width: 155px;
  background: url(../images/css/background_content_narrow.gif) repeat-y 152px 0px;
  float: left;
}

#quote{
  background: #35414A url(../images/css/background_quote.gif) no-repeat bottom;
  font: 15px "Times New Roman", Times, serif;
  color: #E8F3FF;
  padding: 10px 0px 45px;
  float: left;
  width: 155px;
  /*padding: 10px 12px 45px;*/
}

#quote img{
  background: white;
  padding: 3px;
  float: left;
  width: 139px;
  margin: 0px -3px 10px 5px;
  border-bottom: 2px solid #222B31;
}

#quote p{
  float: left;
  padding: 0px 7px;
  width: 131px;
  margin: 0px -3px 5px 3px;
}

#quote .attribute{
  display: block;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #8396A5;
  text-transform: uppercase;
  margin: 8px 0px 0px;
  letter-spacing: -1px;
}

#home_content{
  background: #968770 /*url(../images/css/background_home_content.jpg) no-repeat*/;
  width: 540px;
  height: 500px;
  height: auto !important;
  float: left;
  border-top: 4px solid white;
  border-left: 5px solid white;
  border-right: 5px solid white;
}

#home_school{
  background: url(../uploads/background_home_school.jpg) no-repeat;
  padding: 197px 0px 0px 120px;
}

#home_church{
  background: url(../uploads/background_home_church.jpg) no-repeat;
  padding: 197px 0px 0px 120px;
}

#home_welcome{
  background: white;
  width: 400px;
  height: 130px;
  padding: 0px 4px 4px;
  /*letter-spacing: -1px;*/
  /*margin: 197px 0px 0px 120px;*/
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #574F40;
}
/*
#home_welcome .group_image{
  float: left;
  padding: 0px 4px 0px 0px;
  border-right: 1px solid #CCC;
  margin: 0px 6px 0px 0px;
  height: 130px;
  width: 175px;
}
*/
#home_welcome object{
  float: left;
  padding: 0px 4px 0px 0px;
  border-right: 1px solid #CCC;
  margin: 0px 6px 0px 0px;
  height: 130px;
  width: 175px;
}

#home_welcome img{
  float: left;
}

#home_welcome_text{
  width: 210px;
  height: 95px;
  margin: 7px 0px 5px;
  float: left;
  overflow: auto;
}

#home_welcome_text{
  padding: 0px 4px 0px 0px;
}

#home_calendar{
  width: 400px;
  border: 4px solid white;
  border-bottom: none;
  margin: 8px 0px 0px;
  background: #F3E8B0 url(../images/css/background_home_calendar.gif) no-repeat;
  height: auto !important;
}

#home_calendar a:hover{
  background: none;
}

#home_calendar img{
  margin: 0px 0px 0px 305px;
}

#home_calendar table{
  width: 100%;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  margin: 5px 0px 0px;
}

#home_calendar th{
  padding: 2px 5px 2px 10px;
  text-align: left;
  font-weight: normal;
  color: #660017;
  width: 120px;
}

#home_calendar td{
  padding: 2px 5px;
}

#home_calendar table .over,
#home_calendar .over th{
  background: #D6B42A;
  color: white;
  cursor: finger;
  cursor: pointer;
}

#footer{
  background: #7E001C;
}

#so_link{
  color: #CB9812;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  width: 630px;
  padding: 0px 10px;
  text-align: right;
  margin: 2px auto 15px;
}

#frame #so_link{
  width: 700px;
}

/*STAFF PAGE*/

#staff{
  width: 532px;
  min-height: 600px;
  float: left;
}

#staff h2{
  font: 500 22px "Times New Roman", Times, serif;
  color: #F2C800;
  text-transform: none;
  padding: 5px;
  background: #B99700;
  margin: 5px 0px 10px;
  border: 1px solid #A88A00;
}

.staff_title{
  color: white;
}

#staff_menu{
  /*height: 190px;*/
  border: 1px solid #283137;
  border-top: 5px solid #7E001C;
  border-bottom: 5px solid #283137;
  padding: 5px 10px 5px;
  background: #35414A url(../images/css/background_staff_menu.gif) repeat-x;
}

#staff_pics{
  width: 510px;
  height: 130px;
  overflow: auto;
}

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

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

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

#staff_pics ul li.hover img{
  border: 1px solid #533F57;
}

#staff_name{
  font: 15px "Times New Roman", Times, serif;
  height: 15px;
  padding: 4px 3px 15px;
  color: #E8F3FF;
}

#staff_name a{
  color: #35414A;
}

#staff_menu img{
  cursor: hand;
  cursor: pointer;
  border: 1px solid #283137;
  padding: 3px;
  background: white;
  height: 88px;
  width: 70px;
  display: block;
  margin: 0px 0px 3px;
}

#staff_details{
  float: left;
  width: 200px;
  padding: 0px 0px 10px;
  height: 300px;
}

#staff_details img{
  margin: 0px 0px 10px 0px;
  padding: 4px;
  border: 1px solid #CCCCCC;
  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: #7E001C;
  font-style: italic;
}

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

#staff_details em{
  color: #1E463D;
}

#staff_bio{
  float: left;
  width: 300px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 10px 10px;
}

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


/*ANNOUNCMENT*/

#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: #730311;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  text-align: center;
}

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

#announcement img{
  display: block;
}

#announcement button{
  display: block;
  border: none;
  background: #8F2146;
  font: 12px Georgia, "Times New Roman", Times, serif;
  color: white;
  width: 70px;
  height: 25px;
  margin: 15px auto 10px;
}

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

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

ul.detail_bar li{
  display: inline;
  padding: 5px 15px;
  font-weight: bold;
}

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

#detail_frame{
  text-align: left;
  width: 400px;
  margin: 0px auto;
  padding: 5px;
  background: #fff;
  border: 5px solid #660017;
}

#detail_frame h2{
  font: 500 22px "Times New Roman", Times, serif;
  color: #D33D4B;
  text-transform: none;
  padding: 5px;
  background: #7B1C1D;
  margin: 0px;
  border: 1px solid #660017;
}

#detail_header{

}
/*
#detail_image{
  width: 300px;
  overflow: hidden;
  text-align: center;
}
*/

#detail img{
  display: block;
  padding: 0px 0px 5px;
}

#detail_content{
  background: #F2FAFF;
  border: 1px solid #E1F3FF;
  padding: 5px 0px 0px;
}

#detail_content a{
  text-decoration: underline;
}

#detail_content a:hover{
  background: #E1F3FF;
  color: #283137;
  text-decoration: none;
}

#detail_header h3{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  background: #B99700;
  border: 1px solid #A88A00;
  padding: 3px;
  color: white;
  margin: 0px 0px 10px 0px;
}

#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{
  clear: both;
  width: 280px;
  padding: 0px 10px;
}

#detail_content_text h5{
  font-weight: bold;
  font-size: 12px;
  color: #7E001C;
  margin: 0px 0px 3px; 
  padding: 0px;
}

#whats_new{
  background: white;
  padding: 10px 15px;
}

#whats_new dt{
  display: block;
  font-weight: bold;
}

#whats_new dd{
  margin: 0px;
  padding: 0px 0px 5px;
  font-size: 10px;
}

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

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


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

.button,
.formButton{
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  color: white;
  height: 21px;
  background: url(../images/css/background_button.gif) no-repeat;
}

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

h6{ 
  font-size: 11px;
  display: inline;
  padding: 0px 8px;
 }

#close{
  text-align: center;
}

#download{ 
  margin: 0px auto;
  background: #fff;
  border: 6px solid #000;
  padding: 15px;
}

select,
.dropDown60px,
.dropDown150px{
  height: auto;
}