/*

Faith Baptist Church
Created By: Mike Moreau, Jr.
9-11-2007
www.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-attachment: scroll;
	background-color: #edeadd;
	background-image: url(/images/window-bgd.jpg);
	background-repeat: repeat-x;
	background-position: 50% top;
	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 some browsers */
}
a:link {
	text-decoration: underline;
}
a:visited {
}
a:hover, a:active {
	text-decoration: none;
}



/*
	Sytles for Editor
*/
.text .book-title { font-size: 2em; font-weight:bold; line-height:1.5em;}
.text .author { font-size: .5em; font-weight:normal; line-height:1.5em;}
.text .large-emphasis { font-size: 1.3em; font-weight:bold; line-height:1.5em;}
.text .large { font-size: 1.3em; line-height:1.5em;}
.text .smaller { font-size: .9em; line-height:1.5em;}








/* Section 2 - Layout
_______________________________________________*/
#container {
	background: url(/images/page-tile-y.png) repeat-y;
	height: auto;
	left: 50%;
	margin: 0 0 0 -435px;
	position: absolute;
	top: 20px;
	width: 871px;
	z-index: 3;
}
#masthead {
	background: url(/images/masthead-annivers.jpg) left top no-repeat;
	width: 871px;
}
h1 a {
	background: transparent;
	display: block;
	height: 194px;
	text-decoration: none;
	text-indent: -9999px;
	width: 350px;
	z-index: 1;
}
#pnav {
	background: url(/images/nav-tile-x.jpg) repeat-x;
	height: 50px;
	margin: 0 0 0 4px;
	width: 861px;
}
#content-wrapper {
	overflow: hidden;
}
#sidebar {
	float: left;
	margin: 0 0 0 4px;
	padding: 18px 18px 9px 18px;
	width: 179px;
}
#content {
	float: right;
	margin: 0 6px 0 0;
	padding: 18px 0 9px 0;
	width: 604px;
}
#footer {
	background: url(/images/footer.jpg) no-repeat;
	height: 51px;
	padding: 18px;
	width: 835px;
}

#insertgospelhere {
	height: 401px;
	width: 401px;
}






/* Section 3 - Home Page Specific
_______________________________________________*/
.home-icons {
	height: 244px;
	width: 569px;
}
.home-icons a {
	background: url(/images/home-icons.jpg);
	display: block;
	height:81px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	width: 284px;
}
.home-icons a:hover {
	background: url(/images/home-icons-hover.jpg);
}
.meet-staff {
}
.home-icons a.christian-school, .home-icons a.christian-school:hover {
	background-position: -284px 0px;
}
.home-icons a.bridge, .home-icons a.bridge:hover {
	background-position: 0px -81px;
	width: 568px;
}
.home-icons a.directions, .home-icons a.directions:hover {
	background-position: 0px -162px;
}
.home-icons a.sermons, .home-icons a.sermons:hover {
	background-position: -284px -162px;
}
.home-feature-cols{
	margin:27px 0 27px 0;
	overflow:hidden;
	width:571px;
}
.home-feature-cols div{
	float:left;
	margin:0 27px 0 0;
	width:172px;
}
.home-feature-cols div.hfc-3{
	margin:0;
}
.home-feature-cols div h3{
	font-weight:bold;
	text-align:center;
}







/* Section 4 - Navigation
_______________________________________________*/
/* Top Level Nav Items */
#nav {
	margin-left: 19px;
}
#nav li {
	float: left;
	position: relative;
	z-index: 10;
}
#nav a {
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin: 8px 19px 0px 0px;
	padding: 7px;
	text-decoration: none;
}
#nav a:hover {
	background: #d6def4;
	color: #001d3f;
}

/* Show Hover State of top level Menu Item when in that section - part of Ekklessia API */
#nav li.current a, #nav li.current a:hover {
	background: #d6def4;
	color: #001d3f;
}

/* Make Hover state on top level nav stick when browsing a sub menu - same sytling as the hover state for top level nav */
html ul#nav li.stick {
	z-index: 20;
}
ul#nav li.stick a {
	background: #d6def4;
	color: #001d3f;
}


/* 2nd Level Drop Down Menus - positioned off the page to hide until moused over */
#nav ul {
	background: #d6def4;
	left: -9999px;
	position: absolute;
	top: 35px;
	width: 15em;
}
#nav ul li {
	float: none;
}
#nav ul a,  #nav li.current ul a {
	background: #d6def4;
	color: #13274c;
	float: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}
#nav ul a:hover, #nav li.stick ul a:hover {
	color: #325200;
}

/* Show 2nd Level Menus when mousing over top level menu item */
#nav li ul.show {
	left: 0px;
}

/* 3rd Level Drop Down Menus - Just in Case there are any */
#nav ul ul {
	display: none;
}





/* Secondary Navigation Colors */
#subnav a {
	border-bottom: 2px solid #40427e;
	display: block;
	color: #40427e;
	font-size: 1.25em;
	text-decoration: none;
	width: 165px;
}
#subnav ul a {
	border-bottom: 1px solid #ccc;
	color: #333;
	font-size: .9em;
	padding: 3px;
	width: 159px;
}
#subnav ul a:hover {
	background: #e7e3ff;
	border-bottom: 1px solid #333;
	color: #000;
}
#subnav ul ul a {
	background: #efefef;
	border-bottom: 1px solid #fff;
	padding: 3px 8px 3px 8px;
	width: 132px;
}
#subnav ul ul a:hover {
	background: #000;
	border-bottom: 1px solid #fff;
	color: #fff;
}

/* Secondary Navigation Show and Hide */
#subnav li {
	display: none;
}
#subnav li.current {
	display: block;
}
#subnav li.current ul {
	display: block;
	margin-bottom: 2em;
}
#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;
	margin-left: 18px;
}

#subnav li.current ul.show  {
	display: block;
}
#subnav li.current ul.show li {
	display: block;
}






/* Section 5 - Typography
_______________________________________________*/
h2 {
	background: url(/images/h2_bgd.gif) no-repeat top left;
	color: #fff;
	font-size: 30px;
	font-family: Georgia, Palatino, "Book Antiqua", "Times New Roman", Times, serif;
	height: 41px;
	margin-bottom: .5em;
	line-height: 1em;
	padding: .2em 0 0 .5em;
}
.text h3 {
	color: #000;
	font-size: 1.5em;
	font-family: Georgia, Palatino, "Book Antiqua", "Times New Roman", Times, serif;
}
.text h3 a {
	color: #912804;
}
.text h4 {
	color: #000;
	font-weight: bold;
	font-size: 1.1667em;
	margin: 1em 0 0 0;
}
.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-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, .text ol li {
	margin-bottom: .5em;
}
.text table {
	margin-bottom: 1.5em;
	margin-right: 36px;
}
#content .text h3, #content .text h4, #content .text h5, #content .text h6, #content .text p, #content .text ul, #content .text ol {
	margin-right: 36px;
}/* This is necessary to push the text in the right column of content away from the page edge */
.text cite {
	color:#666;
	display: block;
	font-style: italic;
}

.text table td{
	vertical-align:top;
}


/* Sidebar Text */
#sidebar h2 {
	background: transparent;
	background-image: none;
	border-bottom: 2px solid #40427e;
	color: #40427e;
	font-size: 1.25em;
	font-family:"Lucida Grande","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
	height: auto;
	margin: 1em 0 .25em 0;
	line-height: 1.25em;
	padding: 0 .2em .125em 0;
}
#sidebar .text h3 {
	border-bottom: 2px solid #40427e;
	display: block;
	color: #40427e;
	font-family:"Lucida Grande","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	text-decoration: none;
	width: 165px;
}
#sidebar .text h4 {
	font-size: 1em;
}
#sidebar .text h4.first {
	margin-top: 0;
}
#sidebar .text p {
	font-size: .9em;
	line-height: 1.875em;
	margin: 0 0 1.875em 0;
}
#sidebar .text ul, #sidebar .text ol {
	font-size: .9em;
	line-height: 1.875em;
	margin: 0 0 1.875em 0;
	margin-left: 1.5em;
}
#sidebar .text ul.servicelist {
	list-style-image: none;
	line-height: 1em;
	margin-left: 0;
}

/* Special Sidebar Editor Sytles */
#sidebar .text ul.page-links {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 1.5em 0 ;
	padding: 0;
}
#sidebar .text ul.page-links li {
	margin: 0;
	padding: 0;
}
#sidebar .text ul.page-links a {
	border-bottom: 1px solid #ccc;
	color: #333;
	display: block;
	padding: 3px;
	text-decoration: none;
	width: 159px;
}
#sidebar .text ul.page-links a:hover {
	background: #e7e3ff;
	border-bottom: 1px solid #333;
	color: #000;
}

/* Bio Page */
.bio {
	background-color:#E0E0FF;
	border-top: 1px solid #fff;
	padding: 18px;
	overflow: hidden;
}
.bio img, .alt-bio img {
	float: right;
	margin-left: 1em;
}
.alt-bio {
	background-color:#FFF;
	border-top: 1px solid #fff;
	padding: 18px;
	overflow: hidden;
}
.text div.bio h3 span.stafftitle, .text div.alt-bio h3 span.stafftitle {
	font-size: .8em;
	font-style: italic;
}


/* Blog Sidebar */
/* Secondary Navigation Colors */

#sidebar .section h1 {
	border-bottom: 2px solid #40427e;
	display: block;
	color: #40427e;
	font-size: 1.25em;
	text-decoration: none;
	width: 165px;
}
#sidebar .section ul{
	margin-bottom:1.6em;
}
#sidebar .section ul a {
	border-bottom: 1px solid #ccc;
	color: #333;
	display:block;
	height:11px;
	line-height:1.2em;
	padding: 3px;
	width: 159px;
	text-decoration:none;
}
#sidebar .section ul a:hover {
	background: #e7e3ff;
	border-bottom: 1px solid #333;
	color: #000;
}

/* Blog Main */
.post{
	margin-left:1.6em;
}










/* Section 6 - Footer
_______________________________________________*/
#footer p, #footer address, #footer h6 {
	font-size: 10px;
	line-height: 14px;
	color: #666;
}
#footer a {
	color: #000;
}







/* Section 7 - Ekklessia
_______________________________________________*/

/* Sidebar List of Events */
.eventbox h3 {
	font-weight: bold;
	font-size: 11px;
}
.eventbox h4 {
	margin-bottom: .5em;
	font-size: 11px;
}
.eventbox a {
	color: #40427e;
	text-decoration: none;
}
.eventbox a:hover {
	text-decoration: underline;
}


/* Calendar */
#calendar-container table.calendar{
   border-collapse: collapse;
   background: #fff;
   width: 98%;
}
#calendar-container table.calendar caption{
   color: #000;
   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;
   text-align: center;
   vertical-align: middle;
   width: 14%;
}
#calendar-container table.calendar td.empty{
}
#calendar-container table.calendar td a {
   color: #000;
   display: block;
   text-decoration: none;
   text-align: center;
}
#calendar-container table.calendar td a:hover {
	text-decoration: underline;
}

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

/* Event List */
.event-box {
	border-bottom: 1px solid #ccc;
	padding-bottom: 18px;
	margin-bottom: 18px ;
}
.event-box:hover {
	background: url(/images/shadow.jpg) repeat-x bottom center;
}
.text p.eventtime {
	color: #666666;
	margin: 0;
}

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




/* Sermon Search Controls */
#search_go {
	color:#40427e;
	font-weight: bold;
	text-decoration: none;
}
.search-sermons, .show-sermons {
	float:left;
	margin-bottom: 2em;
	width: 275px;
}



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


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




/* Google Map API */
#gmap {
	height: 400px;
	width: 400px;
}


/* FBFI schedule */
table.fbfi-schedule tr{
	border-top:1px solid #ccc;
}
table.fbfi-schedule td{
	padding:5px;
	width:45%;
}





/* Section 8 - Accessibility Options
_______________________________________________*/
#skip {
	position: absolute;
	top: 0px;
	left: -20em;
	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;
}