/******************************
	GENERAL
*******************************/
/* colors:
 dark blue: 195d98
 light blue:7aa8d0
 gold: c57100
*/

/******************************
	FLOATS AND CLEARS
*******************************/
.cleardiv{
  clear:both;
}
.float_left{
 float:left;
}

.float_right{
 float:right;
 }
 .right_spacing{
	padding-right:20px;
}
.dsp_block{
		display:block;
}

 
 /******************************
	COLORS
*******************************/
 .drk_blue{
  color:#195d98;
 }
.lght_blue{
	color:#7aa8d0;
} 
.drk_gold{
	color:#c57100;
}
/******************************
	FONTS AND TEXT SIZE
*******************************/
.fnt_8{
	font-size:8px;
}
.fnt_10{
	font-size:10px;
}
.fnt_14{
	font-size:14px;
}
.fnt_16{
 font-size:16px;
 }
.fnt_bold{
	font-weight:bold;
	}
h2{
 font-weight:bold;
 font-size:21px;
 margin-bottom:20px;
}
h3{
 font-weight:bold;
 font-size:18px;
 margin-bottom:10px;
 color:#1a384d;
}

.main_content h3#pagetitle{
color:#7aa8d0;
text-transform: uppercase;
border-bottom:1px #7aa8d0 solid;
float:left;
width:100%;
 margin-bottom:20px;
}
.main_content h4{
	color:#306da3;
	text-transform: uppercase;
}
.video_wrapper h3{
	background-color:#195d98;
	color:white;
	font-size:16px;
	padding:5px 10px;
	width:370px;
	margin-bottom:0;
}
.three_sct h3{
	text-indent:-999999px;
	height:40px;
margin-left:10px;
margin-bottom:15px;
}
.three_sct p{
 font-size:13px;
}	
h4{
 font-weight:bold;
 font-size:14px;
 margin-bottom:10px;
}
h5{
 font-weight:bold;
 font-size:12px;
 margin-bottom:2px;
}
h5.gallery_header{
 margin-top:8px;
	margin-bottom:15px
}	
p{
 font-size:13px;
 line-height:1.2em;
 padding-bottom:15px
}
ul{
 padding-bottom:15px;
 }
 li{
padding-bottom:5px;	
margin-left:15px;
 }
 .noMargin{
	margin-left:0;
	}
a{
 color:#1f1f1f;
 }
 a:hover{
	text-decoration:none;
}
#footer_menu a{
	color:white;
	text-decoration:none;
	font-size:12px;
}
#footer_menu a.active, #footer_menu a:hover{
		color:black;
}
.gallery_p a{
	display:block;
	float:left;
	}
/******************************
	BACKGROUND
*******************************/
body{
	background-image: url("../images/sb_top_bg.jpg");
	background-repeat:repeat-x;
}		
#menu_wrapper{
	background-image: url("../images/slideshow_bg.png");
	background-repeat:no-repeat;
	background-position:center top;
}
#page{
	background-image: url("../images/page_bg.png");
	background-repeat:repeat-y;
}
#footer{
background-image: url("../images/seabrook_footer_2.jpg");
	background-repeat:repeat-x;
}
#footer_content{
	background-image: url("../images/footer_pagebottom.png");
	background-repeat:no-repeat;
	background-position:center top;
}
#sb_home a{
	background:transparent url(../images/menu/sb_home.jpg) no-repeat scroll 0 0;
	width:86px;
}
#sb_about {
	background:transparent url(../images/menu/sb_about.jpg) no-repeat scroll 0 0;
	width:88px;
}
#sb_ministries{
	background:transparent url(../images/menu/sb_ministries.jpg) no-repeat scroll 0 0;
	width:111px;
}
#sb_calendar{
	background:transparent url(../images/menu/sb_calendar.jpg) no-repeat scroll 0 0;
	width:109px;
}

#sb_sermons{
	background:transparent url(../images/menu/sb_sermons.jpg) no-repeat scroll 0 0;
	width:107px;
}

#sb_photo-galleries {
	margin-left: -35px;
	display: inline;
}

#sb_newsletter{
	background:transparent url(../images/menu/sb_newsletter.jpg) no-repeat scroll 0 0;
	width:119px;
}
#sb_store{
	background:transparent url(../images/menu/sb_store.jpg) no-repeat scroll 0 0;
	width:86px;
}


#sb_online-giving{
	background:transparent url(../images/menu/sb_online-giving.jpg) no-repeat scroll 0 0;
	width:136px;
}

#three_sct_footer{
	background-image: url("../images/sb_bottom_section_bg.jpg");
	background-repeat:repeat-x;
}
.three_sct{
	background:transparent url(../images/three_sct_wht_bg.png) no-repeat scroll 0 0;
}
#shop_btm h3{
	background:transparent url(../images/btm_shop_hdr.png) no-repeat scroll 0 0;
}	
#photo_gallery h3{
	background:transparent url(../images/btm_photo_hdr.png) no-repeat scroll 0 0;
}
#signup h3{
	background:transparent url(../images/btm_signup_hdr.png) no-repeat scroll 0 0;
}
#sidebar_menu a{
 background:transparent url(../images/sidebar_menu_bg.png) no-repeat scroll 0 -56px;
 }
/******************************
	STRUCTURE
*******************************/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Tahoma,Arial,'Lucida Grande',Verdana, Helvetica,sans-serif;
	color: #515151;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:#fafafa;
}

#page_wrapper{
	margin: 0px auto;
	padding:0;
	width:918px;
	min-height:700px;
	text-align:left;
}
#page {
	width: 918px;
	text-align: left;
	font-size:13px;
	margin-left:33px;
	float:left;
	min-height:450px;
}
#menu_wrapper{
	margin-top:-20px;
	min-height:210px;
	margin-left:18px;
	padding-left:55px;
}
.insidepage #menu_wrapper{
	min-height:0;
}
#content{
	margin-top:20px;
	padding-left:24px;

	}

#sidebar{
	width:260px;
	float:left;
	margin-left:-20px;
}
.main_content{
 width:520px;
 float:left;
 margin-left:40px;
 }
 
 .main_content_wide{
 width:730px;
 float:left;
 margin-left:40px;
 }
/******************************
TOP MENU
*******************************/
#top_menu{
	margin:0;
	padding:0;
	height:54px;
	margin-left: -30px;
	/*margin-left:65px;*/
	padding-top:7px;
		z-index: 999;
}
#top_menu li{
	margin:0;
	padding:0;
	margin-right:0px;
	position:relative;
		float:left;
		z-index: 999
}	
#top_menu li a {
	display:block;
	position:relative;
	line-height:54px;
	text-indent:-999999px;
}
#top_menu li a:hover, #top_menu li a.active{
	cursor:pointer;
	background-position:0px -54px;
}
/********************************
SUB MENU
********************************/
#top_menu li .dropdown {
	
	clear:left;
	display:none;
	left:5px;
	padding-top:1px;
	position:absolute;
	top:53px;
	z-index:10050;
	width:210px;
}
#top_menu li ul {
	margin:0;
	padding:0;
	width:100%;
	z-index:10050;
}
#top_menu li ul li {
	background-color:#d18800;
	margin:0;
	width:100%;
	padding:0 0 5px 0;
	z-index:10050;

}
#top_menu  .submenu a{
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	line-height:12px;
	margin-left:10px
	display:block;
	position:relative;
	left:5px;
	padding:5px;
	text-indent:0px;
	width:90%;
	z-index:10050;
}
#top_menu .submenu a.mainlink{
	position:relative;
	float:left;
	height:54px;
	margin:-54px 0 0;
	padding:0;
	text-indent:-999999px;
	left:-5px;
	z-index:10050;
}
.submenu li a:hover{
	background-color:#884e00;
	z-index:10050;
}
#sub_about{
	left:95px;

}
#sub_ministries{
	left:80px;	
}
#sub_newsletter{
	left:80px;
}

#sub_online-giving{
	left:80px;
}

#sub_about a.mainlink{
	background:transparent url(../images/menu/sb_about.jpg) no-repeat scroll 0 -54px;
	width:88px;
}
#sub_ministries a.mainlink{
	background:transparent url(../images/menu/sb_ministries.jpg) no-repeat scroll 0 -54px;
	width:111px;
}
#sub_calendar a.mainlink{
	background:transparent url(../images/menu/sb_calendar.jpg) no-repeat scroll 0 -54px;
	width:109px;
}
#sub_newsletter a.mainlink{
	background:transparent url(../images/menu/sb_newsletter.jpg) no-repeat scroll 0 -54px;
	width:119px;
}
#sub_sermons a.mainlink{
	background:transparent url(../images/menu/sb_sermons.jpg) no-repeat scroll 0 -54px;
	width:107px;
}
#sub_store a.mainlink{
	background:transparent url(../images/menu/sb_store.jpg) no-repeat scroll 0 -54px;
	width:119px;
}

#sub_online-giving a.mainlink{
	background:transparent url(../images/menu/sb_online-giving.jpg) no-repeat scroll 0 -54px;
	width:136px;
}
/*****************************
SIDEBAR MENU
******************************/
#sidebar_menu li{
 padding:0; margin:0;
 float:left;
}

#sidebar_menu a{
 text-decoration:none;
 color:white;
 font-size:13px;
 font-weight:bold;
 width:260px;
 overflow:hidden;
 float:left;
 height:23px;
 padding:5px 0 0 20px;
}	
#sidebar_menu a:hover{
 background-position:0 -28px;
 }
 #sidebar_menu a.active{
 background-position:0 0;
 }
/******************************
	SLIDESHOW
*******************************/
 #banner{
float:left;
height:212px;
margin-top:20px;
width:740px;
	
}
/******************************
PHOTO GALLERY
******************************/
div#fancy_overlay {
	z-index:1000;
}
div#fancy_outer {
z-index:1001;
}
/******************************
	MAIN AREA
*******************************/	
.video_wrapper{
	float:left;
	margin-right:44px;
	width:388px;
	
}	
.video{
	background-color:black;
border:1px solid #CCCCCC;
height:280px;
text-align:center;
width:388px;
}
.devider{
	width:100%;
	border-bottom:1px #7aa8d0 dashed;
	padding:0;
	margin-bottom:15px;
	}
.event_excpert{
	display:block;
	margin:0 0 0 80px;
	line-height:1.3em;
	/*float:left;*/
	}
.file_link_list{
	float:left;
}
.file_link_list li{	
	background:transparent url("../images/seabrook_blue_li.gif") no-repeat scroll left 4px;
	margin:0 0 3px 0;
		padding-left:10px;
}	
.file_link_list a{
	text-decoration:none;
	color:#195d98;

	padding-right:20px;
	background:transparent url("../images/seabrook_pdf_ico.png") no-repeat scroll right 0;
}	
.file_link_list a:hover{
	text-decoration:underline;

}	
.section_link{
	color:#7aa8d0;
	font-weight:bold;
	text-decoration:underline;
}
.backtotop{
	margin-top:20px;
}
.backtotop a, .readmore, .backto{
color:#306DA3;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.backtotop a{
background:transparent url(../images/up_arrow.gif) no-repeat scroll left 0;
padding-left:18px;
text-transform:uppercase;
padding-top:5px;
}
.readmore{
background:transparent url(../images/readmore.gif) no-repeat scroll right 0;
padding-right:25px;
}
.backto{
background:transparent url(../images/backto.gif) no-repeat scroll left 0;
padding-left:25px;

}

#image_border img {
	border: 1px solid #000000;
}

/******************************
	THREE SECTION BOTTOM PAGE
*******************************/
#three_sct_footer{
 margin-top:20px;
 padding-top:20px;
 padding-left:13px;
	width:820px;
	float:left;
}	
.three_sct{
	float:left;
	width:257px;
	margin-right:15px;
	padding-top:10px;
	min-height:187px;
}
.three_sct p, .three_sct div{
margin-right:10px;
padding-left:15px;
}
.three_sct input{
	/*	margin-right:5px;*/
}
.three_sct a{
	display:block;
	float:left;
	}
/******************************
	FOOTER
*******************************/	
#footer{
	height:222px;
	position:relative;
	/*top:-20px;*/
}
#footer_content{
	margin:0 auto 0 23px;
	padding:0;
	height:163px;
}
#footer_menu{
	padding-top:100px;
	color:white;
	font-weight:bold;
}

/******************************
IMAGES 
******************************/
img.float_left{
 margin-right:10px;
}
img.float_right{
 margin-left:10px;
}
.gallery_p img{
	margin-right:6px;
	margin-bottom:10px;
}

/******************************
SERMONS TABLE
******************************/

#sermonstable {
	position: relative;
	float: left;
	border: 1px solid #d2dee6;
	margin: 0 0 15px 0;
	z-index: 0;
}

#sermonstable a {
	font: 10px/14px tahoma;
	color: #437eb2;
	font-weight: bold;
	text-decoration: underline;
	z-index: 0;
}

#sermonstable a:hover {
	text-decoration: none;
	z-index: 0;
}

#sermonstable td {
	padding: 5px;
	border-right: 1px solid #d2dee6;
	z-index: 0;
}

#sermonstable tr{
	border-bottom: 1px dotted #d2dee6;
	z-index: 0;
}

#sermonstable .header {
	background: url('../images/sermonstable_bg.jpg') repeat-x 0 0;
	z-index: 0;
}

#SignUp .link, #SignUp .signupframe {
 color: #226699;
 font-family: Arial, Helvetica, sans-serif;
 }

#SignUp .link {
  text-decoration: none;
  }
#SignUp .signupframe {
  border: 0px solid #000000;
  background: #ffffff;
  }
  
  /******************************
	CONTRIBUTION BOX
*******************************/

#contributionbox {
	position: relative;
	float: left;	
	padding: 10px;
	margin: 0 0 15px 0;
	display: inline;
	border: 1px solid #8198aa;
	background: #b7cbdb;
}

#contributionbox .textbox {
	position: relative;
	float: left;	
}


#photo_gallery_styles img {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
	display: inline;
	padding: 3px;
	border: 1px solid #cccccc;
}