@import url("bubbles.css");

/*------------------------------------------------------------------
[Master Stylesheet]

Project:		12th Street Baptist Church
Last change:	08/18/08 
Assigned to:	Cedric Weatherly
Changelog:		-sIFR Style Removal to subheader (h2/h3)
-------------------------------------------------------------------*/

* {margin:0; padding:0;}
hr {
	border: none 0; 
	border-top: 1px solid #79b2d0; 
	width: 100%; 
	height: 0; 
	margin-top: 10px; 
	margin-bottom: 10px; 
}


a {text-decoration:underline; color:#fff;}
#content a {color:#000;}
/*#content li {list-style:inside;}*/
a:hover, #content a:hover {color:#a9d26a; text-decoration:none;}

#contcol3_col1 a.churchactive {
   font-size:.90em;
   color:#000;
   padding-left: 12px;
   background: transparent no-repeat center left;
   border:none;
   text-decoration:underline;
   display:block;
}   

#contcol3_col1 a.churchactive:hover {
   font-size:.90em;
   color:#00a4cc;
   padding-left: 12px;
   background: transparent no-repeat center left;
   border:none;
   text-decoration:none;
}

/*===============================sIFR STYLES
==========================================*/
h1{height:20px; font-size:20px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight: normal; color:#00a4cc; margin-bottom: 3px;}
h2{font: 1.1em/1.6em Arial, Helvetica, sans-serif; font-weight:bold; color:#000; }
h3{font: 1em Arial, Helvetica, sans-serif; font-weight:bold; color:#000;}
h4 {font-size: 1.2em; color:#00a4cc;}


/*=================================STRUCTURE
==========================================*/
html, body {height:100%;}
body { background:url(../images/bkgrd.jpg) repeat-x #bae4f0; font:.80em/1.7em Arial, Helvetica, sans-serif;}

#container, #footer {width:100%}
#dominator {height:100%;}
#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -116px;/*negative reflection of footer height*/
}


#container2, #footercontent {
	width:872px;
	position:relative;
	left:50%;
	margin-left:-439px;
}

#header {width:869px;height:217px; background:url(../images/header_bkgrd.jpg) no-repeat; padding-right:3px;}	
	
	#header_img {width:460px; height: 217px; position:absolute; margin-left:409px;}	
	#header_flash {width:460px; height: 217px; position:relative; float:right;}
	#header_flash object {height:217px;}

	
				#nav {width:872px; height:38px;}
				#nav ul, #nav li a {display:block;}
				#nav li {list-style: none; float:left;}  
				#nav li a {text-decoration:none;}
				#nav li span {display:none;} 
			
					
			
				
				a.home{
					width:75px;
					height:38px;
					background: url(../images/nav_home.jpg);
				}
				
				a.ministries{
					width:85px;
					height:38px;
					background:url(../images/nav_ministries.jpg);
				}
				
				a.churchinfo{
					width: 158px;
					height:38px;
					background: url(../images/nav_churchinfo.jpg);
				}
				
				a.media{
					width: 69px;
					height:38px;
					background: url(../images/nav_media.jpg);
				}
				
				a.events{
					width: 67px;
					height:38px;
					background: url(../images/nav_events.jpg);
				}
				
				a.school{
					width: 71px;
					height:38px;
					background: url(../images/nav_school.jpg);
				}
				
				a.firstvisit{
					width: 77px;
					height:38px;
					background: url(../images/nav_firstvisit.jpg);
				}
				
				a.newsletter{
					width: 95px;
					height:38px;
					background: url(../images/nav_newsletter.jpg);
				}
				
				a.news{
					width: 61px;
					height:38px;
					background: url(../images/nav_news.jpg);
				}
				
				a.testimonials{
					width: 114px;
					height:38px;
					background: url(../images/nav_testimonials.jpg);
				}
				
				
				a.home:hover, a.ministries:hover, a.churchinfo:hover, a.media:hover, a.events:hover, a.school:hover,a.firstvisit:hover, a.newsletter:hover, a.news:hover, a.testimonials:hover{background-position: 0% -38px;}
				
				
				/*dropdowns*/
					
			#nav ul li ul li img { /* styling the bullets */
			 
				 padding-left:2px; 
				 padding-right:5px;
				 float:left;
				}
					
			#nav ul li ul { /* second-level lists */
				position: absolute;
				background: #a9d26a;
				width: 135px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			}
			#nav ul li ul li a {
				color: #000;
				display: block;
				width: 115px;
				padding: 5px 10px;
				height: 20px;
				line-height: 20px;
				text-decoration: none;
				
				
			}
			#nav ul li ul li a:hover {
				background: #74ad1b;
				color: #fff;
			}
			
			
			#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
				margin-left: 10px;
			}
				


/*==========================BLOCK NAV STYLES
==========================================*/

#links ul {list-style-type: none; width: 450px; font-size:.90em;}
#pastlinks ul {list-style-type: none; width: 322px; font-size:.90em; }

#links li, #pastlinks li{
        border-bottom: 1px dotted #666;
        border-width: 1px 0;
		list-style:none;
}
#pastlinks li h2, #pastlinks li a, #pastlinks li em {color: #666 !important;}
#links li a, #pastlinks li a{
        color: #444;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

#links li a:hover, #pastlinks li a:hover{ background: #e8f5f9; color:#444;}  

#links a em, #pastlinks a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span, #pastlinks a span{
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}


/*=======================CONTENT AREA STYLES
==========================================*/
#content {
		width:832px;/*872*/
		min-height:440px;/*498*/ /*sets the pre-height of the website to avoid gaps under footer*/
		height:auto !important; /*allows min height not to fail in IE*/
		height:500px;/*498*/
		padding:18px;
		padding-left: 22px;
		background: url(../images/content_bkgd.jpg);
		float:left;
	}

		#content h2{font: 1.1em Arial, Helvetica, sans-serif; font-weight:bold; color:#000; }

		#cont_col1 {
			width:389px;
			margin-right:46px;
			float:left;
		}
		
			#cont_col1 object {margin-bottom: 10px;}
			#cont_col1 img {
			margin: 0 10px 4px 0;
			border: 1px solid #000;
			}
		
		
		#cont_col2 {
			width: 394px;
			float:left;
		}
		
				#upcomingevents {width:470px; padding-right:20px; float:left;}
					
				#pastevents {width: 322px;float:left;}
					
					
				
		
		#cont_col3 {
			width:830px;
			float:left;
		}
		
		
			#contcol3_col1 {
			width:180px;
			float:left;
			}
				#contcol3_col1 h2 {  margin-bottom: 5px;}
			
			
			  contcol3_col1
				#contcol3_col1 ul {list-style:none;}
				#contcol3_col1 li {margin-top:5px; list-style:none;}
				#contcol3_col1 li a {color:#000; font-size:.90em; text-decoration:underline;}
				#contcol3_col1 li a:hover {color:#00a4cc; text-decoration:none; }
				#spancol3 {margin-top:2px;}
				
				.activeeffect{color:#000; font-size:.90em; text-decoration:underline;}
				.subnavmargin{margin-left:13px;}
			
			#contcol3_col2 {
			width:620px;
			padding-left:30px;
			float:left;
			}
			
			#contcol3_col2 img {
			margin: 0 10px 4px 0;
			border: 1px solid #000;
			}
/*========================NEWSLETTER STYLES
==========================================*/			
#newslettercol1 {width:470px; padding-right:20px; float:left;}
					
#newslettercol2 {width: 312px;float:left; background: #ddd; padding:10px;}

	
/*=======================FOOTER STYLES
==========================================*/


.clearfooter {
height: 116px;/*positive reflection of container margin bottom*/

clear: both;
}
	

#footer {

	margin-top: -116px;
	background: url(../images/footer1_bkgd.jpg) #00a4cc repeat-x ;

}
			
			#footercontent {
				height: 86px;
				padding-top: 30px;
				font: .75em/1.7em Arial, Helvetica, sans-serif;
				color:#fff;
				text-align:center;
				background: url(../images/footercontent_bkgrd.jpg) no-repeat;
				
				
			}	
			

.tbl1col, .tbl2col, .tbl3col, .tbl5col  { 
	width: 100%; 
	border: none;	
}
.tbl1col td, .tbl2col td, .tbl3col td { padding: 10px; }
.tbl2col td { width: 50%; }
.tbl3col td { width: 33%; }
.tbl5col td { width: 33%;}


.tbl1col td td, .tbl2col td td, .tbl3col td td { padding: 0; }

/*---------------Small Calendar Styles-----------*/
.eventTable {
	border: 1px solid #666;/*styles the calendar borders*/
	width: 175px;
	height: 150px;
	background:#fff;
}
.tableHeader { /*styles the calender header whereS the month shows*/
	background: #00a4cc repeat-x;
	text-align: center;
	color:#fff;
}


.tableTD {
	background-color: #f8f8f8;
	text-align: center;
	color: #333;
	
}
.dayevent {
	background-color: #d8f2f9;
	text-align: center;
	color:#333;
}
.dayevent a {color:#333; display:block; text-decoration:none;}
.dayevent a:hover {color:#00a4cc;}


.day a:link, .day a:visited, .day a:active, .day a:hover {
	color: #333;
	text-decoration: none;
}
.nonUsedDay {
	background-color: #f8f8f8;
	text-align: center;
}

.currentd {color:#00a4cc;}

.today {color: #00a4cc; font-weight:bold;}

/*---------------Upcoming Event-----------*/

#upcomingevent {
	background:url(../images/upcomingnews_bg.jpg) no-repeat;
	width: 381px;
	height: 183px;
	margin-top:10px;
	padding-top: 48px;
	padding-left:14px;
}

#upcol1 {width: 160px; float:left;}
#upcol2 {width: 175px; margin-left:25px; float:left;}

.clean-gray{
border:solid 1px #DEDEDE;
background:#EFEFEF;
color:#222222;
padding:7px;

}

.readmore a{
color:#00a4cc !important;
text-transform:lowercase;
font-weight:bold;
text-decoration:none;
}


.readmore a:hover {color:#a9d26a !important;}
.readicon{ 
   padding-left: 22px;
   background: transparent url(../images/readmore_icon.gif) no-repeat top left;
   font-size:12px;
}


.testicon{ 
   padding-left: 22px;
   background: transparent url(../images/test_icon.jpg) no-repeat top left;
}


/*---------------Pagination-----------*/

.alphabet a.selected {
	color: #fff !important;
	background-color: #00a4cc;
	border:1px solid #00a4cc;
	text-decoration: none;
	
}
.alphabet a{
	border:1px solid #00a4cc;
	text-transform:capitalize;
	padding:2px 4px;
	font-size:.90em;
	color:#00a4cc !important;
	text-decoration: none;
}

.alphabet a:hover{
	border:1px solid #00a4cc;
	text-transform:capitalize;
	background-color: #00a4cc;
	padding:2px 4px;
	font-size:.90em;
	color:#fff !important;
}
.alphabet a.disable{
	color:#ccc;
	border:1px solid #ccc;
}
.alphabet a.disable:hover{
	background:none;
	cursor:default;
}
.pagination {
	float:left;
	width: 160px;
	height: 100px;

}

.pagination2 {
	float:left;
	width: 160px;
	height: 70px;

}


.alphabet {font: 1em Arial, Helvetica, sans-serif; }

a.active{ color:#00a4cc !important;}

a.external {
   padding-left: 24px;
   background: transparent url(../images/external_bullet.gif) no-repeat center left;
   border:none;
   text-decoration:underline;
}




a.gallery {
   padding-left: 24px;
   background: transparent  url(../i/addimage_icon.jpg) no-repeat center left;
   border:none;
   text-decoration:underline;
}

a.video {
   padding-left: 24px;
   background: transparent  url(../images/video_bullet.gif) no-repeat center left;
   border:none;
   text-decoration:underline;
}

a.podcast {
   padding-left: 24px;
   background: transparent   url(../images/podcast_bullet.gif) no-repeat center left;
   border:none;
   text-decoration:underline;
}



/*===================================CLASSES
==========================================*/
.newsnomargbot {margin-bottom:3px !important;}
.black{color:#000;}
.pdLeft10{padding-left: 10px;}	
.paragraphsize {font: 0.9em Arial, Helvetica, sans-serif; line-height: 1.6em; color: #000;}
.paragraphsize2 {font: 0.9em Arial, Helvetica, sans-serif; line-height: 1.6em; }
.paragraphsize3 {font: 1em Arial, Helvetica, sans-serif; line-height: 1.6em; }
.margintp10{margin-top:10px;}
.marginbt10{margin-bottom:10px !important;}
.teeny {font: 0.7em/1.6em Arial, Helvetica, sans-serif;color: #000;}
.teeny2 {font: 0.8em/1.6em Arial, Helvetica, sans-serif;color: #000;}
.paragraphsizebold { font: 0.9em Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.6em; color: #000;}
.imagelink {border: none; text-decoration: none; background: none;}
.linknoborder {border:none;}
.quotes {background:url(../images/quote.gif); width: 30px; height: 30px;}
.pushbot10{margin-bottom:15px;}
.pushrt10{margin-right:10px;}
.iconspacing {margin-right: 5px;}
.contactrequired {color:#FF0000;}
.headermargin {margin-bottom:10px;}
.dottedhr{
	border: none 0; 
	border-top: 1px dotted #999;
	border-width: 1px 0; 
	width: 100%; 
	height: 0; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	clear:both;
}

.pdf {
   padding-left: 30px;
   background: transparent url(../images/pdf.gif) no-repeat center left;
   border:none;
   text-decoration:underline;
} 

.stafficon {
   padding-left: 24px;
   background: transparent url(../images/staff_icon2.jpg) no-repeat center left;
   border:none;
   text-decoration:underline;
} 

.imgformat {
			margin: 0 10px 4px 0;
			border: 1px solid #000;
			}