/* CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}

/* Font Size */

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
body {
color:#555;
font:12px "Trebuchet MS",arial,helvetica,clean,sans-serif;
line-height:18px;
}
table {
font-size:inherit;
font:100%;
}

/* Typography */

em{
font-style:italic;
}
strong{
font-weight:bold;
}
cite{
font-style:italic;
}
blockquote{
font-style:italic;
padding:11px;
}
.highlight{
background-color:yellow;
}

/* Classes */

.video{
background-image:url(../images/television.png);
background-repeat:no-repeat;
background-position:top left;
padding-left:18px;
}
.noput{
display:none;
}

/* Links */

a, a:visited, a:active{
color:#2F80C3;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
#navigationTop a, #navigationTop a:visited, #navigationTop a:active{
color:#FFF;
text-decoration:none;
}
#navigationTop a:hover{
text-decoration:underline;
}
#headerNavigation a, #headerNavigation a:visited, #headerNavigation a:active{
color:#FFF;
display:block;
height:55px;
font-size:14px;
padding-top:35px;
text-decoration:none;
text-transform:uppercase;
}
#headerNavigation li.current a{
background-color:#217B85;
background-image:url(../images/navigationOn.png);
background-repeat:no-repeat;
background-position:top left;
}
#headerNavigation li.current a#first{
background-color:#217B85;
background-image:url(../images/navigationFirstOn.png);
background-repeat:no-repeat;
background-position:top left;
}
#headerNavigation li.current a:hover{
cursor:default;
text-decoration:none;
}
#headerNavigation a:hover{
text-decoration:underline;
}
/*
#headerNavigation li a:hover{
background-color:#217B85;
background-image:url(../images/navigationOn.png);
background-repeat:no-repeat;
background-position:top left;
}
#headerNavigation li a:hover#first{
background-color:#217B85;
background-image:url(../images/navigationFirstOn.png);
background-repeat:no-repeat;
background-position:top left;
}
*/
.story h1 a, .story h1 a, .story h1 a:visited, .story h1 a:active{
color:#555;
text-decoration:none;
}
.story h1 a:hover{
color:#2F80C3;
}
#tools a, #tools a:visited, #tools a:active{
color:#FFF;
font-weight:bold;
text-decoration:none;
}
#tools dd a, #tools dd a:visited, #tools dd a:active{
font-weight:normal;
text-decoration:underline;
}
#tools a:hover{
text-decoration:underline;
}
#footer a, #footer a:visited, #footer a:active{
color:#FFF;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

/* Layout */

body{
background-color:#217B85;
background-image:url(../images/bodyBg.png);
background-repeat:repeat-x;
background-position:top left;
}
#wrap{
margin:0 auto;
width:985px;
}
#header{
background-color:#217B85;
background-image:url(../images/headerBg.jpg);
background-repeat:no-repeat;
background-position:top left;
height:201px;
padding-left:15px;
}
#page{
background-color:#217B85;
background-image:url(../images/wrapBg.png);
background-repeat:repeat-y;
background-position:top left;
float:left;
padding-left:15px;
}
#navigationTop{
height:26px;
padding:4px 0 0 0;
position:relative;
margin:0 auto;
width:985px;
}
#SNOW{
left:806px;
position:absolute;
top:1px;
}
#XMAS{
left:393px;
position:absolute;
top:30px;
}
#PROMO{
left:370px;
position:absolute;
top:30px;
}
#KONA{
left:370px;
position:absolute;
top:30px;
}
#navigationTop ol{
float:left;
margin-left:100px;
_margin-left:0px;
}
#navigationTop li{
float:left;
margin-left:11px;
text-align:center;
width:207px;
}
#navigationTop li.current{
background-color:#217B85;
}
#headerBanner{
height:111px;
}
#headerNavigation{
float:left;
}
#headerNavigation li{
float:left;
margin-right:11px;
text-align:center;
width:98px;
}
#headerSearch{
padding-top:30px;
}
#searchtext{
background-color:transparent;
background-image:url(../images/searchBoxBg.png);
background-repeat:repeat-x;
background-position:top left;
border:none;
padding:5px 5px;
width:140px;
}
#searchBtn{
background-color:#217B85;
background-image:url(../images/searchButton.png);
background-repeat:repeat-y;
background-position:top left;
border:none;
height:26px;
width:26px;
}
#main{
float:left;
padding-left:11px;
width:523px;
}
#breadcrumbs{
float:left;
margin:18px 0;
width:534px;
}
#breadcrumbs li{
float:left;
margin-right:7px;
}
.paged{
clear:both;
margin:0;
padding:0;
}
#gutter{
float:left;
padding-left:11px;
_padding:0;
width:316px;
_width:304;
}
#gutterIntro{
margin:18px 0;
}
#gutterIntro h3{
font-weight:bold;
}
#storyList{
background-color:#BCDD77;
background-image:url(../images/storyListTop.png);
background-repeat:no-repeat;
background-position:top left;
padding:18px 18px 0 18px;
width:268px;
}
#faqs{
margin-bottom:18px;
}
#faqsList{
border-bottom:#93A352 solid 1px;
margin-top:18px;
width:305px;
}
#faqsList dt{
background-color:#CCFFBF;
background-image:url(../images/information.gif);
background-repeat:no-repeat;
background-position:18px 6px;
border-top:#FFF solid 1px;
border-right:#82A37A solid 1px;
color:#2F80C3;
cursor:pointer;
font-weight:bold;
text-decoration:underline;
padding:5px 40px 5px 40px;
width:224px;
}
#faqsList dd{
background-color:#CCFFBF;
border-right:#82A37A solid 1px;
padding:0 18px 5px 18px;
width:268px;
}
#faqsList dd p, #faqsList dd ul, #faqsList dd ol, #faqsList dd blockquote{
margin-bottom:18px;
}
#faqsList dt.current{
background-color:#E6FF80;
background-image:url(../images/information.gif);
background-repeat:no-repeat;
background-position:18px 6px;
border-right:#93A352 solid 1px;
color:#2F80C3;
cursor:pointer;
font-weight:bold;
text-decoration:underline;
padding:5px 40px 0 40px;
width:224px;
}
#faqsList dd.current{
background-color:#E6FF80;
border-right:#93A352 solid 1px;
border-bottom:#CDE372 solid 1px;
margin-bottom:1px;
padding:0 18px 5px 18px;
width:268px;
}
#tools{
background-color:#144C52;
color:#FFF;
float:left;
padding:0 11px 0 0;
_padding:0;
/*_margin-left:5px;*/
width:98px;
}
#tools dt{
background-image:url(../images/toolsSeparator.png);
background-repeat:repeat-x;
background-position:top left;
font-weight:bold;
padding:9px 5px 5px 11px;
width:92px;
}
#tools dt.first{
background-image:none;
}
#tools dd{
padding:0 5px 9px 11px;
width:93px;
}
#tools dd.bullet a{
background-image:url(../images/bulletBlue.png);
background-repeat:no-repeat;
background-position:0px 2px;
display:block;
padding-left:15px;
}
#toolsServe{
background-image:url(../images/group.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsRSS{
background-image:url(../images/feed.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsPodcast{
background-image:url(../images/transmitBlue.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsTwitter{
background-image:url(../images/twitter.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsEventReminder{
background-image:url(../images/email.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsRegistration{
background-image:url(../images/pencil.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsCalendar{
background-image:url(../images/date.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsDonate{
background-image:url(../images/money.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsMaps{
background-image:url(../images/map.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsPrayer{
background-image:url(../images/comments.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsStory{
background-image:url(../images/pageEdit.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
#toolsStaff{
background-image:url(../images/phone.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:22px;
}
.toolsAddress{
background-image:url(../images/toolsSeparator.png);
background-repeat:repeat-x;
background-position:top left;
padding:5px 5px 5px 11px;
width:93px;
}
#toolsBottom{
height:31px;
width:109px;
}
#footer{
background-color:#217B85;
background-image:url(../images/footerBg.png);
background-repeat:no-repeat;
background-position:top left;
clear:both;
color:#FFF;
height:81px;
margin:0 auto;
width:985px;
}
#footer ol{
float:left;
padding:35px 0 0 160px;
text-align:center;
}
#footer li{
float:left;
margin-left:7px;
}

/* Story */

.storyImage{
padding:5px 5px 5px 5px;
float:Center;
}
.storyImageLeft{
padding:5px 5px 5px 5px;
float:left;
}
.storyImageRight{
padding:5px 5px 5px 5px;
float:Right;
}
.story{
clear:both;
margin-bottom:25px;
}
.story h1{
font-size:30px;
line-height:36px;
}
.story h2{
font-size:18px;
margin:9px 0;
}
.storyBy{
background-image:url(../images/storyBy.png);
background-position:left top;
background-repeat:no-repeat;
height:18px;
margin:18px 0pt;
padding:2px 11px;
}
.storyBy span{
float:left;
}
.storyBy a{
float:right;
}
.story p, .story ul, .story ol, story blockquote{
margin-bottom:18px;
}
.story ul li{
background-image:url(../images/bulletBlue.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:22px;
}
.story ol li{
list-style:decimal inside;
}
.storyExcerpt h2{
font-size:14px;
font-weight:bold;
}
.storyExcerpt p, .storyExcerpt ul, .storyExcerpt ol, storyExcerpt blockquote{
margin:0;
}


/* sermon */

#sermon{
background-image:url(../images/homeSermonTop.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:18px 0;
width:304px;
}
#sermon h2{
background-image:url(../images/transmitBlue.gif);
background-position:200px 7px;
background-repeat:no-repeat;
font-size:16px;
font-weight:bold;
padding:5px 11px 0px 11px;
}
#sermon h2 a{
padding-left:95px;
}
.sermonImage{
background-color:#FFF;
border:1px solid #2F80C3;
height:200px;
margin:11px;
padding:5px 5px 15px 5px;
}
#sermon p{
height:100px;
overflow:hidden;
padding:0px 11px;
}
#sermon p.sermonTitle{
height:22px;
font-size:14px;
margin:0;
}
#sermon p.sermonTitle a{
font-weight:bold;
}
.sermonSeries li{
background-image:url(../images/bulletBlue.png);
background-position:5px 3px;
background-repeat:no-repeat;
}
.sermonSeries li a{
display:block;
padding:2px 22px;
}
.sermon1Nav{
background-image:url(../images/homeSermon1.jpg);
background-position:top left;
background-repeat:no-repeat;
height:50px;
}
.sermon2Nav{
background-image:url(../images/homeSermon2.jpg);
background-position:top left;
background-repeat:no-repeat;
height:50px;
}
.sermon3Nav{
background-image:url(../images/homeSermon3.jpg);
background-position:top left;
background-repeat:no-repeat;
height:50px;
}
.sermonLinks li{
float:left;
}
.sermonLinks li a{
display:block;
font-weight:bold;
padding-top:20px;
text-align:center;
width:101px;
}

#storyForum{
background-color:#33BDCC;
background-image:url(../images/forumTopBg.png);
background-position:top left;
background-repeat:no-repeat;
float:left;
padding:70px 10px 0 10px;
width:503px
}
#storyForum fieldset{
padding:20px 0 20px 0;
}
#storyForum h3{
font-size:18px;
margin-bottom:18px;
}
.storyForumLine{
clear:both;
}
.storyForumLine label{
float:left;
width:100px;
}
.storyForumLine input{
background-image:url(../images/forumInputBGpng.png);
background-position:top left;
background-repeat:repeat-x;
border:none;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #666;
float:right;
font:11px "Trebuchet MS",arial,helvetica,clean,sans-serif;
margin:5px 0;
padding:2px 3px 3px 3px;
width:350px;
}
.storyForumLine textarea{
background-color:#33BDCC;
background-image:url(../images/forumTextAreaBG.png);
background-position:top left;
background-repeat:repeat-x;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-bottom:1px solid #666;
border-right:1px solid #666;
float:right;
font:11px "Trebuchet MS",arial,helvetica,clean,sans-serif;
margin:5px 0;
padding:2px 3px 3px 3px;
width:350px;
}
.storyForumLineRemember{
clear:both;
padding-left:145px;
}
.storyForumLineButtons{
clear:both;
margin:10px 0;
padding-left:145px;
}
.storyCommentsError{
background-color:#D4F4F7;
border:4px solid #FFF;
margin:10px 0;
padding:10px;
}
.storyCommentsError p{
color:red;
margin:0;
text-align:center;
}
#cpreview{
background-color:#D4F4F7;
border:4px solid #FFF;
margin:10px 0 0 0;
padding:10px 10px 0 10px;
}
.cpreview p{
margin:0;
}
.cpreviewWarning{
color:red;
font-size:16px;
font-weight:bold;
}
.cpreviewMsg{
color:red;
font-weight:bold;
}
.cpreviewCommentor{
margin:0;
padding:0;
}
.commentPreview{
background-color:#33BDCC;
background-image:url(../images/forumPreviewBg.png);
background-position:top right;
background-repeat:no-repeat;
border:none;
cursor:pointer;
display:block;
float:left;
height:26px;
padding-top:5px;
margin-right:20px;
width:80px;
}
.commentSubmit{
background-color:#33BDCC;
background-image:url(../images/forumSubmitBg.jpg);
background-position:top right;
background-repeat:no-repeat;
border:none;
cursor:pointer;
/*display:block;*/
display:none;
float:left;
height:26px;
padding-top:5px;
width:73px;
}
.commentPreview input{
background-color:transparent;
border:none;
color:#555;
cursor:pointer;
}
.commentSubmit input{
background-color:transparent;
border:none;
color:#555;
cursor:pointer;
}
p#txpCommentInputForm{
color:red;
font-weight:bold;
margin:20px 0;
text-align:center;
}
.storyForumComment{
background-color:#D4F4F7;
border:4px solid #FFF;
margin:10px 0 0 0;
padding:10px;
}
.storyForumComment p{
margin:0;
}
.storyForumCommentBody{
border-bottom:1px solid #FFF;
font-weight:bold;
margin-bottom:6px;
padding-bottom:3px;
}

.captchaImage{
float:right;
margin:0 117px 0 0;
}