


/* @group Links */

a, a:link, a:visited {
color: #9ff4ff;
}

a:hover, a:active, a:focus {
color: #fff;
}

/* @end */

/* @group Layout */

html {overflow-y: scroll;}

html, body {height: 100%;}

body {
font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #E0EBB2;
background-image: url(../images/background.gif);
background-repeat: repeat-x;
background-position: top;
z-index: 0;
}

a img {text-decoration: none;}

h1.logo {
text-indent: -9000px;
background: url(../images/logo.gif) no-repeat;
display: block;
height: 84px;
}

#header {
position: absolute;
padding: 50px 0px 25px 0px;
width: 700px;
height: 84px;
left: 50%;
margin-left: -350px;
z-index: 1;
}

#clearheader {
height: 159px;
}

div.wrap {
position: relative;
min-height: 100%;
width: 700px;
margin-right: auto;
margin-left: auto;
margin-bottom: -192px;
}

#left-content {
width: 223px;
float: left;
margin-right: 15px;
position: relative;
}

#span2-left-content {
position: relative;
width: 461px;
float: left;
overflow: hidden;
}

#center-content {
width: 223px;
float: left;
margin-right: 15px;
position: relative;
position: relative;
}

#right-content {
width: 224px;
float: right;
z-index: 100;
position: relative;
}

/* @end */

/* @group Footer */

#clearfooter {
clear: both;
height: 192px;
}

#footer {
position: relative;
width: 100%;
clear: both;
color: #6F4D20;
font-size: 1em;
line-height: 1.8em;
padding-top: 90px;
background-image: url(../images/footer-bg.gif);
height: 102px;
font-family: "Times New Roman", Times, serif;
}

#footer a {
color: #AA762F;
text-decoration: none;
margin-right: 7px;
margin-left: 7px;
}

#footer a:hover {
color: #E3ECBF;
}

#footer ul {
display: block;
width: 700px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
height: 23px;
margin-bottom: 0px;
}

#footer li {
list-style: none;
list-style-type: none;
float: left;
}

/* @end */

/* @group Main Navigation */

ul#header-nav {
width: 431px;
height: 23px;
display: block;
position: relative;
left: 100%;
margin-left: -431px;
top: -55px;
}

ul#header-nav li {
list-style-type: none;
float: left;
text-indent: -9000px;
}

ul#header-nav li a {
display: block;
text-decoration: none;
background: url(../images/navigation.png) no-repeat;
}

li#home a {width: 57px; height: 23px;}
li#home a:link, li#home a:visited {background-position: 0px 0px;}
li#home a:hover {background-position: 0px -23px;}
li#home a:active {background-position: 0px -46px;}
body#home li#home a {background-position: 0px -46px;}


li#about a {width: 77px; height: 23px;}
li#about a:link, li#about a:visited {background-position: -57px 0px;}
li#about a:hover {background-position: -57px -23px;}
li#about a:active {background-position: -57px -46px;}
body#about li#about a {background-position: -57px -46px;}

li#worship a {width: 72px; height: 23px;}
li#worship a:link, li#worship a:visited {background-position: -134px 0px;}
li#worship a:hover {background-position: -134px -23px;}
li#worship a:active {background-position: -134px -46px;}
span#worship li#worship a {background-position: -134px -46px;}
body#worship li#worship a {background-position: -134px -46px;}

li#missions a {width: 72px; height: 23px;}
li#missions a:link, li#missions a:visited {background-position: -206px 0px;}
li#missions a:hover {background-position: -206px -23px;}
li#missions a:active {background-position: -206px -46px;}
span#missions li#missions a {background-position: -206px -46px;}
body#missions li#missions a {background-position: -206px -46px;}

li#route77 a {width: 68px; height: 23px;}
li#route77 a:link, li#route77 a:visited {background-position: -279px 0px;}
li#route77 a:hover {background-position: -279px -23px;}
li#route77 a:active {background-position: -279px -46px;}

li#kidzquest a {width: 84px; height: 23px;}
li#kidzquest a:link, li#kidzquest a:visited {background-position: -347px 0px;}
li#kidzquest a:hover {background-position: -347px -23px;}
li#kidzquest a:active {background-position: -347px -46px;}
span#kidzquest li#kidzquest a {background-position: -347px -46px;}
/* @end */

/* @group Section Navigation */

img#section-header-image {display: block; margin: 0px; padding: 0px;}

body a.section-button, body a.section-button-large {
display: block;
padding: 0;
border: none;
margin-bottom: 12px;
text-decoration: none;
}

a.section-button img, a.section-button-large img {
padding: 0;
margin: 0;
border: none;
}

a.section-button-large:hover   >span,a.section-button:hover      > span {
background-image: url(../images/button-shadow.gif);
height: 59px;
width: 112px;
cursor: pointer;
position: absolute;
z-index: 100;
left: 117px;
}

#right-content a.section-button-large:hover > span, #right-content a.section-button:hover > span {
left: 118px;
}

a.section-button-large:hover > span {
margin-top: 170px;
}

a.section-button:hover > span {
margin-top: 35px;
}

/* @end */

/* @group Home Page */

body#page-home #left-content,body#home, #center-content {
padding-top: 235px;
}

body#page-home ul li#home a {
background-position: 0px -46px;
}

li#home a.current {
background-position: 0px -46px;
}

/* @end */

/* @group Section Navigation */

#section-nav {
width: 464px;
height: 34px;
background: url(../images/feature-nav-bg.png) no-repeat;
text-transform: lowercase;
margin-bottom: 15px;
line-height: 2.5em;
font-size: 1.3em;
display: block;
overflow: hidden;
}

#section-nav li {
list-style-type: none;
float: left;
display: block;
width: auto;
}

#section-nav li a {
display: inline;
float: left;
text-decoration: none;
background-image: none;
height: 25px;
color: #3b8ead;
padding-right: 7px;
margin: 2px 1px 0 3px;
}

#section-nav li a span {
padding-left: 7px;
display: block;
line-height: 25px;
}

#section-nav li a:hover, #section-nav li a:active, #section-nav li a.current {
color: #f2ffc8;
height: 25px;
padding-right: 7px;
background: url(../images/feature-nav-right.gif) no-repeat scroll right top;
}

#section-nav li a:hover span, #section-nav li a:active span, #section-nav li a.current span {
background: transparent url(../images/feature-nav-left.gif) no-repeat;
display: block;
}

#section-nav li a:hover {
color: #fff;
}

/* @end */

/* @group Sidebar */

div.black-sidebar {
background-color: #000000;
color: #A99986;
padding: 5px 0px 5px 0px;
}

div.black-sidebar h3 {
font-family: "Trebuchet MS", Helvetica, sans-serif;
color: #CBB499;
font-size: 1.5em;
text-align: right;
padding-right: 11px;
margin-bottom: 5px;
}

div.black-sidebar h4 {
font-family: "Trebuchet MS", Helvetica, sans-serif;
color: #8F7C65;
font-size: 1.2em;
text-align: right;
padding-right: 11px;
margin-bottom: 5px;
}

div.black-sidebar img {
margin-left: 5px;
}

div.black-sidebar-footer {
background-image: url(../images/sidebar-footer-black.png);
height: 5px;
width: 224px;
margin-bottom: 15px;
background-color: #E0EBB2;
background-repeat: no-repeat;
background-position: top;
}

#map-form {
margin: 0px;
}

#map-form div {
overflow: hidden;
/* hasla

yout wraps floats IE */
}

#map-form input {
font-size: 1em;
display: inline;
float: left;
background-color: #1F1F20;
border: none;
color: #FFFFFF;
width: 181px;
height: 20px;
margin-left: 5px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0;
padding-left: 3px;
}

#map-form input.hidden {
display: none;
}

#map-form input.submit {
height: 22px;
width: 25px;
margin-right: 5px;
padding: 0px;
}

h2.meeting-times {
text-indent: -9999px;
background-image: url(/images/meeting-times-header.png);
height: 67px;
width: 224px;
padding: 0;
}

h2.map-directions {
text-indent: -9999px;
background-image: url(/images/map-and-directions-header.png);
height: 67px;
width: 224px;
padding: 0;
}

h2.contact-information {
text-indent: -9999px;
background-image: url(/images/contact-info-header.png);
height: 67px;
width: 224px;
padding: 0;
}

/* @end */

/* @group Slideshow */
.slideshow {
width: 4161px;
height: 190px;
margin: 0;
position: relative;
overflow: hidden;
}

.slideshow_overlay {
display: block;
position: absolute;
z-index: 100000;
background-color: #000;
width: 100%;
left: 0px;
bottom: 0px;
opacity: 0.25;
border-bottom: solid 1px #333;
}

.slideshow_nav {
padding-top: 3px;
padding-left: 4px;
margin: 0 auto;
text-align: center;
margin-bottom: 2px;
}

.slideshow_nav a {
font-size: 9px;
line-height: 9px;
display: block;
float: left;
margin-left: 0px;
color: #aaa;
text-decoration: none;
padding: 4px 4px 0px;
}


.slideshow_nav a:hover {
background-color: #fff;
color: #000;
}
.slideshow_nav a.activeSlide {
background-color: #383838;
color: #fff;
}
.slideshow_overlay p {
font-size: 10px;
float: right;
margin-right:10px;
color: #eee;
padding-bottom: 2px;
}

.slideshow .icons a {
padding: 0 5px 0 0;
margin: 2px 0 4px 0;
width: 11px;
height: 11px;
background: url(/images/slideshow-navigation.gif) no-repeat center 0;
text-indent: -99999px;
}

.slideshow .icons a:hover {
background: url(/images/slideshow-navigation.gif) repeat-y center 22px;
}

.slideshow .icons a.activeSlide {
background: url(/images/slideshow-navigation.gif) repeat-y center 11px;
}
.slideshow .thumbnails a {
padding: 0px;
margin-bottom: 4px;
background: none;
line-height: 0;
text-indent: 0px;
border: 1px solid #ae6f48;
margin-right: 2px;
width: 16px;
height: 16px;
position: relative;
}

.slideshow .thumbnails a:hover.activeSlide,
.slideshow .thumbnails a:hover {
border-color: #b4d21b;
background-color: #000;
}
.slideshow .thumbnails a img {
border-style: none;
padding: 0;
margin: 0;
width: 16px;
height: 16px;
}
.slideshow .thumbnails a:hover img {
padding: 0;
margin: 0;
position: absolute;
bottom: 16px;
left: -1px;
border: 1px solid #b4d21b;
width: 600%;
height: auto;
z-index: 10000;
}

.slideshow .thumbnails a.activeSlide {
border-color: #fff;
}

#home #slideshow {
display: block;
position: absolute;
height: 220px;
width: 461px;
overflow: hidden;
margin-top: -235px;
padding-right: 13px;
z-index: 100;
background-image: none;
}

#home #slideshow-nav {
position: relative;
z-index: 100;
height: 31px;
float: right;
background-image: url(../images/feature-nav-bg.png);
background-repeat: no-repeat;
width: 456px;
padding-left: 5px;
}

#home #slideshow-nav a {
display: block;
background: url(../images/feature-button.png) no-repeat;
height: 18px;
width: 13px;
float: left;
font-size: 1.2em;
color: #CDBDA9;
text-decoration: none;
padding-top: 2px;
padding-right: 5px;
padding-left: 7px;
margin-top: 3px;
}

#home #slideshow-nav a.activeSlide, #slideshow-nav a:active {
background-position: 0px -20px;
color: #FFFFFF;
}

#home #slideshow-nav a:hover {
color: #FFFFFF;
}

#home #slideshow-nav p {
font-size: 1.25em;
line-height: 25px;
display: block;
float: right;
margin-top: 5px;
margin-right: 5px;
padding-right: 5px;
color: #C29274;
}

/* @end */

/* @group Post Content */

div.post-content {
background-image: url(../images/content-header.png);
background-repeat: no-repeat;
background-position: left top;
padding: 22px 0px 0px 0px;
color: #FFFFFF;
font-family: "Trebuchet MS", Helvetica, sans-serif;
background-color: #005979;
width: 461px;
margin-bottom: 17px;
overflow: hidden;
}

div.post-content-footer {
background-image: url(../images/content-footer.png);
height: 5px;
width: 461px;
display: block;
background-repeat: no-repeat;
background-position: top;
background-color: #E0EBB2;
margin: 0px;
padding: 0px;
}

div.post-content h1 {
color: #fcffef;
margin-bottom: 10px;
letter-spacing: -0.01em;
margin-left: 22px;
margin-right: 22px;
display: block;
font: normal 3.5em Georgia, "Times New Roman", Times, serif;
}

div.post-content h2 {
margin-bottom: 5px;
margin-right: 22px;
color: #D8EC66;
letter-spacing: -0.1em;
margin-left: 22px;
display: block;
font: 2.3em "Courier New", Courier, monospace;
}

div.post-content h3 {
margin-left: 22px;
margin-right: 22px;
display: block;
margin-bottom: 10px;
color: #9ff4ff;
font: bold 1.6em "Trebuchet MS", Helvetica, sans-serif;
}

div.post-content h4 {
margin-left: 22px;
margin-right: 22px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
display: block;
margin-bottom: 10px;
color: #E0EBB2;
}

div.post-content strong, div.post-content b {
font-weight: bold;
}

div.post-content em, div.post-content i {
font-style: italic;
}

div.post-content p {
margin-bottom: 10px;
font-size: 1.3em;
line-height: 1.5em;
margin-left: 22px;
margin-right: 22px;
display: block;
color: #EDF1DA;
}

div.post-content blockquote p {
color: #b39167;
margin-bottom: 10px;
display: block;
margin-left: 22px;
padding: 10px 15px;
background: #000000 url(../images/bio-bg.jpg) no-repeat right top;
}

div.post-content > ul,
div.post-content > ol  {
display: block;
margin-left: 20px;
border-left: 2px solid #004861;
font: 1.2em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif;
margin-right: 22px;
padding-left: 1px;
margin-bottom: 10px;
}
div.post-content  > ol li {
list-style: inside;
list-style-type: decimal;
}

div.post-content  > ol li,
div.post-content  > ul li {
color: #baf7ff;
background: #004861;
padding: 10px 15px;
margin-bottom: 1px;
}

/* @end */

/* @group Bios */

#bios {
margin-right: 22px;
margin-left: 22px;
margin-bottom: 15px;
}

#bios div.bios-header {
background: #000000 url(../images/bio-bg.jpg) no-repeat right top;
text-align: right;
padding-right: 0px;
height: 119px;
display: block;
cursor: pointer;
}

#bios div.bios-header  img {
float: left;
}

#bios div.bios-header  h2 {
font-size: 3em;
line-height: 1em;
margin-left: 0px;
padding-top: 10px;
margin-bottom: 0px;
font-weight: normal;
}

#bios div.bios-header h3 {
margin-left: 0px;
margin-bottom: 0px;
font: normal 1.7em/1em "Trebuchet MS", Helvetica, sans-serif;
color: #AE6F48;
font-weight: normal;
}

#bios div.bios-content {

}

/* @end */

/* @group FAQ */

ul.faq-list {
background: #000000 url(../images/bio-bg.jpg) no-repeat right top;
padding: 15px;
overflow: hidden;
}

ul.faq-list li.faq-q {
background: url(../images/q-a-bg.gif) no-repeat left top;
height: 56px;
padding: 0;
margin: 0;
}

ul.faq-list li.faq-q h4 {
font: 1.5em "Courier New", Courier, monospace;
color: #d8ec66;
margin-top: 0px;
margin-left: 45px;
}

ul.faq-list li.faq-a {
margin-top: -14px;
background: none;
}

ul.faq-list li.faq-a p {
font: normal 1.2em/1.4em "Trebuchet MS", Helvetica, sans-serif;
color: #AE6F48;
padding-left: 45px;
}

/* @end */

/* @group Comments */

div.comments {

}

div.comment {
background-color: #000;
margin-left: 22px;
margin-right: 22px;
margin-bottom: 22px;
padding-right: 0;
padding-bottom: 1px;
padding-left: 0;
}

div.comment img {
float: left;
margin-right: 10px;
}

div.comment .content_html {
padding-bottom: 10px;
}

div.comment p.author {
margin: 0 0 10px;
padding: 20px 20px 5px;
border-bottom: 1px solid #000;
background: #000000 url(../images/bio-bg.jpg) no-repeat right top;
color: #9ff4ff;
}

form#comment_form, form#form_paypal {
background-color: #000;
margin-left: 22px;
margin-right: 22px;
background: #000000 url(../images/bio-bg.jpg) no-repeat right top;
padding-top: 22px;
margin-bottom: 22px;
}

form#comment_form p,
form#form_paypal p {
margin-bottom: 10;
font-size: 1em;
}

form#comment_form label {
font-size: 1.2em;
color: #AE6F48;
}

form#comment_form input,
form#comment_form textarea {
background-color: #202020;
border: 1px solid #2a2522;
color: #8f7c65;
padding: 5px;
}

form#comment_form input:hover,
form#comment_form textarea:hover {
background-color: #282828;
}

form#comment_form input#submit {
margin-left: 23px;
margin-bottom: 22px;
color: #84cbd4;
background-color: #202020;
cursor: pointer;
}

form#form_paypal input {
margin-bottom: 22px;
cursor: pointer;

}
form#comment_form input#submit:hover {
color: #95e5ef;
background-color: #282828;
}

/* @end */

/* @group Link Icons */

a[href^="mailto:"] {
display: inline-block;
padding-left: 20px;
line-height: 18px;
background: transparent url(/images/icons/email.png) center left no-repeat;
}

a[href$='.pdf'] {
display: inline-block;
padding-left: 20px;
line-height: 18px;
background: transparent url(/images/icons/page_white_acrobat.png) center left no-repeat;
}

a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] {
display: inline-block;
padding-left: 20px;
line-height: 18px;
background: transparent url(/images/icons/page_white_flash.png) center left no-repeat;
}

a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
display: inline-block;
padding-left: 20px;
line-height: 18px;
background: transparent url(/images/icons/page_white_excel.png) center left no-repeat;
}

a[href$='.ppt'], a[href$='.pps'] {
display: inline-block;
padding-left: 20px;
line-height: 18px;
background: transparent url(/images/icons/page_white_text.png) center left no-repeat;
}

a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
display: inline-block;
padding-left: 20px;
line-height: 18px;
background: transparent url(/images/icons/page_white_word.png) center left no-repeat;
}

a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
display: inline-block;
padding-left: 20px;
line-height: 18px;
background: transparent url(/images/icons/page_white_zip.png) center left no-repeat;
}

a[href$='.mp3'], a[href$='.m4a'] {
display: inline-block;
padding-left: 20px;
line-height: 18px;
background: transparent url(/images/icons/music.png) center left no-repeat;
}

/* @end */

.filtered .hide {
display: none;
}

/* @group Media */

.media_video {
margin: 15px 0 15px 0;
border: 1px solid #e5e5e5;
padding: 5px 5px 0;
background-color: #f2f2f2;
}

.media_audio {
border: 1px solid #007198;
background-color: #004057;
padding: 5px 0 0;
margin: 15px 0;
}


/* @end */






