﻿/* ALL */
html {min-height:100%; margin-bottom:1px;}
body {background:#999999;}
div,p,ul,li,h1,h2,h3,h4,h5,h6,a {padding:0; margin:0}
ul {list-style:none}

#container {width:960px; margin:0 auto;}
#container p#lang {width:960px; position:absolute; top:0px; font-family:verdana; color:#000000; font-size:11px; text-align:right;}

#banner {width:960px; height:120px; position:absolute; top:14px}

#header {width:960px; height:30px; position:absolute; top:134px; z-index:9998;}
#header #nav {margin:0; padding:0;}
#header #nav li {float:left; position:relative;}
#header #nav li a {float:left; width:160px; height:0; padding-top:30px; overflow:hidden}
#header #nav li a, #header ul#nav {background-image:url(../images/nav.gif); background-repeat:no-repeat;} 

#header #nav li ul {position:absolute; left:-999em; width:140px; padding:5px 10px; text-align:left; background-color:#00196D;}
#header #nav li:hover ul, #header #nav li.sfhover ul {z-index:500; top:30px; left:-2px;}
#header #nav li ul li {padding:0; margin:0;}
#header #nav li ul a {display:block; width:140px; height:auto; padding:4px 4px; color:#FFF; font-size:13px; font-weight:bold; text-decoration:none; background-image:none; outline:none;}
#header #nav li ul a:hover {color:#FFD152; text-decoration:none;}

#header #nav li#home a {background-position: 0 0}
#header #nav li#about a {background-position: -160px 0}
#header #nav li#contact a {background-position: -320px 0}
#header #nav li#beliefs a {background-position: -480px 0}
#header #nav li#downloads a {background-position: -640px 0}
#header #nav li#links a {background-position: -800px 0}

#header #nav li#home a:hover {background-position: 0 -31px}
#header #nav li#about a:hover {background-position: -160px -31px}
#header #nav li#contact a:hover {background-position: -320px -31px}
#header #nav li#beliefs a:hover {background-position: -480px -31px}
#header #nav li#downloads a:hover {background-position: -640px -31px}
#header #nav li#links a:hover {background-position: -800px -31px}

#header.home #nav li#home a {background-position: 0 -31px}
#header.church #nav li#about a {background-position: -160px -31px}
#header.contact #nav li#contact a {background-position: -320px -31px}
#header.photos #nav li#beliefs a {background-position: -480px -31px}
#header.downloads #nav li#downloads a {background-position: -640px -31px}
#header.links #nav li#links a {background-position: -800px -31px}

#sub-header {width:840px; height:14px; position:absolute; top:30px; left:0; text-align:left;}
#sub-header ul {margin:0; padding:0;}
#sub-header ul li {display:inline; font-size:16px; font-family:candara; color:black; font-weight:bold;}
#sub-header ul li a {font-family:candara; font-size:16px; font-weight:bold; color:#0000FF; text-decoration:none; outline:none; margin-left:30px;}
#sub-header ul li a:hover {color:#0000FF; text-decoration:underline;}
#sub-header ul li a.select {font-family:candara; color:#727272; cursor:default;}
#sub-header ul li a.select:hover {font-family:candara; color:#727272; text-decoration:none;}

.all-content {width:960px; background-color:#FCFCFC; position:absolute; top:164px;}
#info {background-color:#FCFCFC; position:absolute; right:60px; left:60px; top:40px;}
#info h3 span {color:#00267F;}
h2 {font-family:candara; font-size:20px;}
h3 {font-family:candara; color:#00267F; text-align:left; font-size:23px; border-bottom:1px solid #B2B2B2;}
h4 {font-family:candara; font-size:16px;}
.new {display:inline; background:transparent url(../images/new.gif) no-repeat scroll right; padding-right:32px;}
hr {color:black; position:absolute; top:19px;}
p {font-family:verdana; font-size:13px; color:black; line-height:1.3;}
a {font-family:verdana; font-size:13px; color:#0000FF; text-decoration:none; outline:none;}
a:active {color:#0000FF; text-decoration:none;}
a:visited {color:#0000FF; text-decoration:none;}
a:hover {color:#0000FF; text-decoration:underline;}
p#explain {text-align:left; font-family:corbel; font-size:16px;}
.border {border:1px solid #B2B2B2;}

.all-btm {width:960px; height:25px; background-color:#00114D; text-align:right;} 
.all-btm p {font-size:11px; font-family:verdana; color:#8E8E8E; padding:4px 10px;}
a.top-btm {font-size:11px; font-family:verdana; color:#FFFFFF; text-decoration:none; outline:none;}
a.top-btm:active {color:#FCDE64; text-decoration:none;}
a.top-btm:visited {color:#FFFFFF; text-decoration:none;}
a.top-btm:hover {color:#FCDE64; text-decoration:none;}
.all-fill {background:#999999; width:960px; height:20px;}
.gray {color:#4C4C4C; font-family:verdana; font-size:13px;}

/* HOME */
#info-home {background-color:#FCFCFC; position:absolute; right:60px; left:60px; top:20px;}
img#ss-pic {position:absolute; top:30px; left:0px;} 
#left-col {width:500px; height:550px; position:absolute; top:0px; left:0px;}
#left-col #describe {width:500px; position:absolute; top:320px; left:0px;}
#left-col #school {position:absolute; top:650px; left:0px;}
#left-col #sermons-h {position:absolute; top:510px; left:0px;}
.info {width:410px; position:absolute; top:-3px; left:90px;}
#right-col {width:285px; height:760px; border-left:1px solid #B2B2B2; position:absolute; top:0px; right:0px; padding-left:25px;}
#right-col .section, #left-col .section {height:auto; padding-top:10px;}
#right-col  h3, #left-col h3 {font-size:17px; font-family:candara; color:#00267F; border-bottom:1px solid #B2B2B2;}
.h-content {height:860px}
.h-btm {position:absolute; top:1024px}
.h-fill {position:absolute; top:1049px}

/* OUR STORY */
img.sp {float:right; margin:0px 0px 12px 12px}
.au-content {height:555px}
.au-btm {position:absolute; top:719px}
.au-fill {position:absolute; top:745px}

/* WE BELIEVE */
.wwb-content {height:2700px}
.wwb-btm {position:absolute; top:2864px}
.wwb-fill {position:absolute; top:2890px}
.wwb-list {list-style:disc; list-style-position:inside; font-family:verdana; font-size:13px; color:black; line-height:1.3}

/* NEWS */
.news {height:auto; padding-bottom:25px; border-bottom:1px solid #B2B2B2;}

/* INFORMATION */
.cu-content {height:390px}
.cu-btm {position:absolute; top:554px}
.cu-fill {position:absolute; top:582px}
.b {font-weight:bold}
img.map {position:absolute; top:100px; right:110px;}

/* PRAYER/QUESTION/FEEDBACK */
img.cu-pics  {position:absolute; bottom:70px; right:120px;}
img.q-pics {position:absolute; bottom:55px;}
.p-content {height:540px}
.p-btm {position:absolute; top:700px}
.p-fill {position:absolute; top:726px}
#explain {margin-bottom:5px}
#form-area {width:840px}
#form-area input, #form-area textarea {padding:2px; width:300px; height:18px; font-size:1.1em; margin:0px 0px 10px 0px; border:2px solid #FFCD4A;}
#form-area textarea {height:110px}
#form-area textarea:focus, #form-area input:focus {border:2px solid #00114D;}
#form-area input.button {width:100px; height:25px; font-weight:bold; font-family:candara; color:#00114D; background:url(../images/form-button.gif) repeat-x; border:none; cursor:pointer}
#form-area input.button:hover {border:2px solid #FFCC5E;}
.warning {font-weight:bold; font-family:verdana; font-size:13px; color:#f00;}
form h2 {color:#00114D; font-size:12px; font-weight:bold; margin:0 0 5px 10px;}
label {font-weight:bold; font-family:candara; color:#00114D; font-size:14px; display:block;}

/* PHOTOS */
.ph-content {height:520px}
.ph-btm {position:absolute; top:680px}
.ph-fill {position:absolute; top:706px}

/* LINKS */
#describe, #describe2, #pics, #pics2 {width:200px; height:auto; background-color:#FFFFFF; position:absolute; top:110px}
#describe ul li, #describe2 ul li {width:200px; height:132px; float:left; margin-bottom:27px}
#describe ul li a, #describe2 ul li a {font-size:16px; font-family:candara;}
#pics ul li, #pics2 ul li {margin-bottom:25px; width:200px; height:132px; float:left; overflow:hidden}
#describe {left:210px;}
#describe2 {left:630px;}
#pics2 {left:420px;}
#pics ul li a img, #pics2 ul li a img {border:none}

.l-content {height:985px}
.l-btm {position:absolute; top:1149px}
.l-fill {position:absolute; top:1174px}

#more {position:absolute; top:895px; left:0px;}
#more a {font-size:11px;}

/* HYMN LYRICS */
.d-content {height:590px;}
#title {width:140px; height:auto; background-color:#FFFFFF; font-family:verdana; font-size:14px; position:absolute; top:110px;}
#title ul li {float:left; margin-bottom:3px;}
#d-link {width:80px; height:auto; background-color:#FFFFFF; position:absolute; top:110px; left:200px;}
#d-link ul li a {float:left; margin-bottom:3px;}
#pic img {border:solid black 1px; position:absolute; top:120px; right:130px;}
#pic2 img {border:solid black 1px; position:absolute; top:320px; right:130px;}
.d-btm {position:absolute; top:754px;}
.d-fill {position:absolute; top:780px;}


