/*

This style sheet was created by Mike Moreau, Jr. for Central Baptist Church of Panama City. You can contact him at harvestmedia.com.

Section 1 - Default Styles and Global Classes

Section 2 - Header

Section 3 - Main Nav

Section 4 - Main Content (Right Column)

Section 5 - Left Column

Section 6 - Footer  (Resides as a <ul> inside "Content" <div>)

Section 7 - Google Map API

Section 8 - Home Page

Section 9 - Ekklesia Presentation*/





/* Section 1 - Default Styles and Global Classes
----------------------------------------------------------------------------------------*/

/* Begin Eric Meyer's Recommended Reset Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	text-align:left;
	vertical-align:baseline;
}
a img, :link img, :visited img{
	border:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
ol, ul{
	list-style:none;
}
q:before, q:after, blockquote:before, blockquote:after{
	content:"";
}
/* End Reset Styles */


body{
	background:#f0ffff url(/images/page_gradient.jpg) repeat-x;
	color:#515151;
	font-size:12px;
	font-family:"lucida sans", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
	line-height:1;
	text-align:center;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
hr{
	display:none; /* For when style sheets are disabled */
}


/* Default Link Styles */
a{
	outline:none; /* Remove Dotted Border in Browsers */
}
a:link, a:visited{
	color:#1b1464;
	text-decoration:none;
}
a:visited{
	color:#1b1464;
}
a:hover, a:active{
	text-decoration:underline;
}

p, table{
	line-height:18px;
	margin-bottom:18px;
}






/* Section 2 - Header
----------------------------------------------------------------------------------------*/
#header{
	background:url(/images/blank_header.jpg) left top no-repeat;
	position:absolute;
	top:0;
	left:50%;
	width:780px;
	height:281px;
	z-index:10;
	margin-left:-390px;
}






/* Section 3 - Main Nav
----------------------------------------------------------------------------------------*/
#mainnav{
	background:url(/images/nav/mainnav_gradient.jpg) repeat-x;
	position:absolute;
	top:277px;
	left:0;
	width:100%;
	height:46px;
	z-index:50;
}
#nav{
	left:50%;
	margin-left:-370px;
	position:absolute;
	top:-4px;
	width:780px;
}

/*Top Level Menu Items*/
#nav li{
	background-color:transparent;
	float:left;
	line-height:1em;
	position:relative;
}
#nav li a{
	background:#8bc4c7 url(/images/nav/tab_gradient.jpg) repeat-x;
	color:#fff;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:1em;
	line-height:14px;
	margin-right:.5em;
	padding:.5em .25em .25em .25em;
	text-align:center;
	width:6em;
}
#nav li a:hover{
	color:#d3f5f6;
	background-image:url(/images/nav/tab_gradient_over.jpg);
	text-decoration:none;
}

/*Sub Menu Level 1*/
#nav ul{
	background:white url(/images/nav/submenu_gradient.jpg) repeat-x;
	border:solid 1px #8ac4c6;
	display:none;
	height:auto;
	left:-2.5em;
	list-style-type:none;
	position:absolute;
	top:1.75em;
	width:12em;
}
#nav ul li{
	float:none;
}
#nav ul li a{
	background-color:transparent;
	background-image:none;
	color:#006e82;
	display:block;
	float:none;
	font-size:10px;
	height:auto;
	line-height:1em;
	margin:0px 0px .5em 0px;
	padding:.5em;
	width:auto;
}
#nav ul li a:hover{
	color:#000;
	background-image:none;
}


/* Show and Hide */
#nav ul.show{
	display:block;
}


/* Secondary Nav in Sidebar */
#leftcolumn h2{
	background-color:transparent;
	border-bottom:2px solid #e2c49c;
	color:#b8795e;
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
#leftcolumn ul{
	margin-bottom:18px;
}
#leftcolumn #subnav li{
	line-height:18px;
}
#leftcolumn #subnav li a:link, #leftcolumn #subnav li a:visited{
	background:url(/images/arrow-trans.gif) left center no-repeat;
	border:none;
	color:#006e82;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 20px;
	text-decoration:none;
	background-color:transparent;
}
#leftcolumn #subnav li a:hover, #leftcolumn #subnav li a:active, #leftcolumn #subnav li.current a:link, #leftcolumn #subnav li.current a:visited{
	color:#009aa9;
	text-decoration:underline;
	background-color:transparent;
}







/* Section 4 - Main Content
----------------------------------------------------------------------------------------*/
#content{
	background-color:white;
	text-align:left;
	position:absolute;
	top:322px;
	left:50%;
	width:780px;
	height:auto;
	z-index:20;
	min-height:30em;
	margin-left:-390px;
}
#rightcolumn{
	width:502px;
	height:auto;
	float:left;
	margin-left:23px;
	display:inline;
}
h3{
	color:#cc9900;
	font-size:33px;
	font-family:"trebuchet ms", "lucida sans", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:36px;
	margin-top:1em;
	margin-right:1.72em;
	margin-bottom:0.25em;
	background-color:transparent;
}
h4{
	color:#006e82;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	margin-top:2em;
	margin-right:3.15em;
	margin-bottom:0.25em;
	background-color:transparent;
}
h5, h6{
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	margin-right:4em;
}
#rightcolumn p{
	font-size:13px;
	margin-right:4em;
}
#rightcolumn ul{
	font-size:13px;
	margin-right:4em;
	margin-bottom:18px;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:url(/images/arrow-box.png);
	line-height:18px;
	margin-left:2em;
}
#rightcolumn ol{
	font-size:13px;
	margin-right:4em;
	margin-bottom:18px;
	list-style:decimal;
	line-height:18px;
	display:block;
}
#rightcolumn li{
	display:list-item;
	line-height:18px;
}







/* Section 5 - Left Column
----------------------------------------------------------------------------------------*/
#leftcolumn{
	display:inline;
	height:auto;
	float:left;
	margin-top:23px;
	margin-left:23px;
	margin-bottom:100px;
	position:relative;
	width:210px;
}
#sidebar{
	background:url(/images/leftcol-top.gif) no-repeat left top #f7edd4;
	margin-bottom:20px;
	padding:20px 10px 80px 10px;
	position:relative;
}
#starfish{ position:absolute; left:-14px; bottom:0px; }
/*
	Override for pages that don't want sidebar image
*/
#open-sidebar #sidebar{
	background:none;
	padding:0;
}






/* Section 6 - Footer (Resides inside "Content" div.)
----------------------------------------------------------------------------------------*/
#footer{
	font-size:1.1em;
	position:relative;
	width:700px;
	height:auto;
	float:left;
	margin:40px 0 20px 20px;
	padding:20px;
	border-top:1px solid #8ac4c6;
	display:inline;
}
#footer li.commonlinks{
	float:right;
}
#footer li.commonlinks a{
	color:#006e82;
	text-decoration:underline;
}






/* Section 7 - Google Map API
----------------------------------------------------------------------------------------*/
#gmap{ width:500px; height:300px; }







/* Section 8 - Home Page
----------------------------------------------------------------------------------------*/
#home-promo{
	height:361px;
	margin:23px 0 10px 0;
}
body#home div#leftcolumn{
	/* Because of the Pastor's Photo */
	background-color:transparent;
}
body#home div#leftcolumn div{
	margin-bottom:20px;
}
body#home div#leftcolumn h3{
	margin-left:0px;
}

/* Sermon List on Home Page */
body#home div#leftcolumn div.sermonbox p{
	margin-left:0px;
}
body#home div#leftcolumn div.sermonbox ul{
	margin-left:0;
}
body#home div#leftcolumn div.sermonbox ul li{
	list-style-image:none;
	margin-bottom:.25em;
}
body#home div#content div#leftcolumn ul li a:hover, body#home div#content div#leftcolumn ul li a:active{
	text-decoration:none;
}
body#home div#leftcolumn div.sermonlist h4{
	font-size:1em;
}
body#home div#leftcolumn div.sermonlist p.visit-sermons{
	font-size:1em;
	font-weight:bold;
	padding-top:0.25em;
	border-top:2px solid #e2c49c;
	background-color:transparent;
	margin-top:1em;
	margin-right:0.85em;
	margin-bottom:0.25em;
	margin-left:0em;
}

/* Featured Events */
#rightcolumn h3.before-feature-list{
	background:#c89831;
	color:#fff;
	font-size:1em;
	font-family:"trebuchet ms", "lucida sans", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1em;
	margin:0;
	padding:.5em;
}
body#home div.event-box{
	background:#f7edd4;
	border-top:1px solid #fff;
	padding:1em 1em 1px 1em;
	margin:0;
}
body#home div.event-box h4{
	margin-top:0;
}







/* Section 9 - Ekklesia Presentation
----------------------------------------------------------------------------------------*/
img.mcms_stats{
	display:none;
}




/*Large Calendar on calendar page.*/
#traildiv{
   position:absolute;
   top:0px;
   left:0px;
   z-index:999;
   visibility:hidden;
   width:100px;
   height:auto;
   color:#FFF;
}
#traildiv ul{
   padding:.75em;
   background-color:#336666;
   font-size:1.1em;
}
#traildiv li{
   color:#FFF;
   font-size:12px;
   line-height:15px;
   margin-bottom:1em;
}
#traildiv a{
   color:#FFF;
   text-decoration:none;
}

div#calendarcontainer{
	margin-top:2.75em;
	margin-left:36px;
	padding-bottom:1px;
	width:710px;
}
table.calendar{
	line-height:1em;
	margin:0 0 10px 0;
	width:705px;
}
table.calendar caption{
	color:#cc9900;
	font-size:24px;
	font-family:"trebuchet ms", "lucida sans", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:25px;
	padding:5px 0 15px 0;
	text-align:center;
}
table.calendar caption span{
	font-weight:bold;
}
table.calendar th{
	text-align:center;
	padding-bottom:.5em;
}
table.calendar td{
	border:1px solid #99cccc;
	vertical-align:middle;
	text-align:center;
	width:14%;
}
table.calendar td.empty{
	background:#fefefe;
}
table.calendar td a:link, table.calendar td a:visited{
	background-color:transparent;
	color:#009aa9;
	display:block;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	padding:2em 0 2.5em 0;
	text-align:center;
}
table.calendar td a:hover, table.calendar td a:active{
	color:#8bc4c7;
}


a.goback:link, a.goback:visited{
	color:#1eb460;
}
a.goback:hover, a.goback:active{
	color:#55bf84;
	text-decoration:none;
}




/* Slide Show Pro */
div#rightcolumn div#slideshow{
	height:420px;
	position:relative;
	width:501px;
}

/* Sermon Pages */

.show-sermons{
	margin-bottom:1.5em;
}

/* Sermons Tables */
table.sermon-table{
	background:#eae5d7;
	border-top:1px solid #333;
	border-collapse:collapse;
	clear:both;
	margin-bottom:1.5em;
	width:98%;
}
table.sermon-table caption{
	color:#000;
	font-weight:bold;
	font-size:1.1667em;
	line-height:1.286em;
	padding-bottom:.25em;
}
table.sermon-table td{
	border:1px solid #fff;
	padding:.25em;
	vertical-align:middle;
}
table.sermon-table tr:hover{
	background:#fff;
}
th.sermon-info, th.sermon-controls{
	background:#c89831;
	color:#fff;
	padding:.25em;
	vertical-align:middle;
}
td.sermon-info{
	width:66%;
}
span.sermon-title{
	font-weight:bold;
}
span.sermon-title a{
	color:#000000;
	text-decoration:none;
}
span.sermon-title a:hover{
	text-decoration:underline;
}

/* Sermon Table Typography */
#rightcolumn table.sermon-table h4{
	font-size:1.1em;
	margin:.25em 0 0 0;
}
#rightcolumn table.sermon-table p{
	margin-bottom:.25em;
}


/* Sermon Icons */
span.listen a{
	background:url(/images/microphone.png) no-repeat transparent;
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-right:1em;
	text-indent:-9999px;
}
a.download{
	background:url(/images/download.gif) no-repeat transparent;
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-right:1em;
	text-indent:-9999px;
}
a.detail{
	background:url(/images/detail.gif) no-repeat transparent;
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-right:1em;
	text-indent:-9999px;
}
a.notes{
	background:url(/images/notes.gif) no-repeat transparent;
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-right:1em;
	text-indent:-9999px;
}
span.watch a{
	background:url(/images/tv.png) no-repeat transparent;
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-right:1em;
	text-indent:-9999px;
}
a.subscribe{
	background:url(/images/feed.gif) no-repeat transparent;
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-right:1em;
	text-indent:-9999px;
}

/* Staff Bios*/
.bio, .altbio{
	background:#f4efe4;
	margin-bottom:8px;
	padding:15px 5px 8px 5px;
	overflow:hidden;
}
.bio .bio-photo{
	float:right;
}
.altbio .bio-photo{
	float:left;
}
.bio .bio-body{
	margin-right:130px;
}
.altbio .bio-body{
	margin-left:130px;
}
#bio-list h4{
	color:#cc9900;
	color:#000;
	margin-top:0;
	margin-right:0;
}
#rightcolumn #bio-list p{
	margin-right:0;
}
.bio-position{
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}