body {margin: 0; padding: 0; text-align: center; background: #dce8cc url(/images/bg_header.png) repeat-x top left;; font: 62.5%/1.5em 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif; color: black;}
td, th {font-size: 1em;}
body, div, h1, h2, h3, h4, h5, h6, table, td, th, p, ol, ul, dl, li, dt, dd, form {margin: 0; padding: 0;}

/* header */
#header-container {height: 109px; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; background: white url(/images/bg_header.png) repeat-x top left;}
#header {margin: 0 auto; width: 950px; text-align: left; position: relative;}

#logo {padding-top: 57px; width: 170px; height: 57px; position: absolute; top: 10px; left: 0; overflow: hidden; background: url(/images/logo.png) no-repeat top left; voice-family: "\"}\""; voice-family:inherit; height: 0;}

#nav, #audience-nav {list-style-type: none;}

#audience-nav {padding: 10px 0 10px 15px; position: absolute; top: 24px; right: 0; background: url(/images/bg_audience-nav.png) repeat-x top left; font-size: 1.2em; font-weight: bold;}
#audience-nav li {display: inline; margin-right: 15px;}
#audience-nav li a {padding: 0 3px;}

#nav {position: absolute; top: 75px; left: 0;}
#nav li {display: inline;}
#nav li a, #nav li span {height: 0; padding-top: 34px; float: left; display: block; background-image: url(/images/nav.png); background-repeat: no-repeat;}
#nav-home, #nav-home a, #nav-home span, #nav-home span {width: 101px; background-position: 0 0;}
#nav-home a:hover {background-position: 0 -34px;}
#nav-home span, #nav-home a.current  {background-position: 0 -68px;}
#nav-about, #nav-about a, #nav-about span, #nav-about, #nav-about a, #nav-about a.current  {width: 129px; background-position: -101px 0;}
#nav-about a:hover {background-position: -101px -34px;}
#nav-about span, #nav-about a.current  {background-position: -101px -68px;}
#nav-worship, #nav-worship a, #nav-worship span, #nav-worship, #nav-worship a, #nav-worship a.current  {width: 158px; background-position: -230px 0;}
#nav-worship a:hover {background-position: -230px -34px;}
#nav-worship span, #nav-worship a.current  {background-position: -230px -68px;}
#nav-service, #nav-service a, #nav-service span, #nav-service, #nav-service a, #nav-service a.current  {width: 203px; background-position: -388px 0;}
#nav-service a:hover {background-position: -388px -34px;}
#nav-service span, #nav-service a.current  {background-position: -388px -68px;}
#nav-ministry, #nav-ministry a, #nav-ministry span, #nav-ministry, #nav-ministry a, #nav-ministry a.current  {width: 227px; background-position: -591px 0;}
#nav-ministry a:hover {background-position: -591px -34px;}
#nav-ministry span, #nav-ministry a.current  {background-position: -591px -68px;}
#nav-calendar, #nav-calendar a, #nav-calendar span, #nav-calendar, #nav-calendar a, #nav-calendar a.current  {width: 132px; background-position: -818px 0;}
#nav-calendar a:hover {background-position: -818px -34px;}
#nav-calendar span, #nav-calendar a.current  {background-position: -818px -68px;}

/* content */
#content-container {margin: 108px 0 0; text-align: center; background: white;}
#content {margin: 0 auto; padding-bottom: 2em; width: 950px; text-align: left; font-size: 1.2em; line-height: 1.5em;}
#content #left-nav {padding: 11px 13px; margin-top: 20px; width: 154px; min-height: 220px; float: left; background: url(/images/bg_grayblock.png) repeat-x top left;}
#content #main-column {float: left; margin: 10px 20px; padding-top: 15px; width: 490px;}
#content #sidebars {float: left; padding-top: 31px; width: 240px;}

#content h1, #content #sidebars h2, #content #left-nav h2 {font-style: italic; text-transform: uppercase;}
#content h1 {margin: 0 0 .8em; padding-bottom: .9em; background: url(/images/bg_home_welcome_border.png) repeat-x bottom left; font-size: 1.5em; color: #204e37;}
#content #sidebars h2, #content #left-nav h2 {font-size: 1.2em; color: #0a4a78; padding-bottom: 10px; margin-bottom: .5em; background: url(/images/bg_home_blue_border.png) repeat-x bottom left; text-transform: none;}
#content #main-column h2 {font-size: 1.2em; margin-top: 1.5em;}
#content #main-column h2#overline {margin: 0; font-style: italic; text-transform: uppercase; letter-spacing: .1em; color: #444;}
#content #main-column h3 {font-size: 1.1em; margin-bottom: .3em;}
#content #main-column h4 {font-size: 1em;}

#content p, #content dl {margin-bottom: .8em;}
#content #main-column ul, #content #sidebars ul {margin-bottom: .8em; list-style-type: none;}
#content #main-column li, #content #sidebars li {padding-left: 18px; background: url(/images/bullet.png) no-repeat 5px .45em;}

#content #main-column span.date {color: #444; font-weight: normal;}

ul, ol, dl {position: relative;}

#content ul.inline {margin-top: -.8em;}

#content img {border: 2px solid #ddd;}
#content a img {border: 2px solid #0a4a78;}
#content img.noborder, #content a img.noborder {border: none;}

#content blockquote {padding: 15px 20px 6px; margin: 0 0 .8em; background: url(/images/bg_home_welcome_h.png) repeat-x 0 -5px; border-top: 2px solid #2c9100; font-size: 1.1em; line-height: 1.4em;}
#content blockquote p {text-indent: -.4em;}
#content blockquote p.attribution {text-align: right; font-size: .9em; margin-top: -.6em; font-style: italic;}
#content #sidebars blockquote {margin-top: 22px;}

#content dl dt {font-weight: bold;}
#content dl dd {margin-left: 1.5em; margin-bottom: .5em;}

#content dl.event-list dt.date {margin-bottom: .5em; float: left; display: block; width: 28px; border: 1px solid #81bcdc; text-align: center; background: white url(/images/bg_date.png) repeat-x bottom left; font-weight: bold;  clear: left;}
#content dl.event-list dt.date .month {font-size: .8em; display: block; border-bottom: 1px dotted #81bcdc; line-height: 1.6em;}
#content dl.event-list dt.date .day {padding: .1em 0; font-size: 1.3em; display: block;}
#content dl.event-list dd {padding-top: .6em; margin-left: 35px; font-size: .9em; line-height: 1.2em; font-weight: bold; margin-bottom: .2em;}

#content dl.staff {margin-bottom: 1.5em;}
#content dl.staff dt {margin-top: 1em; clear: left;}
#content dl.staff dt img {float: left; border-width: 2px; margin-bottom: 1em; border-color: #ddd;}
#content dl.staff dt.name span {display: block; font-size: 1.1em; padding-top: .5em;}
#content dl.staff dt.name span, #content dl.staff dd {margin-left: 90px;}
#content #sidebars dl.staff dt.name span {padding-top: 0;}
#content #sidebars dl.staff dt.name span, #content #sidebars dl.staff dd {margin-left: 65px;}
#content dl.staff dd.title {color: #555;}
#content dl.staff dd {margin-bottom: 0;}

#content ul.series span.date {color: #444; font-weight: normal;}
#content ul.series {font-weight: bold;}

#content .promo {border-top: 2px solid #ddd; padding: 8px 0 10px; line-height: 1.2em; margin-bottom: .8em;}
#content .pdf {padding-left: 34px; background: url(/images/icon_pdf.png) no-repeat 0 .5em;}
#content .hhh {padding-left: 34px; background: url(/images/icon_hhh.png) no-repeat 0 .5em;}

#content #left-nav ul {list-style-type: none; font-size: .9em; line-height: 1.3em;}
#content #left-nav li {float: left; block; width: 100%;}
#content #left-nav a, #content #left-nav span {padding: .2em .1em .3em 15px; display: block; background-image: url(/images/arrow_blue.png); background-repeat: no-repeat; background-position: 4px .6em;}
#content #left-nav a:hover, #content #left-nav span {background-image: url(/images/arrow_white.png); text-decoration: none;}
#content #left-nav span {background-color: #0a4b79; color: white;}

/* variations */
.two-column #content #main-column {width: 750px; margin-right: 0;}

/* footers */
#sub-footer {padding: 10px 0; border-top: 1px solid #ccc; background: #f5f5f5; font-size: 1.1em;}
#sub-footer #wrapper {margin: 0 auto; width: 950px; line-height: 1.8em;}
#sub-footer #links {width: 66%; float: left; text-align: left;}
#sub-footer #address {width: 33%; float: right; text-align: right;}
#footer {padding-top: 10px; background: transparent url(/images/bg_footer.png) repeat-x top left; font-size: 1.1em;}
#footer p {margin: 0 auto 2em; width: 950px; color: #547458; text-align: right;}

/* links */
a:link {color: #0a4b79;}
a:visited {}
a:hover, a:active, a.current {color: white; background-color: #0a4b79; text-decoration: none;}

/* tools */
.half {width: 48%;}

.fl {float: left;}
.fr {float: right;}

img.fl {margin: 0 10px 5px 0;}
img.fr {margin: 0 0 5px 10px;}

.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}

.skip {}

.ca:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ca {display: inline-table;}
/* Hides from IE-mac \*/
.ca {display: block;}
/* End hide from IE-mac */