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

GRACE PRESBYTERIAN CHURCH, MONTCLAIR, NEW JERSEY, USA

Core Stylesheet for Screen Media

website   : www.gracemontclair.org
filename  : /css/core.css
revision  : 20 August 2010

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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

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

/* tables still need 'cellspacing="0"' in the markup */
/*
table {
border-collapse: collapse;
border-spacing: 0;
}
*/



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


/* force Firefox to draw scrollbar to avoid short-page jump */
/* hide from IE-Mac \*/
html {
min-height: 100%;
margin-bottom: 1px;
}
/* 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;
height: 1px;
font-size: 1px;
line-height: 1px;
}

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

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

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



/* =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 {
position: relative;
width: 968px;
height: 106px;
margin-left: 6px;
padding-top: 40px;
color: #FFF;
background: #2D3642 url(/images/site/bg_masthead3.jpg) 0 0 no-repeat;
}

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

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

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

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



/* =Message Bar
------------------------------------------------------------------ */

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

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



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

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

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

#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 {
position: absolute;
top: 0;
right: 0;
width: auto; /* 480px; */
margin-left: auto;
margin-right: 220px;
height: 30px;
z-index: 5;
font-size: 1em;
}

#navExtra ul {
text-transform: uppercase;
}

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

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

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

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



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



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

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

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

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

#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 {
display: block;
padding: 0 1em;
line-height: 40px;
text-decoration: none;
color: #E7EBF0;
background: url(/images/site/bg_navPrimary_divider.png) left center no-repeat;
}

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

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

/* remove "link" cursor from the current menu item */
#navPrimary li.current a {
color: #FFF;
background: url(/images/site/bg_navPrimary_current_left.png) left center no-repeat;
cursor: default;
}



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

/* exceptions to the above standard rule */

.bibleStudy #navStudy {
margin-top: 4em;
}

.bibleStudy #navStudy h3 {
display: block;
margin-bottom: 0.5em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: normal;
letter-spacing: normal;
line-height: 1.2;
color: #3E1A08;
background-color: transparent;
}


#navSection li {
display: block;
border-top: 1px dotted #C2C2C2;
font-size: 1.2em;
line-height: 1.7;
color: #445064;
background-color: transparent;
}

/* exception */
.bibleStudy #navSection ul.nav_categories li {
border-top: none;
}

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

/* exception */
.bibleStudy #navSection ul.nav_categories {
border-bottom: none;
}

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

/* size adjustment to inherit size of parent li elements */
#navSection li li {
padding-left: 1em;
font-size: 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 {
border-bottom: none;
background-color: transparent;
}

#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 {
color: #9A4215;
background-color: /* #F3F5F8; */ #FFF;
}

#navSection li.current a,
#navSection li a.current {
font-weight: bold;
color: #9A4215;
background-color: /* transparent; */ #FFF;
}



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

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

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



/* =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 {
position: absolute;
top: 0;
left: 6px;
z-index: 10;
width: 234px;
height: 200px;
text-indent: -9999px;
font-size: 2em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #3E1A08;
}

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

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: Georgia, "Times New Roman", Times, serif; */
font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
position: relative;
}

#contentMain h3.standard {
margin-bottom: 22px;
}
/* other h3 styles are contained in "sifr.css" */

#contentMain h4 {
margin-bottom: 1em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: normal;
color: #2D3642;
background-color: transparent;
}

#contentMain p, #contentMain ul, #contentMain ol {
font-size: 1.3em; /*1.5em;*/
line-height: 1.7;
}

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

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

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

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

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

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

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

#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 {
text-decoration: underline;
color: #9A4215;
background-color: transparent;
}

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

#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 {
margin-bottom: 0.75em;
padding-left: 15px;
background: url(/images/site/bg_listBulletGreen.gif) 0 0.6em no-repeat;
}

#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;
padding: 0.75em 6px;
margin-bottom: 0;
}

#contentSecondary div div div {
border: none;
}

#contentSecondary div h3 {
padding: 6px 6px 6px 10px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: normal;
line-height: 1.2;
}

/* 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 a ul or li items */
   
#contentSecondary div.entryList {
margin-left: 4px;
margin-right: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aboutUs #contentMain .pastorIntro img.floatleft {
margin-top: 0;
}

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

.aboutUs #contentMain .pastorIntro p {
margin-bottom: 0;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
}

.aboutUs #contentMain .pastorIntro p.moreLink {
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 {
list-style-type: decimal;
font-size: 1em !important;
}

.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 {
margin-bottom: 0.1em;
padding-left: 15px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
letter-spacing: 0;
line-height: 1.3;
text-transform: uppercase;
color: #000;
background: transparent url(/images/site/bg_listBulletGreen.gif) 0 50% no-repeat;
}

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

.upcoming #contentMain .entry p.time {
margin-bottom: 0.5em;
font-variant: small-caps;
}

/* Sermon Table */

table#sermonTable {
clear: both;
width: 700px;
margin-top: 17px;
margin-bottom: 17px;
font-size: 1.2em;
line-height: 1.1;
}

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

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

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

#sermonTable .col1 {
width: 80px;
}

#sermonTable .col2 {
width: 320px;
}

#sermonTable .col3 {
width: 160px;
}

#sermonTable .col4 {
width: 140px;
}

/*
#sermonTable .col5 {
width: 60px;
}

#sermonTable .col6 {
width: 60px;
}

#sermonTable .col5, #sermonTable .col6 {
text-align: center;
}

#sermonTable th.col5, #sermonTable th.col6 {
text-align: left;
}
*/

#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 {
margin-bottom: 9px;
font-size: 1.3em;
line-height: 1.3;
}

/* Styles applied by jQuery DataTables plugin */

	/* sorting indicator images in the th cells */

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

.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 {
width: 40%;
float: left;
font-size: 1.2em;
}

.dataTables_filter {
width: 50%;
float: right;
text-align: right;
font-size: 1.2em;
}

	/* table tools below the table */

.dataTables_info {
width: 60%;
float: left;
font-size: 1.2em;
}

.dataTables_paginate {
width: 39%;
float: right;
text-align: right;
margin-bottom: 20px;
font-size: 1.2em;
}

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

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


/* Individual Sermon Pages */

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

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

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

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

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

.sermonDetail #contentSecondary #wimpyButton {
float: right;
height: 60px;
width: 60px;
margin: 0 6px 6px 6px;
padding: 0;
text-align: right;
}

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

/*
#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 {
padding-left: 10px;
font-size: 1.2em;
line-height: 1.5;
color: #FFF;
border: none;
}

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



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

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

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

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


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

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

.outreach #contentMain blockquote p {
font-size: 1.2em;
line-height: 1.5;
}

.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 {
padding-left: 20px;
background: #FFF url(/images/site/bg_checkmarkBrown.png) 0 50% no-repeat;
padding-top: 3px;
padding-bottom: 3px;
}



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

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


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

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

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

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

.bibleStudy .entry h4 {
margin-bottom: 1em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #3E1A08;
background-color: transparent;
}

.bibleStudy .entry h4 .date {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
text-transform: uppercase;
}

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

.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 {
margin: 0.5em 2em 1em 2em;
font-size: 12px; /* 1.2em; */
line-height: 1.5;
}

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

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

.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 {
margin-top: -0.5em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
line-height: 1;
text-transform: uppercase;
color: #5A6B85;
background-color: transparent;
}

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

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

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

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

.bibleStudy #discussion h5 {
margin-bottom: 1em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: normal;
/* color: #9A4215; */
color: #3E1A08;
background-color: transparent;
}

.bibleStudy #discussion p {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
line-height: 1.3;
}

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

#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 {
margin-bottom: 0;
padding-left: 4px;
font-size: 1em;
line-height: 2.5;
color: #6A6654;
background-color: #F3F5F8;
}

#discussion textarea {
width: 100%;
}



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

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

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

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

#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 #tims_thoughts h4,
#pastorsColumnsIntro #tims_thoughts h4 a {
background-image: url(/images/site/h4_timsThoughts.png);
}

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

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

#pastorsColumnsIntro .columnIntro h5,
.pastorsColumnsView #contentMain h4 {
font-size: 1.5em;
font-weight: normal;
line-height: 1.3;
color: #3E1A08;
background-color: transparent;
padding-bottom: 3px;
border-bottom: 1px solid #A7978F;
margin-bottom: 7px;
}

#pastorsColumnsIntro .columnIntro h5 {
margin-left: 110px;
}

#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: 0.9em;
text-transform: uppercase;
}

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

/* 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#tims_thoughts #contentMain h3 {
background-image: url(/images/site/h4_timsThoughts.png);
}

/* h4s are the individual column titles */
/* adjust h4 margins -- see above for other applicable styles */
.pastorsColumnsView #contentMain h4 {
margin-top: 27px;
margin-bottom: 3px;
}

.pastorsColumnsView #contentMain p.columnDate {
text-align: right;
font-size: 1em;
text-transform: uppercase;
margin-bottom: 18px;
}

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

.pastorsColumnsView #contentMain blockquote.intro p {
line-height: 1.2;
font-style: italic;
}

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

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

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

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

.pastorsColumns #contentSecondary div#subscribeRSS h3,
#pastorsColumnsIntro #contentSecondary div#navByMonth h3,
.pastorsColumnsView #contentSecondary div.entryList h3 {
font-size: 1.2em;
font-weight: bold;
border-bottom-width: 1px;
border-style: solid;
margin-bottom: 0.5em;
padding-left: 0;
padding-bottom: 2px;
}

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

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

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

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

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

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

#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 h4 {
margin-bottom: 0.5em;
padding-left: 15px;
color: #3E1A08;
background: transparent url(/images/site/bg_listBulletGreen.gif) 0 50% no-repeat;
}

.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 {
margin-bottom: 1em;
font-size: 1.4em;
}

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



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

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

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

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



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

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

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

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

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

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

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

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

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