/*
------------------------------------------------------------------

GRACE PRESBYTERIAN CHURCH, MONTCLAIR, NEW JERSEY, USA

Core Stylesheet for Screen Media

website   : www.gracemontclair.org
filename  : /css/core.css
revision  : 31 July 2011

copyright : (c) Grace Presbyterian Church (except as noted)
license   : Creative Commons

author    : Brian Lokker / Antigravity Design LLC
website   : www.antigravitydesign.com
email     : studio[at]antigravitydesign.com

------------------------------------------------------------------ */



/* =Reset Styles (adapated from Eric Meyer's reset.css)
------------------------------------------------------------------ */

/* remove default browser margins, padding, borders, etc. */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/* table, */ caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: none;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remove outline from active links, etc. */
/* remember to define focus styles! */
a:hover, a:focus, a:active {
	outline: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}



/* =Utilities
------------------------------------------------------------------ */


/* force Firefox to draw scrollbar to avoid short-page jump */
/* hide from IE-Mac \*/
html {
	margin-bottom: 1px;
	min-height: 100%;
}
/* end hiding from IE5-Mac */

/* set help cursor for abbreviations and acronyms */
abbr, acronym {
	cursor: help;
}

/* "phantom" elements for screen readers etc. */
.hidden {
	display: none;
}

/* generic clearing styles */
.clearBoth {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}

/* add this as an empty div if necessary to clear floats */
.clearFloats {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}



/* =Body and Page
------------------------------------------------------------------ */

body {
	background-color: #212938;
	color: #000;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	min-width: 980px; /* for Netscape 6 */
	padding-bottom: 20px; /* note that setting margin-bottom on "page" doesn't work in IE/Win */
	text-align: center; /* center content in IE */
}

#page {
	background-color: #FFF;
	color: #000;
	margin: 10px auto 0; /* center content in standards-compliant browsers */
	position: relative;
	text-align: left;
	width: 980px;
}



/* =Masthead and Logo (H1)
------------------------------------------------------------------ */

/* positioning context is #page */
/* this is the first non-absolutely positioned element in the flow */
/* padding-top creates space for #messagebar, etc. */
#masthead {
	background: #2D3642 url(/images/site/bg_masthead3.jpg) 0 0 no-repeat;
	color: #FFF;
	height: 106px;
	margin-left: 6px;
	padding-top: 40px;
	position: relative;
	width: 968px;
}

/* replace h1 text with background image */
/* define font in case image does not display */
h1 {
	background: url(/images/site/h1_logo.png);
	color: #FFF;
	font: 1.5em 'Trajan Pro', Georgia, serif;
	height: 100px;
	position: relative;
		top: 6px;
		left: 14px; /* 94px if steeple on left */
	text-indent: -9999px;
	width: 460px;
	z-index: 10;
}

/* convert background heading image to a link */
/* repeat the background image rule to avoid flickering in IE during mouseover; */
h1 a {
	background: url(/images/site/h1_logo.png);
	display: block;
	height: 100px;
	width: 460px;
}

/* remove "link" cursor from logo on homepage */
#home h1 a { 
	cursor: default;
}

p#tagline {
	background-image: url(/images/site/bg_tagline.png);
	color: #FFF;
	height: 100px;
	position: absolute;
		top: 46px;
		left: 654px;
	text-indent: -9999px;
	width: 314px;
	z-index: 5;
}



/* =Message Bar - today's date with link to today's calendar - replaced by:
   =Facebook Link
------------------------------------------------------------------ */

#messagebar, #facebook-link {
	background-color: #212938;
	color: #D0D7E1;
	font-size: 1.1em;
	font-weight: 600;
	height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
		top: 0;
		left: 0;
	width: 940px;
}

/* center text vertically */
#messagebar p, #facebook-link p {
	line-height: 40px;
}

#messagebar p a:link,
#messagebar p a:visited {
	color: #D0D7E1;
	text-decoration: none;
}

#messagebar p a:hover,
#messagebar p a:active {
	color: #FFF;
	text-decoration: underline;
}

#facebook-link p a {
	background-image: url(/images/site/facebook-icon-20x20.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
	font-size: 1.1em;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	text-transform: uppercase;
}

#facebook-link p a:link,
#facebook-link p a:visited {
	color: #D0D7E1;
	text-decoration: none;
}

#facebook-link p a:hover,
#facebook-link p a:active {
	color: #FFF;
	text-decoration: underline;
}



/* =Search Form (Site Search)
------------------------------------------------------------------ */

/* positioning context is #page */
#siteSearch {
	background: transparent;
	color: #E7EBF0;
	height: 40px;
	position: absolute;
		top: 0;
		right: 20px;
	text-align: right;
}

#siteSearch input.input {
	background-color: #FFF;
	color: #000;
	height: 1.2em;
	margin-top: 10px;
	width: 110px;
}

#siteSearch input.submit {
	margin-left: 0.5em;
	margin-top: 10px;
}



/* =Navigation - "Extra" Site Navigation Menu
------------------------------------------------------------------ */

/* positioning context is #page */
/* uses Right-aligned Shrinkwrapped Absolute Element design pattern --
   add margins and auto width */

#navExtra {
	font-size: 1.1em;
	height: 30px;
	margin-left: auto;
	margin-right: 220px;
	position: absolute;
		top: 0;
		right: 0;
	width: auto;
	z-index: 5;
}

#navExtra ul {
	text-transform: uppercase;
}

#navExtra li {
	float: left;
	line-height: 40px;
}

#navExtra li a {
	background-color: transparent;
	color: #D0D7E1;
	display: block;
	float: left;
	line-height: 40px;
	padding-left: 1.2em;
	text-decoration: none;
}

#navExtra li a:hover,
#navExtra li a:active {
	color: #FFF;
	text-decoration: underline;
}

/* remove "link" cursor, underline, etc., from current menu item */
#navExtra li.current a {
	cursor: default;
	color: #FFF;
	text-decoration: underline;
}

/* restore the cursor to links within the section but off the main page */
#navExtra li.current-section a {
	color: #FFF;
	text-decoration: underline;
}


/* navTools - reserved for future member login, etc. */



/* =Navigation - "Primary" Site Navigation Menu
------------------------------------------------------------------ */

#navPrimary {
	background: #445064 url(/images/site/bg_navPrimary.png) center top repeat-x;
	color: #FFF;
	font-size: 1.1em;
	height: 40px;
	letter-spacing: .1em;
	margin-left: 6px;
	text-transform: uppercase;
	width: 968px;
}

#navPrimary h3, #navExtra h3 {
	display: none;
}

#navPrimary ul {
	background: url(/images/site/bg_navPrimary_divider.png) right center no-repeat;
	float: left;
	margin-left: 14px;
}

#navPrimary li {
	float: left;
}

/* The next 3 background images are cropped from the same 200-pixel-wide PSD file.
The left image is a 3-pixel slice from the left edge. The divider is a 1-pixel
slice from the right edge. The right image is a 190-pixel slice: 9 pixels are
cropped from the left and 1 pixel from the right. As a result, the divider from
the neighboring link to the right of the current link becomes the right edge of
the rounded rectangle that marks the current link. */

#navPrimary a {
	background: url(/images/site/bg_navPrimary_divider.png) left center no-repeat;
	color: #E7EBF0;
	display: block;
	line-height: 40px;
	padding: 0 1em;
	text-decoration: none;
}

#navPrimary a:hover,
#navPrimary a:active {
	color: #FFF;
}

#navPrimary li.current {
	background: url(/images/site/bg_navPrimary_current_right.png) right center no-repeat;
}

#navPrimary li.current a {
	background: url(/images/site/bg_navPrimary_current_left.png) left center no-repeat;
	color: #FFF;
	
}



/* =Navigation - Section (Secondary) Navigation Menu
------------------------------------------------------------------ */

/* this displays within the .column1 div in the content area */

/* add to 50px #content padding-top = 220px effective padding to display below h2 graphic */
.column1 {
	padding-top: 170px; 
}

.column1 h3 {
	display: none;
}

#navSection li {
	background-color: transparent;
	border-top: 1px dotted #C2C2C2;
	color: #445064;
	display: block;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.7;
}

#navSection ul {
	border-bottom: 1px dotted #C2C2C2;
	margin-right: 14px;
}

#navSection ul ul {
	border-bottom: none;
	margin-right: 0;
}

/* size adjustment to inherit size of parent li elements */
#navSection li li {
	font-size: 1em;
	padding-left: 1em;
}

/* exceptions to "list" rules for the heading (an h3 inside a ul li) */

#navSection ul#nav_categories {
	border-top: none;
}

#navSection ul#nav_categories li {
	background-color: transparent;
	border-bottom: none;
}

#navSection li a {
	display: block;
	padding-left: 0.1em;
	text-decoration: none;
	color: #445064;
	background-color: transparent;
}

#navSection li a:hover,
#navSection li a:active {
	background-color: #FFF;
	color: #9A4215;
}

#navSection li.current a,
#navSection li a.current {
	background-color: #FFF;
	color: #9A4215;
	cursor: default;
	font-weight: 600;
}

	/* restore default styles to child items of "current" page
		 (note this can be done more efficiently with child selectors -
		 mark for later update) */

#navSection li.current li a {
	background-color: transparent;
	color: #445064;
	cursor: pointer;
	font-weight: 400;
}

#navSection li.current li a:hover,
#navSection li.current li a:active {
	background-color: #FFF;
	color: #9A4215;
}



/* =Content and ContentWrapper Div Layout and Background Images
------------------------------------------------------------------ */

#contentWrapper {
	background: url(/images/site/bg_columnWrapper.png) 6px 0 repeat-y;
	position: relative;
}

#content {
	background: transparent url(/images/site/bg_content.png) 6px 0 no-repeat;
	color: #2E2E2E;
	padding-top: 50px;
	padding-bottom: 43px;
	position: relative;
}



/* =Content Div Column Layout
------------------------------------------------------------------ */

/* Basic column layout - classes on #content div */
/* Position: relative combines with position: relative on floated images to fix
   clipping in IE6 */

div.column1, div.column2, div.column3, div.column4 {
	float: left;
	margin-left: 20px;
	position: relative;
}

/* Column widths for different layouts */

	/* Columns183 */

.columns183 .column1 {
	width: 60px;
}
.columns183 .column2 {
	width: 620px;
}
.columns183 .column3 {
	width: 220px;
}

	/* Columns344 */

.columns344 .column1 {
	width: 220px;
}
.columns344 .column2 {
	width: 300px;
}
.columns344 .column3 {
	width: 300px;
}
	/* leaves one grid column open on right */

	/* Columns363 */

.columns363 .column1 {
	width: 220px;
}
.columns363 .column2 {
	width: 460px;
}
.columns363 .column3 {
	width: 220px;
}

	/* Columns370 */

.columns370 .column1 {
	width: 220px;
}
.columns370 .column2 {
	width: 540px;
}

	/* no column3 */

	/* Columns372 */

.columns372 .column1 {
	width: 220px;
}
.columns372 .column2 {
	width: 540px;
}
.columns372 .column3 {
	width: 140px;
}

	/* Columns380 */

.columns380 .column1 {
	width: 220px;
}
.columns380 .column2 {
	width: 620px;
}

	/* no column3 */

	/* Columns390 */

.columns390 .column1 {
	width: 220px;
}
.columns390 .column2 {
	width: 700px;
}

	/* no column3 */

	/* Columns444 */

.columns444 .column1 {
	width: 300px;
}

.columns444 .column2 {
	width: 300px;
}
	.columns444 .column3 {
	width: 300px;
}



/* =Content Div H2 Section Heading
------------------------------------------------------------------ */

/* Main section heading */

/* Note that the Calendar h2 is an exception -- see calendar.css */

h2 {
	color: #3E1A08;
	font-family: Georgia, serif;
	font-size: 2em;
	height: 200px;
	position: absolute;
		top: 0;
		left: 6px;
	text-indent: -9999px;
	width: 234px;
	z-index: 10;
}

h2 a {
	display: block;
	height: 200px;
	width: 234px;
}

body.aboutUs h2, body.aboutUs h2 a {
	background-image: url(/images/site/h2_aboutUs.jpg);
}

body.worship h2, body.worship h2 a {
	background-image: url(/images/site/h2_worship.jpg);
}

body.children h2, body.children h2 a {
	background-image: url(/images/site/h2_children.jpg);
}

body.youth h2, body.youth h2 a {
	background-image: url(/images/site/h2_youth.jpg);
}

body.adults h2, body.adults h2 a {
	background-image: url(/images/site/h2_adults.jpg);
}

body.outreach h2, body.outreach h2 a {
	background-image: url(/images/site/h2_outreach.jpg);
}

body.getInvolved h2, body.getInvolved h2 a {
	background-image: url(/images/site/h2_getInvolved.jpg);
}

body.podcasts h2, body.podcasts h2 a {
	background-image: url(/images/site/h2_podcasts.png);
}

body.bibleStudy h2, body.bibleStudy h2 a {
	background-image: url(/images/site/h2_bibleStudy.jpg);
}

body.pastorsColumns h2, body.pastorsColumns h2 a {
	background-image: url(/images/site/h2_pastorsColumns.jpg);
}

body.contactUs h2, body.contactUs h2 a {
	background-image: url(/images/site/h2_contactUs.jpg);
}

body.visitUs h2, body.visitUs h2 a {
	background-image: url(/images/site/h2_visitUs.jpg);
}

body.search h2, body.search h2 a {
	background-image: url(/images/site/h2_search.jpg);
}

body.pageNotFound h2, body.pageNotFound h2 a {
	background-image: url(/images/site/h2_notFound.jpg);
}



/* =Elements in Main Content Div (Divs, Text, Lists, Links, Images)
------------------------------------------------------------------ */

#contentMain {
	font-family: 'Lora', Georgia, serif;
	position: relative;
}

#contentMain h3.standard {
	color: #3E1A08;
	font-family: 'Lora', Georgia, serif;
	font-size: 2.2em;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 36px;
}

#contentMain h4 {
	background-color: transparent;
	color: #2D3642;
	margin-bottom: 1em;
	font-family: 'Open Sans,' Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: 400;
}

#contentMain p, #contentMain ul, #contentMain ol {
	font-size: 1.4em;
	line-height: 1.7;
}

#contentMain p {
	margin-bottom: 1em;
}

#contentMain p.footnote {
	font-size: 1.1em;
	border-top: 1px solid #C2C2C2;
	margin-top: 3em;
	padding-top: 6px;
}

#contentMain a {
	background-color: transparent;
	border-bottom: 1px dotted #445064;
	color: #445064;
	text-decoration: none;
}

#contentMain a:hover,
#contentMain a:active {
	background-color: transparent;
	border-bottom: 1px dotted #9A4215;
	color: #9A4215;
}

#contentMain p.backLink,
#contentMain p.moreLink,
#contentMain p.paginationLink {
	background-color: transparent;
	color: #5A6B85;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1;
	margin-top: -0.5em;
	text-transform: uppercase;
}

#contentMain p.paginationLink {
	margin-top: 0;
	word-spacing: 0.1em;
}

#contentMain p.backLink a,
#contentMain p.moreLink a,
#contentMain p.paginationLink a {
	background-color: transparent;
	border-bottom: none;
	color: #5A6B85;
	text-decoration: none;
}

#contentMain p.backLink a:hover,
#contentMain p.backLink a:active,
#contentMain p.moreLink a:hover,
#contentMain p.moreLink a:active,
#contentMain p.paginationLink a:hover,
#contentMain p.paginationLink a:active {
	background-color: transparent;
	color: #9A4215;
	text-decoration: underline;
}

#contentMain img {
	border: 6px solid #F3F5EE;
}

#contentMain img.floatright {
	float: right;
	margin: 4px 0 10px 20px;
}

#contentMain img.floatleft {
	float: left;
	margin: 4px 20px 10px 0;
}

/* use these rules together with img.floatright to pull an image outside its column */
#contentMain img.pullout {
	margin-right: -80px;
}

#contentMain img.pullout80 {
	margin-right: -80px;
}

#contentMain img.pullout160 {
	margin-right: -160px;
} 

#contentMain ul li {
	background: url(/images/site/bg_listBulletGreen.gif) 0 0.6em no-repeat;
	margin-bottom: 0.75em;
	padding-left: 15px;
}

#contentMain .entry {
	margin-bottom: 2.5em;
}



/* =Secondary Content Area
------------------------------------------------------------------ */

#contentSecondary div {
	margin-bottom: 20px;
	padding-bottom: 1em;
}

#contentSecondary div div {
	border: 1px solid #B1C37C;
	border-top: none;
	margin-bottom: 0;
	padding: 0.75em 6px;
}

#contentSecondary div div div {
	border: none;
}

#contentSecondary div h3 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2;
	padding: 6px 6px 6px 10px;
}

/* div.entryList currently used in Bible Study section (it's similar to
   the schedule modules on the youth group pages -- note that the EE code
   doesn't itself generate the ul or li items */

#contentSecondary div.entryList {
	margin-left: 4px;
	margin-right: 4px;
}

#contentSecondary div.entryList h3 {
	border-bottom: 1px solid #B1C37C;
	color: #3E1A08;
	font-size: 1.2em;
	margin-bottom: 3px;
	padding: 0 0 5px 0;
}

#contentSecondary div.entryList li {
	border-bottom: 1px solid #B1C37C;
	line-height: 1.2;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 5px;
}

#contentSecondary div.entryList li a:hover,
#contentSecondary div.entryList li a:active {
	text-decoration: none;
}

#contentSecondary div.entryList li.current a {
	background-color: #FFF;
	color: #9A4215;
	font-weight: bold;
}

#contentSecondary div.entryList li span {
	background-color: transparent;
	color: #656F47;
	font-size: 0.75em;
	font-style: italic;
}

/* for headings with blue backgrounds */
/* e.g.,.sermonAudio, .visitUs, .contactUs */
#contentSecondary div.blue h3 {
	background: #E7EBF0 url(/images/site/bg_columnHeading_lightBlue.png) 0 0 no-repeat;
	color: #2D3642;
}

/* for headings with green backgrounds */
/* e.g., .worship, .children (Pioneer Girls) */
#contentSecondary div.green h3 {
	background: #8E9C63 url(/images/site/bg_column1_h4_gradientGreen.png) 0 0 no-repeat;
	color: #2E2E2E;
}

#contentSecondary div h4 {
	font-size: 1.3em;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

#contentSecondary div p {
	font-size: 1.15em;
	line-height: 1.4;
	margin-bottom: 0.5em;
}

#contentSecondary p strong {
	background-color: transparent;
	color: #35332A;
	font-weight: 600;
	text-transform: uppercase;
}

#contentSecondary img {
	float: right;
	margin: 0 0 6px 3px;
}

#contentSecondary div li {
	font-size: 1.15em;
	line-height: 1.2;
	margin-bottom: 0.25em;
}

#contentSecondary div ul {
	margin-bottom: 0.75em;
}

#contentSecondary div a {
	background-color: transparent;
	color: #445064;
	text-decoration: none;
}

#contentSecondary div.devotions a {
	font-weight: bold;
}

#contentSecondary div a:hover,
#contentSecondary div a:active {
	background-color: transparent;
	color: #9A4215;
	text-decoration: underline;
}

#contentSecondary dl {
	font-size: 1.15em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}



/* =About Us Section
------------------------------------------------------------------ */

.aboutUs #contentMain .pastorIntro h4 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
}

.aboutUs #contentMain .pastorIntro div {
	position: relative;
}

.aboutUs #contentMain .pastorIntro img {
	position: absolute;
		top: 2px;
		left: 0;
}

.aboutUs #contentMain .pastorIntro p {
	font-family: 'Lora', Georgia, serif;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.5;
	margin-left: 90px;
	margin-bottom: 0.5em;
}

.aboutUs #contentMain .pastorIntro p.moreLink {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 1em;
}


/* =Worship Section
------------------------------------------------------------------ */

.worship #contentMain ol {
	list-style-type: decimal;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
}

.worship #contentMain ol li {
	margin-bottom: 1em;
}

.worship #contentMain ol ol {
	font-size: 1em !important;
	list-style-type: decimal;
}

.worship #contentMain ol ol ol {
	list-style-type: lower-alpha;
	margin-bottom: 0 !important;
}

.worship #contentMain ol ol ol ol {
	list-style-type: lower-roman;
	margin-bottom: 0 !important;
}

/* Upcoming Services */

.upcoming #contentMain .entry {
	margin-bottom: 3em;
}

.upcoming #contentMain .entry h4,
.sermonDetail #contentMain .entry h5 {
	background: transparent url(/images/site/bg_listBulletGreen.gif) 0 50% no-repeat;
	color: #000;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.3;
	margin-bottom: 0.25em;
	padding-left: 15px;
	text-transform: uppercase;
}

.upcoming #contentMain .entry p {
	line-height: 1.1;
	margin-bottom: 0.75em;
	padding-left: 15px;
}

.upcoming #contentMain .entry p.time {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	margin-top: 0.5em;
	margin-bottom: 0.75em;
}

.upcoming #contentMain .entry p span {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
}

.upcoming #contentMain .entry p.preacher,
.upcoming #contentMain .entry p.service-type {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
}

/* Sermon Table */

table#sermonTable {
	clear: both;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.1;
	margin-top: 17px;
	margin-bottom: 17px;
	width: 700px;
}

#sermonTable thead {
	background: #8E9C63 url(/images/site/glass-background.png) 0 0 repeat-x;
	color: #2E2E2E;
}

#sermonTable th {
	padding: 8px 4px 8px 20px;
	vertical-align: middle;
}

#sermonTable td {
	padding: 8px 4px;
	vertical-align: top;
}

#sermonTable .col1 {
	width: 80px;
}

#sermonTable .col2 {
	width: 320px;
}

#sermonTable .col3 {
	width: 160px;
}

#sermonTable .col4 {
	width: 140px;
}

#sermonTable tbody td {
	border-bottom: 1px solid #B1C37C;
}

#contentMain #sermonTable img {
	border: none;
}

#contentMain #sermonTable a {
	border: none;
}

.sermons #contentMain .instructions {
	margin-bottom: 20px;
}

.sermons #contentMain .instructions p {
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 9px;
}

/* Styles applied by jQuery DataTables plugin */

	/* sorting indicator images in the th cells */

.sorting_asc, .sorting_desc, .sorting {
	background-position: center left;
	background-repeat: no-repeat;
	cursor: pointer;
}

.sorting_asc {
	background-image: url(/images/site/bg_tableSortArrowAsc.png);
}

.sorting_desc {
	background-image: url(/images/site/bg_tableSortArrowDesc.png);
}

.sorting {
	background-image: url(/images/site/bg_tableSortArrowBoth.png);
}

	/* alternating row colors */

tr.odd {
	background-color: #FFF; 
}

tr.even {
	background-color: #F3F5EE;
}

	/* table tools above the table */

.dataTables_length {
	float: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 10px;
	width: 40%;
}

.dataTables_filter {
	float: right;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 10px;
	text-align: right;
	width: 50%;
}

	/* table tools below the table */

.dataTables_info {
	float: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	width: 60%;
}

.dataTables_paginate {
	float: right;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 20px;
	text-align: right;
	width: 39%;
}

.dataTables_paginate span {
	background-color: transparent;
	color: #5A6B85;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}

.dataTables_paginate span:hover {
	background-color: transparent;
	color: #9A4215;
}


/* Individual Sermon Pages */

.sermonDetail #contentMain p.paginationLink {
	margin-bottom: 20px;
}

.sermonDetail #contentMain .entry h4 {
	background-color: transparent;
	border-bottom: 1px solid #3E1A08;
	color: #000;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.6;
	padding-bottom: 10px;
}

.sermonDetail #contentMain .entry h4 span {
	text-transform: uppercase;
}

.sermonDetail #contentMain .entry h5 {
	margin-bottom: 1em;
}

.sermonDetail #contentMain .entry h5 span {
	font-weight: 400;
	text-transform: none;
}

	/* container for Pickle Player (button has its own stylesheet) */
.sermonDetail #contentSecondary #player {
	float: right;
	height: 60px;
	margin: -10px -6px 6px 6px;
	text-align: right;
	width: 60px;
}

	/* for Print only */
.sermonDetail #contentSecondary p.audioAvailability {
	display: none;
}

.sermonDetail #contentSecondary p.printButton {
	display: inline;
	float: left;
	margin-left: 40px;
	width: 140px;
}

.sermonDetail #contentSecondary p.printButton a {
	background-color: #8FA64C;
	background-image: url(/images/site/glass-background.png);
	background-position: 0 50%;
	background-repeat: repeat-x;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: block;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.75;
	margin-top: 30px;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.sermonDetail #contentSecondary p.printButton a:hover {
	background-color: #B1C37C;
}



/* =Children Section
------------------------------------------------------------------ */

#schedulePioneerGirls {
	background: #8E9C63 url(/images/site/bg_pioneerGirls_CU.png) 134px 50px no-repeat;
	border-bottom: 6px solid #CBD7A8;
	color: #FFF;
	font-size: 1em;
	padding-bottom: 2em;
}

/*
#schedulePioneerGirls h4 {
height: 30px;
padding-left: 10px;
margin-bottom: 0.75em;
font-size: 1.3em;
line-height: 30px;
color: #2E2E2E;
background: #8E9C63 url(/images/site/bg_column1_h4_gradientGreen.png) 0 0 no-repeat;
}
*/

#schedulePioneerGirls li {
	border: none;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.5;
	padding-left: 10px;
}

#schedulePioneerGirls ul {
	border: none;
	margin-top: 0.5em;
}



/* =Adults Section
------------------------------------------------------------------ */

.adultSundaySchool #contentMain h4 {
	background: transparent url(/images/site/bg_listBulletGreen.gif) 0 50% no-repeat;
	color: #3E1A08;
	margin-bottom: 0.5em;
	padding-left: 15px;
}

.adultSundaySchool #contentMain h5 {
	background-color: transparent;
	color: #3E1A08;
	font-family: 'Open Sans', Helvetic, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 1em;
	padding-left: 15px;
}

.adultSundaySchool #contentMain p.paginationLink {
	margin-top: 1.5em;
}


/* =Outreach Section
------------------------------------------------------------------ */

.outreach #contentMain blockquote {
	margin-bottom: 2.5em;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.outreach #contentMain blockquote p {
	font-size: 1.3em;
	line-height: 1.5;
	text-indent: -0.5em;
}

/*
.outreach #contentMain blockquote span.bqstart {
position: absolute;
top: -30px;
left: 10px;
height: 1px;
font-family: Helvetica, Arial, sans-serif;
font-size: 600%;
color: #B1C37C;
background-color: transparent;
}

.outreach #contentMain blockquote span.bqend {
position: absolute;
bottom: 70px;
right: 15px;
height: 1px;
font-family: Helvetica, Arial, sans-serif;
font-size: 600%;
color: #B1C37C;
background-color: transparent;
}
*/

.outreach #contentSecondary div div {
	border: none;
	border-bottom: 1px solid #9A4216;
}

.outreach #contentSecondary div h4 {
	background: #FFF url(/images/site/bg_checkmarkBrown.png) 0 50% no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}



/* =Get Involved Section
------------------------------------------------------------------ */

.getInvolved #contentSecondary .inquirerDates li {
	font-weight: bold;
	list-style-image: url(/images/site/bg_listBulletGreen.gif);
	margin-left: 2.5em;
	margin-bottom: 0.5em;
}



/* =Bible Study Section
------------------------------------------------------------------ */

.bibleStudy #contentMain h4.categoryName {
	background-color: transparent;
	color: #3E1A08;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: normal;
	margin-top: 0;
	margin-bottom: 2em;
}

#bibleStudyIntro #contentMain h4 {
	background: transparent url(/images/site/bg_listBulletGreen.gif) 0 50% no-repeat;
	color: #3E1A08;
	margin-bottom: 0.5em;
	padding-left: 15px;
}

.bibleStudy #contentMain .entry {
	margin-bottom: 3.5em;
}

.bibleStudy .entry h4 {
	background-color: transparent;
	color: #3E1A08;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 1em;
}

.bibleStudy .entry h4 .date {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
}

.bibleStudy #contentMain .entry p.entryOptions {
	background-color: transparent;
	color: #445064;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
}

.bibleStudy #contentMain .entry p.entryOptions span.read {
	border-bottom: 1px dotted #445064;
}

/* Introductory paragraph(s) on the index view only */ 
.bibleStudy .entryIntro {
	margin-bottom: 2em;
}

/* Font-size declaration is necessary here because these blockquotes do not contain p tags */
.bibleStudy #contentMain blockquote {
	font-size: 12px; /* 1.2em; */
	line-height: 1.5;
	margin: 0.5em 2em 1em 2em;
}

.bibleStudy #contentMain ol {
	list-style-type: upper-roman;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
}

.bibleStudy #contentMain ol ol {
	font-size: 1em !important;
	list-style-type: decimal;
}

.bibleStudy #contentMain ol ol ol {
	list-style-type: lower-alpha;
	margin-bottom: 0 !important;
}

.bibleStudy #contentMain ol ol ol ol {
	list-style-type: lower-roman;
	margin-bottom: 0 !important;
}

.bibleStudy #contentMain p.backLink,
.bibleStudy #contentMain p.moreLink {
	background-color: transparent;
	color: #5A6B85;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1;
	margin-top: -0.5em;
	text-transform: uppercase;
}

.bibleStudy #contentMain p.backLink a,
.bibleStudy #contentMain p.moreLink a {
	background-color: transparent;
	border-bottom: none;
	color: #5A6B85;
	text-decoration: none;
}

.bibleStudy #contentMain p.backLink a:hover,
.bibleStudy #contentMain p.backLink a:active,
.bibleStudy #contentMain p.moreLink a:hover,
.bibleStudy #contentMain p.moreLink a:active {
	background-color: transparent;
	color: #9A4215;
	text-decoration: underline;
}

	/* Questions for Us */

.bibleStudy #contentMain .entry .study-questions h5 {
	background-color: transparent;
	color: #3E1A08;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 1em;
}

.bibleStudy #contentMain .entry .study-questions ol {
	list-style-type: decimal;
}

	/* Comments / Discussion */

.bibleStudy #discussion {
	border-top: 1px dotted #3E1A08;
	padding-top: 1em;
}

.bibleStudy #discussion h4 {
	background-color: transparent;
	color: #3E1A08;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 2em;
	margin-bottom: 1.5em;
}

.bibleStudy #discussion h5 {
	background-color: transparent;
	color: #3E1A08;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 1em;
}

.bibleStudy #discussion p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.3;
}

#discussion .comment,
#discussion .preview {
	background: url(/images/site/icon_comment.png) 4px 8px no-repeat;
	margin-bottom: 2em;
	padding: 4px;
}

#discussion .comment {
	border: 1px solid #D0D7E1;
}

#discussion .preview {
	border: 1px solid #9A4215;
}

#discussion .commentBody,
#discussion .previewBody {
	padding: 4px 4px 0 4px;
	text-indent: 16px;
}

#discussion p.footnote {
	background-color: #F3F5F8;
	color: #6A6654;
	font-size: 1em;
	line-height: 2.5;
	margin-bottom: 0;
	padding-left: 4px;
}

#discussion textarea {
	width: 100%;
}



/* =Pastors' Columns
------------------------------------------------------------------ */

#pastorsColumnsIntro .entry {
	margin-bottom: 20px;
	position: relative;
}

	/* on Intro page, replace h4 text with background image */
	/* define font in case image does not display */
#pastorsColumnsIntro h4 {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #000;
	font: 1.3em 400 'Open Sans', Helvetica, Arial, sans-serif;
	height: 40px;
	margin-bottom: 0;
	padding: 0;
	position: relative;
		top: 0;
		left: 0;
	text-indent: -9999px;
	width: 460px;
	z-index: 10;
}

	/* convert background heading image to a link */
	/* repeat the background image rule to avoid flickering in IE during mouseover; */
#pastorsColumnsIntro h4 a {
	display: block;
	height: 40px;
	width: 460px;
}

#pastorsColumnsIntro h4 a:link,
#pastorsColumnsIntro h4 a:visited,
#pastorsColumnsIntro h4 a:hover,
#pastorsColumnsIntro h4 a:active {
	border: none;
	text-decoration: none;
}

#pastorsColumnsIntro #pastors_pulse h4,
#pastorsColumnsIntro #pastors_pulse h4 a {
	background-image: url(/images/site/h4_pastorsPulse.png);
}

#pastorsColumnsIntro #view_from_the_loft h4,
#pastorsColumnsIntro #view_from_the_loft h4 a {
	background-image: url(/images/site/h4_viewFromTheLoft.png);
}

#pastorsColumnsIntro #tylers-topic h4,
#pastorsColumnsIntro #tylers-topic h4 a {
	background-image: url(/images/site/h4_tylersTopic.png);
}

#pastorsColumnsIntro p.byline,
.pastorsColumnsView p.byline {
	font-size: 1.3em;
	font-weight: 400;
	padding-left: 2px;
}

#pastorsColumnsIntro .authorPhoto {
	float: left;
	margin-right: 18px;
	margin-bottom: 3px;
	width: 92px;
}

#pastorsColumnsIntro .columnIntro h5 {
	background-color: transparent;
	border-bottom: 1px solid #A7978F;
	color: #3E1A08;
	font-size: 1.75em;
	font-weight: 400;
	line-height: 1.2;
	margin-left: 110px;
	margin-bottom: 7px;
	padding-bottom: 3px;
}

#pastorsColumnsIntro .columnIntro h5 a {
	border: none;
	color: inherit;
}

#pastorsColumnsIntro .columnIntro p {
	margin-bottom: 0.5em;
}

#pastorsColumnsIntro .columnIntro p a.moreLink {
	font-size: 0.75em;
	text-transform: uppercase;
}

#pastorsColumnsIntro .columnIntro p.columnDate {
	font-size: 1em;
	text-transform: uppercase;
}

/* on Individual View pages, replace h3 text with background image */
/* define font in case image does not display */
.pastorsColumnsView #contentMain h3 {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #000;
	font: 1.3em 400 'Open Sans', Helvetica, Arial, sans-serif;
	height: 40px;
	margin-bottom: 0;
	padding: 0;
	position: relative;
		top: 0;
		left: 0;
	text-indent: -9999px;
	width: 460px;
	z-index: 10;
}

/* note that the Individual View pages use the h4 image as an h3 heading */

body#pastors_pulse #contentMain h3 {
	background-image: url(/images/site/h4_pastorsPulse.png);
}

body#view_from_the_loft #contentMain h3 {
	background-image: url(/images/site/h4_viewFromTheLoft.png);
}

body#tylers-topic #contentMain h3 {
	background-image: url(/images/site/h4_tylersTopic.png);
}

/* h4s are the individual column titles */
.pastorsColumnsView #contentMain h4 {
	background-color: transparent;
	border-bottom: 1px solid #A7978F;
	color: #3E1A08;
	font-family: 'Lora', Georgia, serif;
	font-size: 1.75em;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 27px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.pastorsColumnsView #contentMain p.columnDate {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 18px;
	text-align: right;
	text-transform: uppercase;
}

.pastorsColumnsView #contentMain blockquote {
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1.5em;
}

.pastorsColumnsView #contentMain blockquote p {
		line-height: 1.3;
}

	/* headings within columns - style similar to typical h4's on most pages */
.pastorsColumnsView #contentMain h5 {
	color: #2D3642;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 1em;
}

.pastorsColumnsView #contentMain ol {
	list-style-type: decimal;
	margin-bottom: 1em;
	margin-left: 1.75em;
}

.pastorsColumnsView #contentMain ol li {
	margin-bottom: 0.5em;
}

.pastorsColumnsView #socialLinks {
	background-color: transparent;
	color: #3E1A08;
	border-top: 1px solid #3E1A08;
	margin-top: 20px;
	padding-top: 15px;
}

.pastorsColumnsView #socialLinks p {
	font-size: 1em;
	font-weight: bold;
	line-height: 16px;
	text-transform: uppercase;
}

.pastorsColumnsView #socialLinks img {
	border: none;
	margin-right: 3px;
}

.pastorsColumnsView #socialLinks a {
	border: none;
	margin-right: 12px;
}

.pastorsColumns #contentSecondary div#subscribeRSS h3,
#pastorsColumnsIntro #contentSecondary div#navByMonth h3,
.pastorsColumnsView #contentSecondary div.entryList h3 {
	border: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 0.5em;
	padding-left: 0;
	padding-bottom: 2px;
}

body#pastors_pulse #contentSecondary div#subscribeRSS h3,
body#pastors_pulse #contentSecondary div.entryList h3 {
	border-color: #075C3F;
	color: #075C3F;
}

body#view_from_the_loft #contentSecondary div#subscribeRSS h3,
body#view_from_the_loft #contentSecondary div.entryList h3 {
	border-bottom-color: #D2370B;
	color: #D2370B;
}

body#tylers-topic #contentSecondary div#subscribeRSS h3,
body#tylers-topic #contentSecondary div.entryList h3 {
	border-bottom-color: #2F3C9E;
	color: #2F3C9E;
}

.pastorsColumns div#subscribeRSS p {
	line-height: 14px;
	margin-top: 12px;
}

.pastorsColumns div#subscribeRSS a {
	text-decoration: none;
}

.pastorsColumns div#subscribeRSS img {
	float: left;
	margin-right: 5px;
	width: 14px;
}

#pastorsColumnsIntro #contentSecondary div#navByMonth {
	margin-top: -10px;
}

.pastorsColumnsView #contentSecondary div.entryList {
	margin-top: 20px;
}

#pastorsColumnsIntro #contentSecondary div#navByMonth form {
	margin-top: 1em;
}



/* =Visit Us Page
------------------------------------------------------------------ */

.visitUs #contentMain #directions h4 {
	background: transparent url(/images/site/bg_listBulletGreen.gif) 0 50% no-repeat;
	color: #3E1A08;
	line-height: 1.2;
	margin-bottom: 0.5em;
	padding-left: 15px;
}

.visitUs #map {
	border: 6px solid #E7EBF0;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}



/* =Search Results Pages
------------------------------------------------------------------ */

#contentMain dl#searchResults dt {
	font-size: 1.4em;
	margin-bottom: 1em;
}

#contentMain dl#searchResults dd {
	font-size: 0.9em;
}



/* =Back to Top Link
------------------------------------------------------------------ */

p.backToTop {
	bottom: 20px;
	line-height: 13px;
	position: absolute;
		right: 30px;
	text-transform: uppercase;
}

p.backToTop a {
	background: transparent url(/images/site/bg_backToTop_link.png) 0 0 no-repeat;
	display: block;
	color: #6A6654;
	padding-left: 14px;
	text-decoration: none;
}

p.backToTop a:hover, p.backToTop a:active {
	background: url(/images/site/bg_backToTop_hover.png) 0 0 no-repeat;
	color: #35332A;
}



/* =Footer - Site Information
------------------------------------------------------------------ */

#siteInfo {
	background: #FFF url(/images/site/bg_siteInfo.png) center top no-repeat;
	border-bottom: 1px solid #C2C2C2;
	color: #676767;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 15px;
	padding-top: 21px;
	padding-bottom: 15px;
	position: relative;
	width: 100%;
}

#contactInfo {
	float: left;
	margin-left: 100px;
	width: 380px;
}

#contactInfo img {
	position: absolute;
		left: 20px;
		top: 21px;
}

#legalInfo {
	float: right;
	margin-right: 10px;
	width: 300px;
}

#legalInfo #sitemapAndCredits {
	margin-top: 14px;
}

#siteInfo a {
	background-color: transparent;
	color: #676767;
	text-decoration: none;
}

#siteInfo a:hover, #siteInfo a:active {
	background-color: transparent;
	color: #2D3642;
	text-decoration: underline;
}

#siteInfo p.page-url {
	display: none;
}