/* @override http://www.fbcprosper.org/_css/styles_fbc.css */
/* First Baptist Prosper CSS Document */
/* Colors: 
	#174a7c - Logo blue
	#68652f - Logo green
	#c0d3e5 - Light blue background
*/

* {
	pading: 0;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	background-color: none;
	}
	
body {
	background: #c0d3e5;
	background-image: url('/_img/web_bkgd_clouds2.jpg');
	background-position: 50% 0;
	background-repeat: no-repeat;
	pading: 0;
	margin: 0;
	}
	
h1 {
	text-indent: -3000px;
	}

h2 {
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 200%;
	line-height: 100%;
	margin: 0 20px 9px 0;
	color: #174a7c;
	letter-spacing: -.5px;
	}

h3 {
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 150%;
	line-height: 100%;
	margin: 0 20px 9px 0;
	color: #174a7c;
	}

h4 {
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 130%;
	line-height: 100%;
	margin: 0 20px 9px 0;
	color: #174a7c;
	}

h5 {
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 120%;
	line-height: 100%;
	margin: 0 20px 9px 0;
	color: #174a7c;
	}

h6 {
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 110%;
	line-height: 100%;
	margin: 0 20px 9px 0;
	color: #174a7c;
	}

p {
	font-size: 1em;
	line-height: 1.5em;
	color: #333;
	}

blockquote {
	font-family: Constantia, "Palatino", Georgia, "Book Antiqua", serif;
	font-style: italic;
	font-size: 133%;
	line-height: 150%;
	color: #555;
	margin: 0;
	padding: 10px 20px 16px 20px;
	background: url('_img/quotes-1.png') 0 0 no-repeat;
	_background: url('_img/quotes-1ie.png') 0 0 no-repeat;
	}

hr {
	display: none;
	}


/* Main Body Parts */


#main {
	position: relative;
	width: 750px;
	height: 570px;
	margin: 165px auto 60px auto;
	padding: 5px 20px 5px 20px;
	background: url('/_img/aluminum-2.png') repeat-y;
	border: #003399 2px solid;
	}
#container {
	position: relative;
	width: 750px;
	height: auto;
	margin: 165px auto 60px auto;
	padding: 290px 20px 5px 20px;
	background: url('/_img/aluminum-2.png') repeat-y;
	border: #003399 2px solid;
	}
	
#mainContent {
	position: relative;
	width: 750px;
	margin: 165px auto 60px auto;
	padding: 5px 20px 5px 20px;
	background: url('/_img/aluminum-2.png') repeat-y;
	border: #003399 2px solid;
	}
	
#main-topCap {
	position: absolute;
	top: -15px;
	left: -2px; 
	height: 20px;
	width: 794px;
	background-image: url('/_img/main-topCap.png');
	z-index: 20;
	}
	
#main-btmCap {
	position: absolute;
	bottom: -20px;
	left: -2px; 
	height: 30px;
	width: 794px;
	background-image: url('/_img/main-btmCap.png');
	z-index: 21;
	}

#mainPic {
	position: absolute;
	width: 556px;
	height: 314px;
	top: 60px;
	left: 0px;
	background: #888888;
	border: #003399 2px solid;
	overflow: hidden;
	z-index: 51;
	}

ul#mainPic { margin: 0; padding: 0; }
ul#mainPic li { margin: 0; padding: 0; }

#mainPic-border {
	position: absolute;
	width: 560px;
	height: 324px;
	top: 64px;
	left: 20px;
	background-image: url('/_img/mainPic-border.png');
	overflow: hidden;
	z-index: 52;
	_background: none;
	_display: none;
	}

#branding h1, #header h1 {
	text-indent: -2000px;
	line-height: 10%;
	}
#branding h2, #header h2 {
	text-indent: -2000px;
	line-height: 10%;
	}
#branding a {
	position: absolute;
	top: -145px;
	left: 50%;
	width: 110px;
	height: 116px;
	margin-left: -55px;
	text-decoration: none;
	border: none;
	}


/* Event Boxes */

#boxSet {
	position: absolute;
	top: 400px;
	left: 20px;
	width: 760px;
	height: 145px;
	z-index: 81;
	}

.box {
	position:relative;
	float:left;
	width: 180px;
	heigh: 140px;
	margin: 0 10px 0 0;
	_margin-right: 6px;
	}
      
#boxSet a img{
	border: none; 
	_border: #174a7c 2px solid;
	}
               
#boxSet p.boxCaption {
	position:absolute;
	top:0;
	left:0;
	width: 180px;
	height: 135px;
	z-index: 85;
	}
      
#boxSet p.boxCaption a {
	display:block;
	width: 180px;
	height: 140px;
	text-indent: -3000px;
	background: url('/_img/box-border.png') no-repeat top left;
	-background: none;
	}                 

#boxSet p.boxImage img a {
	position: absolute;
	z-index: 84;
	}
	
	
/* Content */

#content_pic {
	position: absolute;
	width: 556px;
	height: 200px;
	top: 64px;
	left: 20px;
	padding: 0;
	background: #888888;
	border: #174a7c 2px solid;
	overflow: hidden;
	z-index: 53;
	}

#contentPic-border {
	position: absolute;
	top: 64px;
	left: 20px;
	width: 560px;
	height: 210px;
	background-image: url('/_img/contentPic-border.png');
	background-repeat: no-repeat;
	z-index: 54;
	_background: none;
	}

	
#content {
	position: relative;
	margin: 0 0 80px 0;
	width: 520px;
	height: auto;
	padding: 10px 20px 15px 20px;
	background: url('/_img/container_trans_bkgd.png');
	_float: left;
	_background: #fff;
	}
	
#content-topCap {
	position: absolute;
	top: -10px;
	left: 0;
	width: 560px;
	height: 10px;
	background-image: url('/_img/content-topCap.png');
	overflow: hidden;
	z-index: 61;
	_background: #fff;
	}
	
#content-btmCap {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 560px;
	height: 10px;
	background-image: url('/_img/content-btmCap.png');
	overflow: hidden;
	z-index: 62;
	_background: #fff;
	}

#content a:link {
	color: #68652f;
	text-decoration: none;
	border-bottom: 1px dotted;
	}
#content a:visited {
	color: #68652f;
	text-decoration: none;
	border-bottom: 1px dotted;
	}
#content a:hover {
	color: #68652f;
	text-decoration: none;
	border-bottom: 1px solid;
	}
#content a:active {
	color: #68652f;
	text-decoration: none;
	border-bottom: none;
	background-color: #CCCCCC;
	}

#content p,
#content li {
	margin: 0 0 1em 0;
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	}

#content ul,
#content ol{
	margin: 0 0 1em 2em;
	}

#content ul#byline{
	display: inline; /* IE6 double margin float bug hack */
	float: left;
	margin-bottom: 10px;
	list-style: none;
	}

#content ul#byline li{
	font-size: 1.1em;
	}

#content li{
	margin: 0;
	}

#content li li{
	font-size: 1em;
	}

#content blockquote{
	margin-left: 3em;
	}

#content hr{
	display: block;
	margin-bottom: 1em;
	}

#content img{
	float: left;
	margin: 0 10px 5px 0;
	}

#content #text{
	clear: both;
	}

#content .sermonbox{
	margin-bottom: 20px;
	}

#content .sermonbox h4{
	margin-bottom: 5px;
	}

#content .sermonbox p{
	padding: 0;
	margin: 0;
	}

#content .sermonbox p.sermonlink{
	margin-top: 10px;
	}

#content .sermonbox p.eventtime{
	margin-bottom: 0;
	}


#content .sermoninfo h4 { 
	color: #333333; 
	margin: 1.25em 0 0 0;
	_margin: 22px 0 0 0;
	}

#content .sermoninfo p { 
	color: #333333; 
	line-height: 1.5em;
	margin: 0;
	}

#content .sermongroup {
	margin: 1em 0 0 0;
	}

#content p.feed{
  background: url(/_img/podcast_32.png) no-repeat left top;
  padding: 5px 0 5px 35px;
}

#eventSort, #sermonLists {
	position: absolute;
	top: 9px;
	right: 15px;
	width: 130px;
	}	
#sermonSort {
	position: absolute;
	top: 9px;
	right: 80px;
	width: 90px;
	}	
#calendarSort {
	position: relative;
	margin: 10px auto;
	width: 130px;
	}	

#content #mediabox{
	position: relative;
	float: right;
	width: 90px;
	padding: 0 10px 0 0;
	list-style: none;
	border: none;
	background: none;
	}

#content #mediabox li{
	margin-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
	}

#mediabox li, #mediabox li a {
	display: block;
	height: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	border: none;
	}

#content #mediabox li#mb_print, #content #mediabox li#mb_print a {
	background: url('/_img/mb_print.gif') 0 0 no-repeat;
	border: none;
	}

#content #mediabox li#mb_video, #content #mediabox li#mb_video a {
	background: url('/_img/mb_video.gif') 0 0 no-repeat;
	border: none;
	}

#content #mediabox li#mb_download, #content #mediabox li#mb_download a {
	background: url('/_img/fbc-media-download.gif') 0 0 no-repeat;
	border: none;
	}

#content #mediabox li#mb_notes, #content #mediabox li#mb_notes a {
	background: url('/_img/fbc-media-notes.gif') 0 0 no-repeat;
	border: none;
	}

#content #mediabox li#mb_jukebox, #content #mediabox li#mb_jukebox a{ 
	background: url('/_img/fbc-media-listen.gif') 0 0 no-repeat;
	border: none;
	}

#content #mediabox li#mb_podcast, #content #mediabox li#mb_podcast a {
	background: url('/_img/mb_podcast.gif') 0 0 no-repeat;
	border: none;
	}


/* Footers */

/* #footerMain was footer01 in the original css */

#footerMain {
	position: absolute;
	padding: 10px 0 0 0;
	bottom: 0;
	width: 750px;
	height: 1.3em;
	_height: 26px;
	background: url('/_img/divider.png') no-repeat;
	z-index: 32;
	}

/* footerMain parts not in use --------------

#newsLetter {
	float: left;
	}
#email { 
	width: 214px; 
	padding: 2px 3px;
 	background:  url('/_img/field_bkg.png') no-repeat 50% 50%;
	_background: url('/_img/field_bkg.png') no-repeat 50% 50%;  
	}	
#search { 
	width: 114px; 
	padding: 2px 3px;
 	background:  url('/_img/field_bkg.png') no-repeat 50% 50%;
	_background: url('/_img/field_bkg.png') no-repeat 50% 50%;  
	}	
.input { 
	color: #FFFFFF; 
	font-size: 11px;
	border: 3px #333 solid; 
	background-color: #333;	
	}
	
------------ */	

#footerMain h3 {
	text-align: center;
	letter-spacing: .25px;
	color: #333333;
	font-weight: bold;
	margin: -3px 0 0 0;
	font-size: 1.3em;
	_font-size: 130%;
	line-height: .75em;
	_line-height: 75%;
	}

#footerMain h3 a:link, #footerMain h3 a:visited {
	text-align: center;
	letter-spacing: .25px;
	color: #333333;
	font-weight: bold;
	margin: -3px 0 0 0;
	text-decoration: none;
	font-size: 1em;
	_font-size: 100%;
	}
#footerMain h3 a:hover {
	text-align: center;
	letter-spacing: .25px;
	color: #222222;
	font-weight: bold;
	margin: -3px 0 0 0;
	border-bottom: 1px dotted;
	text-decoration: none;
	}
#footerMain h3 a:active {
	text-align: center;
	letter-spacing: .25px;
	color: #111111;
	font-weight: bold;
	margin: -3px 0 0 0;
	border-bottom: 1px solid;
	text-decoration: none;
	}

		
/* #footer is footer02 in the original css */
#footer {
	background: url('/_img/web_bkgd_grass.jpg') repeat-x;
	width: 100%;
	height: 88px;
	overflow: hidden;
	padding-top: 20px;
	clear: both;
	}
#footer p {
	text-align: center;
	margin: 0 auto;
	}

#ie6_content-bumper {
	_position: relative;
	_width: 560px;
	_float: left;
	_clear: both;
	-height: 2px; 
	_margin: 0;
	}


/* =Large Calendar  
---------------------------------------------------------------------
*/

#content #calendarBox{
   position: relative;
   padding: 10px 0 0 0;
}

#content table.calendar{
   margin-bottom: 25px;
   border: 2px solid #68652f;
/*   border-right: 0; */
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 15px;
   margin: 0 0 0 -33px;
   color: #68652f;
   font-size: 1.5em;
   _font-size: 150%;
   font-weight: bold;
}

/*
#content table.calendar caption span{
   position: absolute;
   top: 10px;
   width: 17px;
   color: #68652f;
}
*/

#content table.calendar caption span.calendar-prev{
   float: left;
   width: 17px;
   height: 15px;
   padding: 0;
   margin: 0 -33px 0 0;
   overflow: visible;
}

#content table.calendar caption span.calendar-next{
   float: right;
   width: 17px;
   height: 15px;
   padding: 0;
   margin: -16px 0 0 0;
   overflow: visible;
}

#content table.calendar th{
   padding: 6px 0;
   background: #68652f;
   color: #FFF;
   font-size: 1.4em;
   _font-size: 140%;
   font-weight: normal;
   text-align: center;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 2px solid #68652f;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   color: #626262;
   font-size: 1.2em;
   _font-size: 120%;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #FFF;
}

#content table.calendar td a{
	text-decoration: none;
	font-size: 1em;
	_font-size: 100%;
	width: 68px;
	height: 64px;
	overflow: hidden;
	display: block;
	background: #f6f5de;
	border: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 120%;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 8px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.2em;
   _font-size: 120%;
   line-height: 1.2;
}

#content table.calendar td li a{
   text-decoration: underline;
   color: #697c26;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

#traildiv {
	visibility: hidden;
	position: absolute;
	z-index: 999;
	background-color: #fff;
	border: 2px solid #174a7c;
	font-size: 1.2em;
	color: #fff;
	padding: 0.75em;
	}
ul#traildiv {
	list-style-type: none;
	}
#traildiv li {
	list-style: none;
	}
	
#traildiv a:link {
	text-decoration: none;
	color: #174a7c;
	}