/*

Immanuel Baptist Church of Brockton MA
Created By:Mike Moreau, Jr.
9-20-2007
harvestmedia.com

Section 1 - Default, Reset, and Global Styles

Section 2 - Layout

Section 3 - Home Page Specific Sytles

Section 4 - Navigation

Section 5 - Typography

Section 6 - Footer

Section 7 - Ekklessia

Section 8 - Accessibility Options

Section 9 - Sitemap


*/






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


/* 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:#f2efe6;
	color:#000;
	font-family:"Lucida Grande","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.5;
}
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{
	color:#1b1464;
	text-decoration:underline;
}
a:visited{
	color:#1b1464;
}
a:hover, a:active{
	text-decoration:none;
}

/* Global Classes */
/* Classes */
.floatleft{
	float:left;
	margin:0 1em 0 0;
}
.floatright{
	float:right;
	margin:0 0 0 1em;
}
.note{
	font-size:11px;
	font-style:italic;
}








/* Section 2 - Layout
_______________________________________________*/
#masthead{
	background:url(/images/masthead-tile.jpg) repeat-x;
	height:202px;
	position:relative;
	z-index:9;
}
#in-masthead{
	background:url(/images/in-masthead-bgd.jpg) 0px 8px no-repeat;
	height:202px;
	margin:0 auto 0 auto;
	position:relative;
	width:844px;
}

/* Quick links and search in Masthead div */
li.service-times a{
	background:url(/images/service-times.png) no-repeat;
	display:block;
	height:31px;
	left:439px;
	position:absolute;
	text-decoration:none;
	text-indent:-9999px;
	top:14px;
	width:194px;
}
li.search-this-site{
	left:644px;
	height:14px;
	position:absolute;
	top:18px;
}
#search_term{
	background:#fff;
	border:none;
	color:#222;
	line-height:1em;
	position:static;
}
#search_go{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}


h1 a{
	background:url(/images/logo.jpg) no-repeat;
	bottom:0px;
	display:block;
	height:181px;
	left:0px;
	position:absolute;
	text-decoration:none;
	text-indent:-9999px;
	width:212px;
}
#pnav{
	left:212px;
	position:absolute;
	top:161px;
	width:638px;
}
#feature{
	background:url(/images/feature-tile-top.gif) repeat-x;
	height:21px;
	margin:0 auto 0 auto;
	width:840px;
	z-index:1;
}
#content-wrapper{
	padding-bottom:27px;
}
#in-content-wrapper{
	background:url(/images/separator.gif) repeat-y;
	margin:0 auto 0 auto;
	overflow:auto;
	width:840px;
}
#sidebar{
	float:left;
	width:211px;
}
#content{
	float:right;
	margin:0 27px 0 0;
	width:549px;
}
#footer{
	background:#d5b267;
	border-top:1px solid #dcbb73;
	border-bottom:1px solid #dcbb73;
	padding:19px 48px 40px 45px;
}
#in-footer{
	margin:0 auto 0 auto;
	width:840px;
}






/* Section 3 - Home Page Specific
_______________________________________________*/
#home #feature{
	height:176px;
	position:relative;
}
#slideshow{
	height:175px;
	position:absolute;
	right:1px;
	top:0px;
	width:559px;
}
#visitors-center{
	background:url(/images/visitors-center-icon.jpg) no-repeat;
	display:block;
	height:106px;
	left:16px;
	position:absolute;
	text-decoration:none;
	text-indent:-9999px;
	top:45px;
	width:235px;
}

#home #content-wrapper{
	background:url(/images/content-tile.jpg) repeat-x;
	padding:0px;
}
#home #in-content-wrapper{
	background:url(/images/column-rules.gif) repeat-y;
	padding-top:1px;
}
#blog-column, #sermon-column, #event-column{
	background:url(/images/home-columns-top.png) 0px 0px no-repeat;
	float:left;
	margin-left:1px;
	padding:58px 18px 18px 18px;
	width:242px;
}
#sermon-column{
	background-position:-279px 0px;
	width:243px;
}
#event-column{
	background-position:-559px 0px;
	width:243px;
}
#event-column h4{
	margin-top:0;
}
#event-column #gmap{
	height:240px;
	width:241px;
}
p.subscribe a{
	background:url(/images/view-rss-icon.jpg) no-repeat;
	display:block;
	height:26px;
	text-decoration:none;
	text-indent:-9999px;
	width:133px;
}
#sermon-column p{
	margin-bottom:.5em;
}
span.play-audio a{
	background:url(/images/listen-icon.png) no-repeat;
	display:block;
	height:22px;
	margin-bottom:2em;
	text-decoration:none;
	text-indent:-9999px;
	width:78px;
}
a#view-calendar-icon{
	background:url(/images/view-calendar-icon.png) no-repeat;
	display:block;
	height:26px;
	text-decoration:none;
	text-indent:-9999px;
	width:133px;
}









/* Section 4 - Navigation
_______________________________________________*/
/* Primary Navigation */
#nav li{
	float:left;
	position:relative;
}
#nav a{
	background:url(/images/nav.png) #fff;
	display:block;
	float:left;
	height:41px;
	text-decoration:none;
	text-indent:-9999px;
	width:157px;
}
#nav a:hover, #nav li.current a {
	background:url(/images/nav-hover.png) #fff;
}
ul#nav ul{
	left:2px;
	position:absolute;
	top:41px;
}
#nav ul a, #nav li.current ul a{
	background-image:none;
	display:block;
	color:#000;
	float:none;
	height:auto;
	padding:5px;
	text-indent:0px;
	width:145px;
}
#nav ul a:hover, #nav li.current ul a:hover{
	background-image:none;
	color:#671d1f;
}
ul#nav ul ul{
	left:auto;
	margin:0 0 0 0;
	position:static;
	top:auto;
}
ul#nav ul ul a, ul#nav li.current ul li ul a{
	background-color:#f2e7ce;
}


/* Backgroud Positioning for Primary Nav and Top Level Nav Specific Styles */
#nav_getting-involved a, #nav_getting-involved a:hover, body#getting-involved ul#nav li.current a{
	background-position:-157px 0px;
}
#nav_knowing-god a, #nav_knowing-god a:hover, body#knowing-god ul#nav li.current a{
	background-position:-314px 0px;
}
#nav_contact-us a, #nav_contact-us a:hover, body#contact-us ul#nav li.current a{
	background-position:-471px 0px;
}


/* Hide all sub level menus for the primary nav and reveal on mouseover */
#nav ul{
	display:none;
}
#nav ul.show, #nav ul.show ul{
	display:block;
}

/* Fix Odd Formatting on Blog Nav because of current class */
ul#nav li ul li.current a{
	background-image:none;
}

/* Secondary Navigation Colors */
#subnav{
	border:1px solid #c4aea7;
	padding-bottom:1px;
	width:208px;
}

#subnav a{
	background:url(/images/subnav-level-1.png) repeat-y;
	display:block;
	color:#fff;
	margin:1px 0 0 1px;
	padding:10px 10px 10px 23px;
	text-decoration:none;
	width:173px;
}
#subnav ul a{
	background:url(/images/subnav-level-2.png) repeat-y;
}
#subnav ul a:hover, #subnav li.current ul li.current a{
	background:url(/images/subnav-level-2-hover.png) repeat-y left center;
}
#subnav ul ul a, #subnav li.current ul li.current ul li a{
	background:url(/images/subnav-level-3.png) repeat-y;
	color:#000;
}
#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:#fff;
}


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





/* Section 5 - Typography
_______________________________________________*/
h2{
	color:#912804;
	font-size:2.5em;
	font-family:Georgia, "Book Antiqua", "Lucida Grande","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:.5em;
}
.text h3{
	color:#000;
	font-size:1.5em;
	font-family:Georgia, "Book Antiqua", "Lucida Grande","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
}
.text h3 a{
	text-decoration:none;
}
.text h3 a:hover{
	text-decoration:underline;
}
.text h4{
	color:#000;
	font-weight:bold;
	font-size:1.1667em;
	margin:1em 0 0 0;
}
.text h4 a{
}
.text h5{
	color:#000;
	font-weight:bold;
	font-size:1em;
}
.text h6{
	font-size:1em;
	font-weight:bold;
	color:#912804;
}

.text p{
	margin-bottom:1.5em;
}

.text ul{
	list-style-position:outside;
	list-style-type:disc;
	list-style-image:url(/images/bullet_yellow.png);
	margin:0 0 1.5em 3em;
}
.text ol{
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 1.5em 3em;
}
.text ul li, div.text ol li{
	margin-bottom:.5em;
}

.text table{
	margin-bottom:1.5em;
	width:98%;
}


/* Sidebar Text */
#sidebar .text{
	margin-left:18px;
}

#sidebar .text h3{
	font-size:1.1667em;
	font-family:"Lucida Grande","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
}
#sidebar .text h4{
	font-size:1em;
}

#sidebar .text p{
	font-size:.9em;
	line-height:1.875em;
	margin:0 0 1.875em 0;
}


/* Blog Typography */
.text h3.date{
	border-top:1px solid #fff;
	background:url(/images/sidebar-header-tile.jpg) repeat-x;
	line-height:1em;
	padding:12px 8px 8px 8px ;
}
.text h4.blogposttitle, .text p.blogpostpreview, .text p.posted-by{
	padding:0 8px 0 8px;
}
.posted-by{
	margin-bottom:3em;
}

/* Photo Gallery */
#photogallery{
	height:500px;
}


/* 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;
}

/* Bio Boxes */
.bio-box{
	border-top:3px double #fff;
	overflow:hidden;
	padding:1em 0 1em 0;
}
.bio-box h2, .bio-box h3, .bio-box h4, .bio-box h5, .bio-box h6, .bio-box p{
	margin-left:180px;
}
.bio-box img{
	margin-top:1em;
}







/* Section 6 - Footer
_______________________________________________*/
#footer p, #footer ul{
	color:#f7f0e1;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

.foot-nav{
	border-bottom:1px solid #fff;
	height:1em;
	padding-bottom:1em;
	margin-bottom:1em;
	width:30em;
}
.foot-nav li{
	display:inline;
	line-height:1em;
}






/* Section 7 - Ekklessia
_______________________________________________*/



/* Large Calendar */
#calendar-container table.calendar{
   border-collapse:collapse;
   background:#fff;
   width:98%;
}
#calendar-container table.calendar caption{
   font-size:1.5em;
   padding-bottom:.8em;
}
#calendar-container table.calendar caption span{
  	color:#8A4700;
	font-size:1em;
}
#calendar-container table.calendar th{
	background:#912804;
	color:#fff;
	padding:3px;
	text-align:center;
}
#calendar-container table.calendar td{
   border:1px solid #ccc;
   color:#aaa;
   height:64px;
   text-align:center;
   vertical-align:middle;
   width:14%;
}
#calendar-container table.calendar td.empty{
}
#calendar-container table.calendar td a{
   color:#000;
   display:block; 
   font-size:2em;
   text-decoration:none;
   text-align:center;
}
#calendar-container table.calendar td a:hover{
	text-decoration:underline;
}


/* Calendar in Sidebar */
#sidebar #calendar-container td{
	height:auto;
}
#sidebar #calendar-container table.calendar td a{
	font-size:1.25em;
}



/*Pop-up Box when you hover over a date on home page*/
#traildiv{
   position:absolute;
   top:0px;
   left:0px;
   z-index:999;
   visibility:hidden;
   width:100px;
   height:100px;
   color:#FFF;
}
#traildiv ul{
   padding:0.75em;
   background-color:#575757;
   font-size:1.1em;
}

#traildiv li{
   color:#FFF;
   margin-bottom:.75em;
}

#traildiv a{
   color:#FFF;
   text-decoration:none;
}


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


/* Sidebar Current Items */
#sidebar h3.before-sermon-list{
	border-top:1px solid #fff;
	background:url(/images/sidebar-header-tile.jpg) repeat-x;
	margin:2em 0 0 0;
	line-height:1em;
	padding:12px 8px 8px 8px;
}

#sidebar .sermonbox, #sidebar .eventbox{
	border-top:1px dotted #fff;
	margin:8px;
	padding:.5em 0 0 0;
}

#sidebar .sermonbox h4 a, #sidebar .eventbox h4 a{
	font-weight:bold;
	text-decoration:none;
}

#sidebar .sermonbox p, #sidebar .eventbox p{
	margin-bottom:.5em;
}

#sidebar span.play-audio a{
	margin-bottom:1em;
}


/* Sermon Search Controls */
div.search-sermons, div.show-sermons{
	margin-bottom:2em;
	width:275px;
}



/* 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 Icons */
span.listen a{
	background:url(/images/play.gif) no-repeat transparent;
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-right:1em;
	text-indent:-9999px;
}
a.download{
	background:url(/images/save.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;
}
a.subscribe{
	background:url(/images/feed.gif) no-repeat transparent;
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin-right:1em;
	text-indent:-9999px;
}

/* Sermon Sort List */
#sort-list{
	list-style-image:none;
	list-style-type:none;
	margin:0;
}
#sort-list li{
	background:url(/images/arrow-trans.gif) left center no-repeat;
	padding-left:16px;
}


/* Book List */
.booklist-category{
	
}
.book{
	border-top:1px solid #fff;
	background:url(/images/sidebar-header-tile.jpg) repeat-x;
	margin:2em 0 0 0;
	padding:12px 8px 8px 8px ;
}
.book h4{
	font-style:italic;
	margin-top:0;
}

/* Article List */
.article-category{
	color:#912804;
	font-size:1.5em;
	font-family:Georgia, "Book Antiqua", "Lucida Grande","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
	margin-top:2em;
}
.article-box{
	border-top:1px solid #fff;
	background:url(/images/sidebar-header-tile.jpg) repeat-x;
	padding:12px 8px 8px 8px ;
}
.article-box h4{
	color:#000;
	font-weight:bold;
	font-size:1.1667em;
}
.article-box p{
	margin-bottom:1.5em;
}
.article-box .article-summary{
	color:#666;
}





/* Google Map API */
#gmap{
	border:1px solid #fff;
	height:300px;
	margin-bottom:1.5em;
	width:500px;
}





/* Section 8 - Accessibility Options
_______________________________________________*/
#skip{
	position:absolute;
	top:0px;
	left:-100em;
	width:10em;
}







/* Section 9 - Sitemap
_______________________________________________*/
#sitemap a{
	color:#37386f;
}
#sitemap a:hover{
	color:#912804;
}
#sitemap{
	font-size:1.2em;
	margin:0 0 .5em 2em;
}
#sitemap li{
	margin:0 0 1em 0;
}
#sitemap ul{
	font-size:.9em;
	margin:0 0 2em 1.5em;
}