/* _____________________________________________

Community Baptist Church of South Bend, Indiana
Created By:Mike Moreau, Jr.
12-20-2007
harvestmedia.com

Section 1 - Default and Reset Styles

Section 2 - Layout

Section 3 - Typography

Section 4 - Navigation

Section 5 - Footer

Section 6 - Home Page

Section 7 - Forms

Section 8 - Ekklesia CMS

Section 9 - Sitemap

Section 10 - Accessibility Options

_____________________________________________*/






/* = Section 1 - Default and Global Styles _______________________________________________ */

/* Eric Meyer's 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-size:100%;
	line-height:1;
	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:url(/images/page-tile.jpg) repeat-x top left scroll #c1b9a2;
	color:#222;
	font-size:13px;
	font-family:"Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	line-height:1.6;
}

strong{ font-weight:bold; }

em{ font-style:italic; }



/* Default Link Styles */
a:link, a:visited{
	background-color:transparent;
	color:#000066;
	outline:none;
}
a:hover, a:active{
	text-decoration:none;
	outline:none;
}


/* Stles the Client can add in thier wysiwyg editor */
.floatleft{
	float:left;
	margin:0 1em .5em 0;
}

.floatright{
	float:right;
	margin:0 0 .5em 1em;
}
.no-bottom-margin{
	margin-bottom:0;
}




/* = Section 2 - Layout _______________________________________________*/
#pnav{
	border-left:1px solid #8c4039;
	border-right:1px solid #8c4039;
	background:url(/images/in-nav-tile.gif) repeat-x top left #fff;
	height:44px;
	margin:0 auto 0 auto;
	position:relative;
	width:66em;
	z-index:20;
}
#masthead{
	background:url(/images/masthead-bgd.jpg) no-repeat center top;
	border-top:1px solid #fff;
	height:143px;
	min-width:860px;
	position:relative;
	z-index:8;
}
#masthead h1 a{
	height:186px;
	left:50%;
	margin:0 0 0 -400px;
	position:absolute;
	text-indent:-9999em;
	top:23px;
	width:219px;
}
#content-wrapper{
	background:url(/images/content-bgd.jpg) no-repeat center top;
	z-index:7;
}
#in-content{
	background:url(/images/content-bgd.jpg) no-repeat center top;
	background-color:rgb(245, 240, 225);
	height:auto;
	margin:0 auto 0 auto;
	padding:0 0 1em 0;
	overflow:hidden;
	width:860px;
}
#sidebar-nav{
	float:left;
	padding:125px 0 0 25px;
	width:230px;
}
#content{
	float:right;
	min-height:600px;
	padding-right:25px;
	width:530px;
}
#search{
	background:url(/images/subnav-tile.gif) repeat-y top left;
	border-right:1px solid rgb(214, 199, 181);
	border-top:1px solid rgb(214, 199, 181);
	padding:1em;
	margin-bottom:2em;
}
#search_term{
	background-image:none;
	background-color:#fff;
	border:1px solid rgb(167, 135, 97);
	border-left:none;
}
a#search_go{
	color:#333;
	text-decoration:none;
}
#billboard{
	margin:0 0 25px 0;
}
#footer{
	background:url(/images/footer-tile.gif) repeat-x top left;
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	width:860px;
}
#gmap{
	height:530px;
	margin:0 0 1.6em 0;
	width:400px;
}



/* = Section 3 - Typography _______________________________________________*/
h2{
	color:rgb(123, 20, 10);
	font-family:"Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:1em; /* 1.2em; */
	margin-bottom:.9em;
	padding-bottom:.2727em;
}
h3{
	border-bottom:1px solid #fff;
	color:rgb(123, 20, 10);
	font-family:"Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1.5em;
	margin:0pt 0pt .7692em;
}
h3 a{
	color:rgb(123, 20, 10);
}
h4, h5, h6{
	color:#600;
	font-weight:bold;
	line-height:1.6em;
}
p, ul, ol{
	color:#333;
	line-height:1.6em;
	margin-bottom:1.6em;
}
blockquote{}
q{}
cite{}
ul{
	list-style-position:outside;
	padding-left:1.5em;
}
ul ul{
	margin-bottom:0;
}
ol{
	list-style:outside decimal;
	margin-left:3em;
}
li{
	line-height:1.6em;
}
ul li{
	background:url(/images/diamond-bullit.gif) no-repeat left top transparent;
	padding-left:2.5em;
}
table{
	line-height:1.6em;
	margin-bottom:1.6em;
}



/* Sidebar-Nav Typography */
#sidebar-nav h2{
	border-bottom:1px solid #fff;
	font-size:1.25em;
	line-height:1.25em;
	margin:0pt 0pt .7692em 0pt;
}
#sidebar-nav h3{
	border:none;
	color:#000;
	font-family:"Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
}


/* Sidebar-nav Sermon and Event Listing ---- Some styling inherited from Section 8 news and events listing */
#sidebar-nav .sermon-list, #sidebar-nav .event-list{
	background:url(/images/sidebar-box-tile.jpg) repeat-x top left rgb(242,227,179);
	border-right:1px solid rgb(214, 199, 181);
	border-top:1px solid rgb(167, 135, 97);
	margin-bottom:2em;
	padding:1em 1em 1px 1em;
}
#sidebar-nav .sermon-box, #sidebar-nav .event-box{
	border:none;
	margin:0 0 1.6em 0;
	overflow:auto;
	padding:0;
}
#sidebar-nav .sermon-box h3, #sidebar-nav .event-box h3{
	margin-bottom:0;
}
#sidebar-nav .sermon-box p, #sidebar-nav .event-box p{
	font-size:11px;
	margin-bottom:0;
}
#sidebar-nav .sermon-box h3 a, #sidebar-nav .event-box h3 a, #sidebar-nav .sermon-box p a, #sidebar-nav .event-box p a{
	text-decoration:none;
}
#sidebar-nav .sermon-box h3 a:hover, #sidebar-nav .event-box h3 a:hover, #sidebar-nav .sermon-box p a:hover, #sidebar-nav .event-box p a:hover{
	text-decoration:underline;
}


.play-audio a{
	background:url(/images/listen-icon.gif) no-repeat;
	display:block;
	height:21px;
	margin-top:.5em;
	text-decoration:none;
	text-indent:-9999em;
	width:67px;
}





/* = Section 4 - Navigation _______________________________________________*/

/* Primary Nav Presentation */
#nav{
	left:50%;
	list-style-type:none;
	margin:0 0 0 -30.75em;
	padding:0;
	position:absolute;
	top:10px;
	width:66em;
	z-index:30;
}
#nav li{
	background-image:none;
	float:left;
	padding:0;
	position:relative;
}
#nav a{
	color:#fff;
	display:block;
	float:left;
	font-size:12px;
	font-weight:normal;
	letter-spacing:.1em;
	line-height:1em;
	padding:.4em .75em .4em .75em;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#nav a:hover, #nav li.stick a{
	background-color:#600;
}
#nav ul{
	background-color:#600;
	display:none;
	left:50%;
	list-style-type:none;
	margin:0 0 0 -5em;
	padding:0;
	position:absolute;
	top:1.5em;
	width:10em;
}
#nav ul li{
	float:none;
}
#nav ul a{
	border:none;
	float:none;
	font-size:11px;
	letter-spacing:0;
	margin:0;
	padding:.75em;
	text-transform:none;
}
#nav ul a:hover{
	font-weight:bold;
}

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



/* Sidebar Navigation Presentation */
#subnav{
	background:url(/images/subnav-tile.gif) repeat-y top left;
	border-right:1px solid rgb(214, 199, 181);
	border-top:1px solid rgb(167, 135, 97);
	padding:0 0 0 0;
	margin-bottom:2em;
}
#subnav ul{
	margin:0;
	padding:0;
}

#subnav li{
	background-image:none;
	padding:0;
}

#subnav a{
	border-bottom:1px solid rgb(233,225,213);
	color:#000;
	display:block;
	font-size:12px;
	line-height:1.2em;
	margin:0;
	padding:8px 10px 8px 10px;
	text-decoration:none;
}
#subnav a:hover, #subnav li.current ul li.current a{
	background:url(/images/nav-hover.gif) repeat-x top left rgb(123, 20, 10);
	color:#fff;
}

#subnav ul ul{
	border:none;
	border-bottom:1px solid rgb(233,225,213);
}
#subnav ul ul a, #subnav li.current ul li.current ul li a{
	background-image:none;
	background-color:#fff;
	border:none;
	color:#000;
	font-size:11px;
	padding:5px 10px 5px 30px;
	text-decoration:none;
}
#subnav ul ul a:hover, #subnav li.current ul li.current ul li a:hover, #subnav li.current ul li.current ul li.current a{
	background:url(/images/subnav-arrow.gif) no-repeat 10px center #fff;
}


/* Secondary Navigation Show and Hide */
#subnav li{
	display:inline;
}
#subnav li a, #subnav li ul, #subnav li.current ul li ul{
	display:none;
}
#subnav li.current ul, #subnav li.current ul li.current ul{
	display:block;
}
#subnav li li a{
	display:block;
}






/* = Section 5 - Footer _______________________________________________*/
#footnav{
	margin:0 0 2em 0;
	text-align:center;
}
#footnav ul{
	display:none;
}
#footnav li{
	background-image:none;
	border-right:1px solid #fff;
	color:#fff;
	display:inline;
	line-height:1em;
	margin:10px 0 0 0;
	padding:0 .6em 0 .6em;
	text-align:center;
}
#footnav li#footnav_contact-us{
	border:none;
}
#footnav li a{
	color:#fff;
}
#footer p, #footer address{
	color:#333;
	font-size:11px;
	line-height:1.6em;
	margin:0;
	text-align:center;
}
#footer a{
	color:#333;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}





/* = Section 6 -  _______________________________________________*/
div#home-slideshow{
	height:180px;
	margin:0 0 25px 0;
}
div.featured-event{
	margin:0 0 25px 0;
}




/* = Section 7 - Forms _______________________________________________*/
/* Contact Form on Prayer Request Page */
.contact{
	border-top:3px double #fff;
	padding:1.5em 0 0 3em;
}
.contact div{
	margin:0 0 1em 0;
}
.contact h4{
	margin-bottom:1em
}
form.contact label{
	display:block;
	font-weight:bold;
}
form.contact input, form.contact textarea, form.contact select{
	background-image:none;
	display:block;
	border:1px solid #cccccc;
}
form.contact input.submit-form{
	background:#888;
	border:3px double #333;
	color:#FFFFFF;
	padding:1em;
}
form.contact input.submit-form:hover{
	background-color:#339900;
}



/* = Section 8 - Ekklesia CMS _______________________________________________*/


/* Calendar Styling */
#calendar-container{
	margin-bottom:2em;
}
.calendar{
	border-bottom:1px solid #000;
	border-collapse:collapse;
	width:98%;
}
.calendar caption{
	border-bottom:1px solid #fff;
	color:rgb(123, 20, 10);
	font-family:"Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.25em;
	line-height:1.25em;
	margin:0;
	padding-bottom:.2727em;
}
.calendar caption span{
  	color:#8A4700;
	font-size:1em;
}
.calendar th{
	color:#000;
	font-weight:bold;
	padding:3px;
	text-align:center;
}
.calendar td{
	border:1px solid #fff;
	color:#666;
	text-align:center;
	vertical-align:middle;
	width:14%;
}
.calendar td.empty{
}
.calendar td a{
   background:url(/images/subnav-tile.gif) repeat-y top left;
   color:#000;
   display:block;
   font-weight:bold;
   padding:5px 0px;
   text-decoration:none;
   text-align:center;
}
.calendar td a:hover{
	background:#912804;
	color:#fff;
}


/* Large Church Calendar Page Layout */
#large-calendar{
	background-image:none;
}
#large-calendar h1{
	font-size:2em;
	font-family:"Book Antiqua", Georgia, "Times New Roman", Times, serif;
	height:auto;
	padding:25px;
	text-align:left;
}
#large-calendar h1 a{
	height:auto;
	text-decoration:none;
	text-indent:0;
	width:auto;
}
#large-calendar h1 a:hover{
	text-decoration:underline;
}
#large-calendar #calendar-container, #large-calendar #content{
	background-color:#fff;
	border-bottom:1px solid rgb(71,62,45);
	border-top:1px solid rgb(71,62,45);
	float:none;
	height:auto;
	padding:0 25px 0 25px;
	position:relative;
	width:auto;
}
#large-calendar #content h2{
	padding:25px 25px 0 0;
}
#large-calendar #footer{
	background-image:none;
	width:auto;
}
#large-calendar #footer #footnav{
	padding:0 0 0 25px;
	text-align:left;
}
#large-calendar #footer p, #large-calendar #footer address{
	padding:0 0 0 25px;
	text-align:left;
}

/* Large Church Calendar Styling */
#large-calendar table.calendar{
	margin:10px 0 25px 0;
	width:99.9%;
}

#large-calendar .calendar caption{
	font-size:2em;
	padding:25px 25px 0 0;
	text-align:left;
}

#large-calendar .calendar th{
	background:url(/images/footer-tile.gif) repeat-x top left rgb(71,62,45);
	color:#fff;
	padding:.25em;
	vertical-align:middle;
}

#large-calendar .calendar td{
	border:1px solid #D6C7B5;
	color:#D6C7B5;
	padding:.5em;
	text-align:left;
	vertical-align:top;
	width:14%;
}
#large-calendar .calendar td a{
	height:1em;
	margin:-.5em 0 0 -.5em;
	padding:.5em;
	width:2em;
}
#large-calendar .calendar td ul{
	font-size:11px;
	list-style:none;
	margin:0;
	padding:.5em 0 0 0;
}
#large-calendar .calendar td ul li{
	background-image:none;
	line-height:1.25em;
	margin-bottom:1.6em;
	padding:0;
}
#large-calendar .calendar td ul a{
	background:none transparent;
	display:inline;
	font-weight:normal;
	height:auto;
	left:auto;
	margin:0;
	padding:0;
	position:static;
	text-align:left;
	top:auto;
	width:auto;
}
#large-calendar .calendar td ul a:hover{
	color:#600;
	text-decoration:underline;
}

#choose-group{
	position:absolute;
	right:25px;
	text-align:right;
	top:25px;
	width:50%;
}



/* Event Listing on News and Events Page */
#content .event-list{
	border-top:1px solid #fff;
}
.event-box{
	border-bottom:1px solid #fff;
	overflow:hidden;
	margin:0 0 0 0;
	padding:1.6em 1.6em 1.6em 0;
}
#content .event-box:hover{
	background:url(/images/subnav-tile.gif) repeat-y top left #fff;
}
.event-box h3{
	border:none;
	line-height:1em;
	margin:0 0 0 3em;
}
.event-box p{
	margin:0 0 0 4.5em;
}
.event-box h3 a, .event-box p a{
	text-decoration:none;
}
.event-box h3 a:hover, .event-box p a:hover{
	text-decoration:underline;
}

.calendar-page{
	border:3px double #393326;
	float:left;
	width:2.5em;
}

.calendar-page a, .calendar-page a:visited /* the visited is necessary for ie6 */{
	background:url(/images/footer-tile.gif) repeat-x top left rgb(71,62,45);
	color:#fff;
	display:block;
	line-height:1.25em;
	padding:.25em;
	text-align:center;
	text-decoration:none;
	width:2em;
}



/* Detail Table on Event Pages */
table.detail{
	background:#eae5d7;
	border:1px solid #fff;
	border-collapse:collapse;
	margin-bottom:1.5em;
	width:98%;
}
.detail caption{
	font-weight:bold;
	font-size:1.1667em;
	line-height:1.286em;
}
.detail caption a{
	text-decoration:none;
}
.detail caption a:hover{
	text-decoration:underline;
}
.detail td{
	border:1px solid #fff;
	padding:.25em;
	vertical-align:top;
}
.detail td.leftcol{
	background:#fff;
	color:#600;
	font-weight:bold;
	text-align:right;
	width:20%;
}


/* Sermons Tables and Sports Schedule Tables */
.sermon-table, .sports-schedule{
	background:#eae5d7;
	border-top:1px solid #333;
	border-collapse:collapse;
	margin-bottom:1.5em;
	width:98%;
}
.sports-schedule{
	width:99.9%;
}
.sermon-table caption, .sports-schedule caption{
	color:#000;
	font-weight:bold;
	font-size:1.1667em;
	line-height:1.286em;
	padding-bottom:.25em;
}
.sermon-table td, .sports-schedule td{
	border:1px solid #fff;
	padding:.25em;
	vertical-align:middle;
}
.sermon-table tr:hover, .sports-schedule tr:hover{
	background:url(/images/subnav-tile.gif) repeat-y top left #fff;
}
th.sermon-info, th.sermon-controls, th.schedule-headings{
	background:url(/images/footer-tile.gif) repeat-x top left rgb(71,62,45);
	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 p{
	font-size:.8462em;
	margin:0;
}


/* Sermon Icons */
span.listen a, span#app_listen{
	background:url(/images/sermon-icons.gif) no-repeat transparent;
	display:block;
	float:left;
	height:21px;
	width:21px;
	margin-right:1em;
	text-indent:-9999px;
}
a.watch, span#app_watch-video{
	background:url(/images/sermon-icons.gif) -24px 0px no-repeat transparent;
	display:block;
	float:left;
	height:21px;
	width:20px;
	margin-right:1em;
	text-indent:-9999px;
}
a.download, span#app_download{
	background:url(/images/sermon-icons.gif) -49px 0px no-repeat transparent;
	display:block;
	float:left;
	height:21px;
	width:19px;
	margin-right:1em;
	text-indent:-9999px;
}
a.notes, span#app_download-notes{
	background:url(/images/sermon-icons.gif) -72px 0px no-repeat transparent;
	display:block;
	float:left;
	height:21px;
	width:14px;
	margin-right:1em;
	text-indent:-9999px;
}

/* Show Sermons Jump Menu */
.show-sermons{
	margin-bottom:1.6em;
}
#sermonLists{
}

/* Sermon Sort List */
#sort-list{
	list-style-image:none;
	list-style-type:none;
	margin:0 0 3em 0;
	padding:0;
}
#sort-list li{
	background-image:none;
	padding:0;
}
#sort-list li a{
	background:url(/images/subnav-arrow.gif) no-repeat 10px center transparent;
	border-bottom:1px solid #fff;
	color:#000;
	display:block;
	font-size:11px;
	line-height:1.2em;
	margin:0;
	padding:10px 10px 10px 30px;
	text-decoration:none;
}
#sort-list li a:hover{
	background-color:#fff;
}


/* School Forms and Downloads */
#content .article-list{
	border-top:1px solid #fff;
}
.article-box{
	border-bottom:1px solid #fff;
	overflow:hidden;
	margin:0 0 0 0;
	padding:1.6em 1.6em 1.6em 0;
}
#content .article-box:hover{
	background:url(/images/subnav-tile.gif) repeat-y top left #fff;
}
.article-box h3{
	border:none;
	line-height:1em;
	margin:0 0 .7692em 2em;
}
.article-box p{
	margin:0 0 0 3em;
}
.article-box h3 a, .article-box p a{
	text-decoration:none;
}
.article-box h3 a:hover, .article-box p a:hover{
	text-decoration:underline;
}

.post-info{
	color:#000;
	font-style:italic;
}

.download-icon{
	float:left;
	text-align:center;
	width:2.5em;
}

/* Staff and Missioanry Bios */
#content .bio-list{
	border-top:1px solid #fff;
}
.bio-box, .staff-bio-box{
	border-bottom:1px solid #fff;
	overflow:hidden;
	margin:0 0 0 0;
	padding:1.6em 1.6em 1.6em 0;
}
#content .bio-box:hover{
	background:url(/images/subnav-tile.gif) repeat-y top left #fff;
}
.bio-box h3, .staff-bio-box h3{
	border:none;
	line-height:1em;
	margin:0 0 .7692em 185px;
}
.bio-box h4{
	margin-left:185px;
}
.bio-box p{
	margin-left:185px;
}
.bio-box h3 a, .staff-bio-box h3 a{
	text-decoration:none;
}
.bio-box h3 a:hover, .staff-bio-box h3 a:hover{
	text-decoration:underline;
}
.bio-box img, .staff-bio-box img{
	float:left;
}

.staff-bio-box h4{
	margin-left:212px;
}
.staff-bio-box h3{
	margin-left:212px;
}
.staff-bio-box p{
	margin-left:212px;
}


/* Photo Albums */
#slideshow{
	height:457px;
	margin-bottom:25px;
	text-align:center;
	width:530px;
}


/* = Section 9 - Sitemap _______________________________________________*/
#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{}
#sitemap ul{
	display:none;
}
#sitemap li{
	background-image:none;
	line-height:200%;
	margin-top:1px;
	padding:0;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(/images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(/images/expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	 background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */
#sitemap li li li{background:url(/images/subnav-tile.gif) repeat-y top left #fff;}
#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */





/* Section 10 - Accessibility Options _______________________________________________*/
ul#skip{
	display:none;
}
#skip li{
}
#skip a{
}