html {background: #8ab327;}
body { font:0.82em/160% "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#000;}
#outter-background{background: #f8fde6 url(images/tile.gif) repeat-x;}
/* typography */
h1 {font:3em/150% "Century Gothic", Verdana, "Times New Roman", Times, serif; padding-bottom:0.5em; color:#6c8d1f;}
h2 {font:2em/150% Georgia, Verdana, "Times New Roman", Times, serif; padding-bottom:0.5em; color:#6c8d1f;}
h3 {font:1.8em/150% Georgia, Verdana, "Times New Roman", Times, serif; margin-bottom:0.5em;color:#6c8d1f;}
h4 {font:1.4em/100% Georgia, Verdana, "Times New Roman", Times, serif; color:#78a90c; font-style: italic; font-weight: normal; padding-bottom: 0; margin-bottom: 10px;}
p {padding-bottom:1em;}
a {color:#6c8d1f; text-decoration:none; overflow:hidden; }
a:hover{color:#c77101;}
hr {border:0; border-bottom: 1px solid #d9ecaa; color:#d9ecaa; height: 1px; padding-top: 20px; }
blockquote {padding-left:1.2em; font: italic 1.3em Georgia, Verdana, "Times New Roman", Times, serif; line-height: 150%; margin-bottom: 1em; color: #7a7b50; padding-left: 40px; background: url(images/quote.gif) no-repeat 0 0; }
blockquote p{margin:0; padding: 5px 10px 5px 0;}
.by {margin-left: 40px; color: #7d8010;}
object { outline:none; border:none; }
.small-heading {font:1.2em/150% "Century Gothic", Verdana, "Times New Roman", Times, serif; color: #6e980d; text-transform: uppercase; }
a.current {color:#db7316;}
strong, bold {font-weight: bold;}
em, i {font-style: italic;}
#wrap {width: 940px; margin: 0 auto;}
#logo {}
#logo a{display: inline; width: 409px; height: 70px; text-indent: -9999px; background: url(images/logo.gif) no-repeat; margin: 20px 0 0 0; float:left;}
/*location slide panel */
#location-wrap {background: #7baf03 bottom repeat-x; display: none;}
#location {width: 940px; margin: 0 auto; padding:15px 0; color:#e3f9b0; }
#location ul {margin-bottom: 10px;}
#location h4 {font: 12px Arial, Verdana, "Times New Roman", Times, serif; text-transform: uppercase; color:#fff; padding-bottom: 10px;}
#location-info {float:left; margin-left: 20px;}
.view-location {background: url(images/location.gif) no-repeat 0 8px; padding-left: 15px;float:left; margin: 5px 20px 0 120px; color:#fff;}
.view-location:hover{color:#d7ff6f;}
#map {float:left; border:3px solid #78a411;}
#close {width:97px; height: 25px; background: url(images/close.gif) no-repeat; position: absolute; text-indent: -9999px; float:right;}
#map2 { border:1px solid #78a411; margin-bottom: 15px;}
#quick-search{float:right; margin-top: 0px;}
#search-field { border:none; background: url(images/search.gif) no-repeat; width: 150px; padding: 3px 0 4px 20px; height: 25px; float:left;}
/*#search-bt { width: 25px; height: 27px; border:none; background: url(images/search-bt.gif) top left; display: block; border:1px solid red;}*/
#search-bt { width: 25px; height: 28px; display: block; float:left;}
#nav {clear:left;}
#nav { background: url(images/nav-bg.gif) no-repeat; height: 940px; height: 49px; clear: left;}
#nav li { float:left;}
#nav li a.nav-item{ display: block; height: 31px; background-position: 0 0; text-indent: -9999px;margin: 18px 35px 0 35px; }
#nav #home a.nav-item{ background: url(images/home.gif) no-repeat; width: 48px; margin-left: 60px; }
#nav #about a.nav-item{ background: url(images/about.gif) no-repeat; width:55px;}
#nav #ministries a.nav-item{ background: url(images/ministries.gif) no-repeat; width: 89px;}
#nav #community a.nav-item{ background: url(images/community.gif) no-repeat; width: 135px;}
#nav #contact a.nav-item{ background: url(images/contact.gif) no-repeat; width: 75px;}
#nav #calendar a.nav-item{ background: url(images/calendar.gif) no-repeat; width: 83px;}
#nav #home a.nav-item:hover,
#nav #about a.nav-item:hover,
#nav #community a.nav-item:hover,
#nav #ministries a.nav-item:hover,
#nav #contact a.nav-item:hover,
#nav #calendar a.nav-item:hover,
#nav #home.selected a.nav-item,
#nav #about.selected a.nav-item,
#nav #ministries.selected a.nav-item,
#nav #community.selected a.nav-item,
#nav #contact.selected a.nav-item,
#nav #calendar.selected a.nav-item
{background-position: 0 -48px;}
#header {display: block; margin: 20px 0;}
#sub-nav {border-top: 1px solid #b1cc65; margin-bottom: 20px;}
#sub-nav li { border-bottom: 1px solid #b1cc65;}
#sub-nav a { background: url(images/arrow.gif) no-repeat 3px 7px; padding:3px 0 3px 20px; display: block; }
#sub-nav a.active {background:#daec9a url(images/arrow.gif) no-repeat 3px 7px; color: #db7316; }
/* body */
#left {width: 300px; float:left; margin:0 20px 20px 0; display: inline;}
.box {border: 4px solid #94ca1c; background: #fff;padding: 15px; }
#donate {display: block; width: 300px; height: 72px; background: url(images/donate.gif) no-repeat; text-indent: -9999px;}
#facebook {display: block; width: 300px; height: 72px; background: url(images/facebook.png) no-repeat; text-indent: -9999px; margin-top:10px;}
#right {width: 620px; float:right;}
.sub-page #left {margin-top: 20px;}
.sub-page #right {margin-top: 20px;}
#left-narrow {width: 220px; display: inline; float:left; padding-top: 20px;}
#right-wide {width: 700px; float:right; padding: 20px 0 0 20px; background: url(images/sep.gif) no-repeat top left;}
#col1 {width:300px; display: inline; margin: 20px 20px 0 0; float:left; margin-bottom: 20px;}
#col2 {width:300px; display: inline; margin: 20px 20px 0 0; float:left; margin-bottom: 20px;}
#col3 {width:300px; display: inline; margin: 20px 0 0 0; float:left; margin-bottom: 20px;}
#col1 .small-heading {margin-top:20px;}
#one-column {}
.headline a {border-bottom: 1px solid #d9ecaa; display: block;}
.headline a:hover {border-bottom: 1px solid #fff0ac;}
/*home page */
#latest-message { background: url(images/heading-message.gif) no-repeat; width: 133px; height: 13px; text-indent: -9999px; margin-bottom:10px; }
#services {background: url(images/heading-services.gif) no-repeat; width: 133px; height: 13px; text-indent: -9999px; margin-bottom:10px; }
#left h3 { font-size: 1.4em; text-transform: uppercase; text-align: center; }
#left h3 span {font-style: italic; text-transform: lowercase;}
h3.sidebar-headline { font-size: 1.2em; text-transform: uppercase; }
ul.list {margin-bottom: 15px;border-top:1px solid #d7e3b7;}
.list li { border-bottom:1px solid #d7e3b7; line-height: 200%;}
#events span { color:#868686; display:block;}
#events li { border-bottom:1px solid #d7e3b7; line-height: 200%; color:#6c8d1f;}
#events li br {display:block; height:1px;}
#left ul {margin-bottom: 15px;border-top:1px solid #d7e3b7;}
#left li { border-bottom:1px solid #d7e3b7; line-height: 200%;}
#gcal {font-size:80%;}
.sidebox {padding: 15px; background: #fffffe url(images/box-bg.gif) repeat-x bottom;border:1px solid #f0e3c4; margin-bottom: 15px;}
.podcast {padding-left: 50px; background: url(images/icon-podcast.gif) no-repeat; }
.podcast span {color:#868686;}
.listen {padding: 2px 0px 4px 26px; background: url(images/listen-icon.gif) no-repeat top left; }
#icon-time {padding: 0 0 10px 50px; background: url(images/icon-time.gif) no-repeat;}
#icon-time li, #icon-time h4{border:none;}
#view-cal {width:259px; height: 37px; background: url(images/view-cal.gif) no-repeat 0 0; text-indent: -9999px; display: block; margin-top: 15px;}
#view-cal:hover {background: url(images/view-cal.gif) no-repeat 0 -60px;}
#boxes li {float:left;display: inline; margin-bottom: 20px;}
#boxes a {background-position: 0 0;}
#alive {width: 227px; height: 155px; background: url(images/alive.jpg) no-repeat; display: block; text-indent: -9999px; margin-right: 7px;}
#celebrating {width: 227px; height: 155px; background: url(images/celebrating.jpg) no-repeat ; display: block; text-indent: -9999px;margin-right: 7px;}
#serving {width: 227px; height: 155px; background: url(images/serving.jpg) no-repeat ; display: block; text-indent: -9999px;margin-right: 7px;}
#living-lord {width: 237px; height: 155px; background: url(images/living-lord.jpg) no-repeat ; display: block; text-indent: -9999px;}
#boxes a:hover {background-position: 0 -180px;}
.inline {float:left; border:#fff 3px solid; margin: 0 10px 10px 0;}
/* community overview */
#gallery-thumbs {border:5px solid #a3c256; background: #b8d270; padding: 5px; width:280px; display: inline; margin: 20px 20px 0 0; float:left; margin-bottom: 20px;}
#gallery-thumbs li {float:left;}
#gallery-thumbs li a {border:2px solid #f2ffc2; display: block; margin: 3px;}
#gallery-thumbs li a:hover {border:2px solid #fff;}
#gallery-heading {background: url(images/gallery-heading.gif) no-repeat top center; text-indent: -9999px;}
#recent-podcasts {width:270px; display: inline; margin: 20px 20px 20px 0; float:left; padding: 10px; background: #fff; border:4px solid #b6d859; }
.box-headline {text-align: center; font-size: 1.2em; text-align: center; text-transform: uppercase;}
.box-headline span { text-transform: lowercase; font-style: italic;}
#recent-podcasts li {padding-left: 30px; background: url(images/listen-icon.gif) no-repeat; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #d8e9aa;}
#recent-podcasts li span {display: block; color: #727272;}
#recent-podcasts ul {border-top: 1px solid #d8e9aa; padding-top: 5px;}
#recent-videos {width:270px; display: inline; margin: 20px 0 0 0; float:left; padding: 10px; background: #fff; border:4px solid #b6d859; }
#recent-videos img {float:left; margin: 0 10px 0 0;}
#recent-videos .video-desc {color:#a3a3a3; font-size: 11px;}
#recent-videos li {margin-bottom: 15px;}
#recent-videos ul {padding-top: 15px;border-top: 1px solid #d8e9aa;}
#footer {background: #8ab327; color:#fff; margin-top: 10px;}
#footer p{margin-bottom: 20px;}
#footer-wrapper {width:940px; margin: 0 auto; padding: 15px 0;}
#footer a {color:#fff;}
#footer a:hover {color:#d1ff5c;}
#footer ul {margin-bottom: 10px;}
#footer ul li {float:left; padding-right: 15px; padding-left: 15px; border-left: 1px solid #b9d17d;}
#footer .no-border {padding-left: 0; border: none;}
#footer-left {width:540px; float:left;}
#contact-info{ background: #a0c53c; width: 280px; padding: 20px 20px 10px 20px; float:right; border: 1px solid #7ba613;}
#contact-info ul li {float: none;padding: 0; border: none;}
.sub-page #nav {margin-bottom: 33px;}
#search-page #nav {margin-bottom: 15px;}
.podcast-meta {color:#819b48; padding:3px 0 0 20px;}
.headline-podcast {font:1.2em "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; float:left; }
.download {width:155px; height: 25px; no-repeat; background:url(images/download.gif) no-repeat; float:left; text-indent: -9999px;}
.podcast-meta {float: left;}
#nav a{display: block; }
#nav li ul a{text-indent: 0; background: none;padding:6px 20px; }
#nav li { /* all list items */
float: left;
}
#nav li ul { /* second-level lists */
position: absolute;
background: #fcfef3 url(images/dropdown.gif) repeat-x bottom left;
z-index: 1000;
width:940px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li#about ul
{margin-left: -143px; }
#nav li#ministries ul
{margin-left: -268px; }
#nav li#community ul
{margin-left: -427px; }
#nav li#contact ul
{margin-left: -785px; }
#nav li.selected ul { /* second-level lists */
position: absolute;
top:auto;
width:940px;
left: auto;
z-index: 100; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
cursor: pointer;
left: auto;
z-index: 1000;
}
/*form */
#signup {}
#signup input {width: 190px;}
.txt-field {padding: 3px; background: #fff; border:1px solid #bcdb69; color:#8db03f;font:1em "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; display: block;}
#signup-bt {width: 220px; height: 48px; background: url(images/signup-bt.gif) no-repeat top left; text-indent: -9999px; display: block; border:none; cursor: pointer;}
#signup-bt:hover {background: url(images/signup-bt.gif) no-repeat 0 -49px;}
/*post*/
.post-title {}
.post-meta {color:#819b48; padding-bottom: 0;}
.podcast-post {border-bottom: 1px solid #cfdeac; padding-bottom: 10px; margin-bottom: 10px;}
/*comment*/
.comment {padding: 7px 0; border-bottom:#e3ebc5 1px solid;}
.commentName {width:140px; float:left; display: block; font-weight: bold;}
.commentMeta {display: block;color:#9c9c9c; font-weight: normal;}
.commentContent{width: 460px; float:right;}
.txtField {background: #f6ffd4; padding: 3px; border:1px solid #bfcc8f;font:12px "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;}
#postComment {display: block; border:none; width: 144px; height: 30px; background: url(images/submit.gif) no-repeat 0 0; text-indent: -9999px; cursor: pointer; margin: 10px 0 10px 160px;}
#postComment:hover {background: url(images/submit.gif) no-repeat 0 -38px;}
#comment_form small { font-style: italic; color:#7f8968; display: block; margin-left: 160px;}
#comment_form {padding: 20px; border:4px solid #b6d859; margin:20px 0; background: #fff;}
#comment_form textarea.txtField {height: 200px;}
#comment_form li {line-height: 250%; clear: both; padding: 3px 0; }
#comment_form label {display: block; float:left; width: 160px;}
#comment_form .txtField {width: 380px; float:left;}
#captcha img {float:left; margin:5px 15px auto auto;}
#comment_form h3 {font-size:1.5em;}
.margin {margin-left: 160px;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#videos-cat #nav_categories {background:#729d0f; width: 900px; padding: 10px 20px; border-bottom: 1px solid #8bba1f;float: left; }
#videos-cat #nav_categories li {float: left;margin-right: 20px;}
#videos-cat #nav_categories a {color:#ebffbd; font-weight: bold;}
#videos-cat #nav_categories a:hover{color:#fff;}
#video-panel {background: #729d0f url(images/video-bottom.gif) bottom left no-repeat; padding: 20px; color:#edffc2; overflow: hidden;}
#video-panel .headline {color:#f7ffd6; border-bottom:none;}
#video-panel .headline a{border:none;}
#video-panel a {color:#fff;}
#video-panel a:hover { color:#c7ff45;}
#video-left {width: 280px; float:left;}
#video-right {width: 610px; float:right;}
#video-content {margin-bottom: 20px; text-align: right; color:#b6e056; font-style:italic;}
#video-content object {border:4px solid #8ec50f; display: block;}
#video-entries {margin-top: 10px;}
.video-thumb {float:left; display: block; width: 75px; height: 60px; margin: 0 10px 10px 0;border:2px solid #8ec50f;}
.video-thumb:hover {border:2px solid #fff;}
.video-title {font-size: 1.1em;}
.video-list span {color:#b6e056; font-size: 12px; display: block;}
#recent-videos .video-list span {color:#9cac79;}
#video-entries li a.active.video-thumb {border:2px solid #fff;}
#video-entries a.active {color:#c7ff45;}
/* photos */
#photo-heading {margin-left: 20px;}
.photo-list li { margin: 10px 10px 0 20px; float:left; width: 120px; text-align: center; display: inline; }
.photo-list li a img {width: 120px; height: 90px; border:3px solid #ddfc97; display: block;}
.photo-list li a:hover img {border:3px solid #adde3b;}
#large-photo {border:5px solid #92c800; margin-bottom: 15px;}
#staff .listing h4 {font:12px "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; font-style: normal;
font-weight: bold;}
#staff .listing img {width: 70px; float:left;}
#staff .listing .listing-right {width: 530px; float:right;}
#staff .listing {padding: 10px 0; border-bottom: 1px solid #b1c484;}
#staff .listing li {padding-left: 20px; background: url(images/bullet.gif) 0 5px no-repeat;}
.result {padding: 7px 0; border-bottom: #b8d154 1px dashed;}
#content ul, .post ul {line-height: 200%; margin-bottom: 10px;}
#content ul li, .post ul li{ padding-left: 25px; background: url(images/arrow.gif) 3px 7px no-repeat; display: block;}
ol {margin: 0px 0; list-style:decimal; padding-left: 10px;}
ol li {margin: 5px 0 5px 15px;}
.clear {clear: both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
img.left {margin:0 15px 15px 0; float:left;}
img.right {margin:0 0px 15px 15px; float:right;}