@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
Style Sheet 

version:   1.0
author:    Erik Peterson
company:   Project o3, LLC
website:   http://www.covenantnaples.com/
-----------------------------------------------------------------------------*/

/*
Colors:
	#005B7F = Dark Teal
	#0076A3 = Light Teal for links
	#7C0208 = Dark Red
	#9e0b0f = Medium Red for sidebar links
	#534740 = Brown for body text
	#736357 = Medium Brown for sidebar quote
	#534741 = Lighter Brown for H6
	#DEDAB2 = Tan for nav
	#F9F4C8 = Yellow for form fields
	#d2c8ac = Rules around verses	
	#f5d49e = Peach for blockquote background
	#b1aa99 = Sermon Art image borders (tan)
*/

/* @group global resets */
/* 'reset.css' User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0;}

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }

ol, ul, li { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h5, h5, h6 { font-size:100%;  }

q:before, q:after { content:''}



/* re-RESET */

strong { font-weight: bold; }

em { font-style: italic; }

ol, ul, li { list-style:none; }

* a { position:relative; } /* Gets links displaying over a PNG background */

a { outline:none; } /* Gets rid of Firefox's dotted borders */

a img { border:none; } /* Gets rid of IE's blue borders */

body { background:white; text-align:center }

/* @end */

/* @group basic typography */

h1 { 
	font: 32px/40px Georgia, 'Times New Roman', Times, serif;
	color: #005B7F;
	padding: 50px 0 20px 0; 
}

h2 { 
	font: 16px/20px Georgia, 'Times New Roman', Times, serif; 
	color: #005B7F;
	padding: 20px 0 0 0;
}

h3 { 
	font: 14px/18px Georgia, 'Times New Roman', Times, serif; 
	color: #7C0208;
}
h4 { 
	font: italic 12px/16px Georgia, 'Times New Roman', Times, serif; 
	color: #7C0208;
}

h5 { 
	font: italic 10px/14px Georgia, 'Times New Roman', Times, serif; 
	color: #005B7F;
}

h6 { 
	font: 16px/20px Georgia, 'Times New Roman', Times, serif;
	color: #534741;	 
}

body, p, label {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: black;
}

dt, dd, input, textarea { font-family: Georgia, "Times New Roman", Times, serif; }

li {font-family: Georgia, "Times New Roman", Times, serif;}

p, li, dt, dd, label { font-size:13px; line-height:20px;}
p { margin-bottom: 13px;}
label{color: #FFF;}

input, textarea { 
	font-size: 12px;
	font-family : "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
	color: #534740;
}

blockquote {
	font-size:13px; 
	line-height:20px;
	margin: 5px 0 10px 10px ;
}

ul.bList {
	margin-bottom: 13px;
}

ul.bList li{
	list-style-type: disc;
	margin-left: 40px;
}

.highlight {
	background-color: #dbdbdb;
	padding: 1px;
}

#subColLt h2, #events h2, h3.welcome {
	margin-bottom: 10px;
}

h3.welcome {
	margin-top: 40px;
}

#subColLt h3{
	color: #FFF;
	line-height: 20px;
	margin-bottom: 5px;
	margin-right: 10px;
}

#rtSideMinLinks h2, #rtArchiveLinks h2 {
	color: #736357;
	margin: 0 0 5px 0;
}

#rtArchiveLinks p.year {
	color: #7C0208;
	margin: 20px 0 0 0;
	padding: 0;
}

#subColLt p {
	margin-right: 10px;
}

#subColLt .highlight {
	background-color: #7C0208;
	padding: 1px;
}

p.extSummary {
	padding-top: 30px;
	width: 532px ;
}

p.missions{
	margin-top: 20px;
}

.smText {
	font-size: 11px;
	line-height: 14px;
}

.smTextTitles {
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	color: #0076A3;
}

ul.elders li,
ul.deacons li{
	float: left;
	display: inline;
	width: 175px;
}

ul.elders,
ul.deacons {float: left; margin-bottom: 10px;}

p.verse {
	margin-top: 10px;
}

.blue {color:#005B7F;}

/* @group sermons */

h4.author {
	color: #534741;
	font-style: normal;
}

p.summary {
	margin-top: 10px;
}

.sTextHead, .scriptRef {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0;
	display: inline;
}

.sTextHead {
	float: left;
}

.scriptRef {
	font-style: italic;
	color: #7C0208;
	float: right;
}

p.srmCopyright {
	margin-top: 10px;
	font-size: 10px;
	line-height: 12px;
}

/* @end */

/* @group sidebar Quote */

#columnTwo p.quote {
	color: #736357;
	font: italic 17px Georgia, "Times New Roman", Times, serif;
	line-height: 28px;
	border-top: 4px solid #d2c8ac;
	margin: 60px 35px 5px 30px;
	padding: 5px 0 5px 2px ;
}
#columnTwo p.quoteCredit {
	color: black;
	font: small-caps 12px Georgia, "Times New Roman", Times, serif;
	line-height: 17px;
	border-top: 2px solid #d2c8ac;
	border-bottom: 2px solid #d2c8ac;
	margin: 0 35px 2px 30px;
	text-align: right;
}

/* @end */

/* @group service Times */

#logoCardWTimes a.homeLink,
#logoCardBrown a.homeLink,
#logoCard a.homeLink{
	height: 152px;
	width: 240px;
	margin: 0 0 0 24px;
	display: block;
	text-indent: -9999px;
	/*border: 1px dotted teal;*/
}

#logoCardWTimes p {
	text-align: center;
	font-size: 11px;
	line-height: 16px;
}

#logoCardWTimes h3 {
	padding-top: 93px;
	color: #005B7F;
	text-align: center;
	font-weight: bold;
}

/* @end */

/* @group credit */

#credit p, #credit a {
	text-decoration: none;
	font: 10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
	color: gray;
	padding: 2px 3px;
	margin-right: 2px;
	margin-bottom: 15px;
}



/* @end */

/* @group footer text */

#footer h2 {
	color: black;
}
#footer h3 {
	font: 13px/18px Georgia, "Times New Roman", Times, serif;
	color: black;
	padding: 20px 0 0 0;
}

#footer p {
	color: black;
	margin-bottom: 5px;
}

#footer p.copyright {
	font: 10px/12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: black;
	margin-bottom: 0;
	
}

/* @end */
/* @end */

/* @group layout */

body {
	background: white;
}

#bkgd {
	background: white;
	/*min-height: 600px;*/
	/*border: 1px solid blue;*/
}

#wrapper {
	/*border: 1px solid pink;*/
	width: 869px;
	margin: 0 auto 0 auto;
}

#contentTop {
	background: white;
	height: 15px;
}

#contentShadow {
	background: white;
	/*border: 1px dotted red;*/
}

#contentShadowEnd {
	background: white;
	height: 10px;
}

#contentWrapper{
	background: white;
	width: 855px;
	margin: 0 7px;
	text-align: left;
	/*border: 1px dotted orange;*/
}

#columnOne {
	width: 532px;
	margin: 0 10px 0 20px;
	padding: 0;
	float: left;
	/*border: 1px dotted green;*/
}

#columnTwo {
	width: 283px;
	margin: 0;
	padding: 0;
	float: right;
	/*border: 1px dotted gray;*/
}

.resources {
	margin: 10px 0;
	min-height: 240px;
	/*border: 1px dotted red;*/
}

.writeup {
	width: 362px;
	margin-right: 50px
	float: left;
	/*border: 1px dotted orange;*/
}

iframe.amazonAff {
	width:120px;
	height:240px;
	float: right;
	background-color: transparent;
	display: block;
	/*border: 1px dotted pink;*/
}

img.negLftMar {
	margin-left: -15px;
	margin-bottom: 7px;
}

img.negLftMarFlt {
	margin: 0 10px 5px -15px;
	float: left;
}

img.graceImg {
	margin: 10px 0 40px 30px;
}

img.podcastBut {
	margin-left: 41px;
}

#podcastButton {
	display:block;
	float:left;
}

.controls { 
	float:left;
	width:300px;
}

.mp3player {
	float:left;
	margin-top:1px;
}

.video {
	background-color: #dbdbdb;
	padding: 15px 20px 5px 20px;
	margin: 0 20px 20px 0;
	float: left;
}

/* @group photoFrame */

.frame { /* because I have set the width, all images MUST be 150px wide */
	width: 188px;
	float: left;
	margin: 10px 20px 5px -15px;
	font-size: 0px; /* set font size to 0 so IE6 will allow for 2px tall div otherwise it will be as tall as font size for the div */

}
.topR  {
	background: url(/assets/images/common/slideDoor_topR.gif) no-repeat right top;
	position: relative;
	height: 16px;
}

.fContentR {
	background: url(/assets/images/common/slideDoor_repY.gif) repeat-y right top;
	position: relative;
	min-height: 46px;
}

.botR {
	background: url(/assets/images/common/slideDoor_botR.gif) no-repeat right bottom;
	position: relative;
	height: 22px;
}


.topL {
	background: url(/assets/images/common/slideDoor_topL.gif) no-repeat left top;
	position: relative;
	height:  16px;
	width: 21px;
}

.fContentL {
	background: url(/assets/images/common/slideDoor_repY_lt.gif) repeat-y left top;
	position: relative;
	min-height: 46px;
	height: auto !important;
	width: 21px;
}

.botL {
	background: url(/assets/images/common/slideDoor_botL.gif) no-repeat left bottom;
	position: relative;
	height: 22px;
	width: 21px;
}

.frame img {
	margin-left: 21px;
}


/* @end */

/* @group sermons */

img.sermonArt {
	float: left;
	height: 150px;
	width: 150px;
	margin: 10px 20px 20px 0;
	border: 2px solid #b1aa99;
}

/* @end */

/* @group events */

#categoryList {
	background: url(/assets/images/events/eventsTornPaper.gif) no-repeat 0 0;
	width: 538px;
	height: 104px;
	margin-left: -6px;
}

#categoryList p{
	/*border: 1px solid red;*/
	width: 250px;
	font-size: 16px;
	line-height: 22px;
	color: black;
	padding: 40px 30px 20px 25px;
	float: left;
}


#categoryList form{
	float: left;
	padding-top: 62px;
}

.singleEvent p{
	margin-bottom: 3px;
}

/* @end */

/* @group map */

#mapFrame {
	/*float: left;*/
	background: url(/assets/images/directions/mapFrame.gif) no-repeat 0 top;
	width: 541px;
	height: 478px;
	margin-left: -9px;
	z-index: 2;
}

iframe#gMap {
	margin: 30px 0 0 27px;
	z-index: 200;
	/*float: left;*/
}

#mapAddress {
	/*float: left;*/
	background: url(/assets/images/directions/address.gif) no-repeat 0 bottom;
	width: 541px;
	height: 478px;
	/*margin-left: -9px;*/
	z-index: 1;
}

#churchPhoto {
	margin-left: -40px;
	position: relative;
}

a#mapClick {
	font-size: 12px;
	width: 100px;
	position: relative;
	top: -75px;
	left: 415px;
	display: block;
	padding-left: 12px;
	background: url(/assets/images/common/arrow_lt.gif) no-repeat 0 center;
}

/* @end */

/* @group home Columns */

#subColLt {
	width: 245px; 
	float: left;
	/*border: 1px dotted orange;*/
}

#subColCent {
	width: 287px;
	float: left;
	/*border: 1px dotted gray;*/
}

#subColCent .hRule {
	margin: -12px 10px 5px 10px;
	/*border: 1px dotted pink;*/
}

#innerColLt {float: left; width: 150px;}
#innerColRt {float: right; width: 90px; text-align: center; margin-right: 5px;}

.hmSrmArt {
	width: 77px;
	height: 77px;
	border: 2px solid #b1aa99;
}

#events {
	margin: 17px 20px 0 20px;
}

.singleEvent {
	/*border: 1px solid blue;*/
}

#events .hRule {
	padding: 5px 0;
	/*margin: 5px;*/
}

.datebox {
	background-color: #F9F4C8;
	height: 46px;
	width: 46px;
	padding: 4px;
	float: left;
}

.innerDatebox {
	border: 1px solid #b1aa99;
	height: 44px;
	width: 44px;
}

p.dNumber {
	font-size: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #675549;
}

p.dMonth {
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	padding: 1px 0 0 0;
	color: #005B7F;
	text-align: center;
	text-transform: uppercase;
}

.infoWrapper {
	margin-left: 65px;
	margin-bottom: 0;
	min-height: 54px;
}

#events .infoWrapper a{
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0;
	display: block;
}

.infoWrapper h4 {
	font-style: normal;
	line-height: 16px;
	padding-top: 5px;
	font-weight: bold;
}

/* @end */



/* @group Slideshow */

ul.crossfade {padding: 0; margin: 0; list-style: none; position: relative;}
#fade li, #fade2 li   {position: absolute; top: 0; left: 0; width: 567px; height: 360px; background-color: transparent; visibility: hidden;}
li img {display: block;}
.caption {clear: both; display:none;}
.slideshow {position: relative; padding:0; margin: 0 0 0 -20px; width: 567px; height: 360px;}
.slideshowFeat {position: relative; padding:0; margin: 0 0 0 0px; width: 287px; height: 233px;}
.control { 	position: absolute;	z-index: 100; cursor: pointer; font-size: 2em; font-weight: bold; color: #000;}
#fade-next, #fade2-next {right: 8%; top: 90%;}
#fade-previous, #fade2-previous {left: 6%; top: 90%;}
.dhonishow-navi { display: none;}

/* @end */

/* @group Staff Page */

#staffAnchors {
	background: url(/assets/images/staff/staffAncPaper.gif) no-repeat 0 0;
	min-height: 94px;
	margin-left: -7px;
	font: 12px/16px Georgia, "Times New Roman", Times, serif;
	color: #0076A3;
	padding: 43px 15px 0 23px;
}

.staffMember {
	margin: 20px 0 0px -7px;
	min-height: 223px;
	/*border: 1px dotted green;*/
}

.staffMember img {
	float: left;
	margin: 0 10px 20px 0;
	padding: 0;	
	width: 177px;
	height: 223px;
}

.staffMember h3 {
	padding-top: 12px;
}

.staffMember blockquote {
	padding-left: 185px;
}

/* @end */

/* @group horizontalRule */

.hRule {
	background: url(/assets/images/common/horLine.gif) repeat-x 0 center;
	height: 2px;
	/*border: 1px dotted orange;*/
}

#rtArchiveLinks .hRule,
#rtSideMinLinks .hRule {
	background: url(/assets/images/common/horLine_dk.gif) repeat-x 0 center;
	margin-bottom: 0px;
	
}

.hRuleSermon,
.hRuleElders,
.hRule10pxBot {
	background: url(/assets/images/common/horLine.gif) repeat-x 0 center;
	height: 2px;
	margin-bottom: 10px;
}

/* @end */

/* @group branding */

#logoCardWTimes {
	background: url(/assets/images/common/covLogo_blue_p.gif) no-repeat 0 0;
	height: 337px;
	margin-top: 10px;
	/*border: 1px dotted red;*/
}



#logoCardBrown{
	background: url(/assets/images/common/covlogo_brown_p.gif) no-repeat 0 0;
	min-height: 450px;
	/*width: 283px;*/
	margin-top: 10px;
}

#logoCard{
	background: url(/assets/images/common/covLogo_p.gif) no-repeat 0 0;
	height: 181px;
	margin-top: 10px;
}

/* @end */

/* @group Footer */

#footerTop {
	background: white;
	height: 16px;
	margin-top: 30px;
	border-top: 1px solid black;
}
#footer {
	background: white;
	padding: 0 20px 10px 20px;
	/*margin-top: 16px;*/
	/*float: left;*/
	/*border: 1px dotted white;*/
}



/* @end */

/* @end */

/* @group links */

a {	color: #0076A3; text-decoration: none; }

a.more {
	font-size: 12px;
	color: #0076A3;
	background: url(/assets/images/common/arrow_rt.gif) no-repeat right 3px ;
	float: right;
	padding: 0 10px 0 0;
	text-decoration: none;
	margin: 5px 0 0 0;
}

a.close {
	font-size: 12px;
	color: #0076A3;
	background: url(/assets/images/common/arrow_up.gif) no-repeat left 5px ;
	float: right;
	padding: 0 0 0 12px;
	text-decoration: none;
	margin: 5px 0 5px 0;
}

#footer a {
	font-size: 13px;
	color: black;
	padding: 1px 0;
	text-decoration: none;
	border-bottom: none;
}


#staffAnchors  a {
	font: 12px/15px Georgia, "Times New Roman", Times, serif;
	color: #0076A3;
	text-decoration: none;
}

#subColLt h3 a{	color: #FFF;}


.infoWrapper a {
	font-size: 12px;
	line-height: 14px;
	color: black;
}

/* @group buttons */

ul.but_group, 
ul.but_groupInline{
	text-indent: -9999px;
	margin-top: 4px;
	padding: 0;
	width: 81px;
	display: block;
}

ul.but_groupInline {
	margin: 0;
	float: left;
	padding: 0 0 10px 0;
	width: 50px;
	margin-left:10px;
}

ul.but_group li, 
ul.but_groupInline li {
	height: 22px;
	font-size: 11px;
	margin-top: 1px;
	text-transform: uppercase;
	display: block;
}

ul.but_groupInline li{
	display: inline;
	float: left;
	padding: 0;
}

.but_groupInline li#read_but, 
.but_groupInline li#listen_but {
	margin: 0 5px 0 0;
	display: block;
}

ul.but_groupInline li a, 
ul.but_group li a,
li#listen_but a{
	height: 22px;
	display: block;
}

li#listen_but{
	background: url(/assets/images/common/but_listen.gif) no-repeat left;
	width: 56px;	
	margin: 0 0 0 15px;

}
li#read_but{
	background: url(/assets/images/common/but_read.gif) no-repeat left;
	width: 49px;
	margin: 0 0 0 18px;
}
li#archive_but{
	background: url(/assets/images/common/but_archive.gif) no-repeat left;
	width: 67px;
	margin-left: 9px;
}

li#fCalendar_but {
	background: url(/assets/images/common/but_fcalendar.gif) no-repeat left;
	width: 105px;
	margin-left: 0;
}



/* @end */

/* @end */

/* @group main navigation */

#nav {
	display: none;
}


/* @end */

/* @group sermon archive side nav */

#rtArchiveLinks,
#rtSideMinLinks{
	/*float: left;*/
	/*border: 1px dotted blue;*/
	padding: 108px 40px 0 40px;
}

#rtArchiveLinks ul,
#rtSideMinLinks ul {
	margin-bottom: 40px;
}

#rtArchiveLinks li, 
ul#sideNavMin li {
	display: inline;	
}

#rtArchiveLinks a,
ul#sideNavMin li a{
	font-size: 14px;
	line-height: 16px;
	border-bottom: 1px dotted black;
	margin: 0;
	padding: 5px 10px;
	display: block;	
}

#rtArchiveLinks li a.current,
ul#sideNavMin li a.current{
	text-decoration: none;
	background: url(/assets/images/common/tile_sideNav_active.gif) repeat-x;
	color: #9e0b0f;
}

/* @end */

/* @group ministries side nav */

/*#rtSideMinLinks{*/
	/*float: left;*/
	/*border: 1px dotted blue;*/
	/*padding: 260px 40px 0 40px;
}*/

/*ul#sideNavMin {
	font-size: 14px;
}*/

/*ul#sideNavMin li {
	display: inline;
	margin-bottom: 10px;
}*/

/*ul#sideNavMin li a{
	padding: 3px 0;
	line-height: 16px;
}*/

/*ul#sideNavMin li a:hover, ul#sideNavMin li:hover > a{
	text-decoration: none;
	background: url(/assets/images/common/sidenav_highlight.gif) repeat-x;
}*/

/*ul#sideNavMin li a.current{
	text-decoration: none;
	background: url(/assets/images/common/sidenav_highlight.gif) repeat-x;
	color: #7C0208;
}*/

/* @end */

/* @group Forms */

em.required {
	font-size: 12px;
	color: #7C0208;
	font-style: normal;
}

form .fltlt {
	margin: 10px 20px 10px 0;
}

form .buttons {
	margin: 0 5px 20px 0;
	float: left;
}

label, form h6 {
	margin-right: 10px;
	line-height: 22px;
}

#contactForm label, #contactForm h6 {
	margin-right: 10px;
	line-height: 22px;
	color: black;
	font-size: 13px; 
}

#contactForm h6 {margin-top: 10px;}

input, textarea {background-color : white;}
/*input.subscribe {background-color: transparent; margin-top: 5px;}*/

input.subscribe {
	margin-top: 5px;
	width: 77px;
	height: 22px;
	outline: none;
	background: transparent url(/assets/images/common/but_subscribe.gif) no-repeat;
}

input.reset {
	margin: 0;
	border: 0;
	width: 53px;
	height: 22px;
	outline: none;
	background: transparent url(/assets/images/common/but_reset.gif) no-repeat;
}

input.submit {
	margin:0;
	width: 60px;
	height: 22px;
	outline: none;
	background: transparent url(/assets/images/common/but_submit.gif) no-repeat;
}

/* @end */

/* @group misc */

.clearfloat {
	clear: both;
}
.fltrt {
	float: right;
}
.fltlt {
	float: left;
}
.hide {
	display : none;
}

.tenBot {
	margin-bottom: 10px;
}

.smallText { /*use smText*/
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
}


/* @end */