html {
min-width: 990px;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*---------------------------reset code----------------------------------*/
.clear { clear:both; line-height:1px; font-size:1px;}
.left { float:left;}
.right { float:right;}
@font-face {
font-family: 'schmutzicgcleaned';
src: url('/fonts/schmutzicg-cleaned-webfont.woff2') format('woff2'),
url('/fonts/schmutzicg-cleaned-webfont.woff') format('woff'),
url('/fonts/schmutzicg-cleaned-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gillsanslight';
src: url('/fonts/GillSans-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gillsanslightitalic';
src: url('/fonts/GillSans-LightItalic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gillsans';
src: url('/fonts/GillSans.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gillsanssemibold';
src: url('/fonts/GillSans-SemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gillsanssemibolditalic';
src: url('/fonts/GillSans-SemiBoldItalic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gillsansbold';
src: url('/fonts/GillSans-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gillsansbolditalic';
src: url('/fonts/GillSans-BoldItalic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body { font:normal 13px/20px Arial, Helvetica, sans-serif; color:#4a4a4a; background:url(images/header_nav_backer.jpg) repeat-x ; }
/*---------------------------Main Body Start ----------------------------*/
#main_wrapper { width:100%; margin:0 auto; background: none; }
.wrapper { width:959px; margin:0 auto; }
/*---------------------------Main Body End-------------------------------*/
/*--------------------------- Text Css Start ------------------------------*/
h1 {font:bold 27px/27px "Times New Roman",Times,Georgia,Serif; color:#000;}
h2 {font:bold 21px/21px "Times New Roman",Times,Georgia,Serif; color:#fb991d; padding:0;}
.h1_padd {padding:40px 0 30px;}
/*--------------------------- Text Css End ------------------------------*/
/*--------------------------- Header Start ------------------------------*/
.header {width:959px; margin:0 auto; position:relative; z-index:22; }
.logo {float:left; width:298px; padding:33px 0 27px 12px; }
.header_right {float:right; width:154px; padding:33px 0 0 0;}
.header_right p {font: 600 13px/19px gillsans, Arial, sans-serif; color: #fff; text-align:right;}
.ssl {width:32px; height:32px; background: url(images/ssl-icon.png) 0 0 no-repeat; position:absolute; right:356px; top:1px;}
.quick_box {width:350px; height:26px; background:url(images/quick_link_box.gif) 0 0 no-repeat; position:absolute; right:0; top:0;}
.quick_box p {text-align:center;}
.quick_box p a {font:bold 12px/22px Arial, Helvetica, sans-serif; color:#333; height:26px; text-decoration:none;}
.quick_box p a:hover {color:#fb991d;}
/*--------------------------- Header End-------------------------------*/
/*--------------------------- navigation Start ------------------------------*/
.navigation {width:960px; height:35px; margin:0 auto; padding:0px 0 0 15px;}
.navigation ul {margin:0; padding:0;}
.navigation ul li {margin:0; padding:0; list-style:none; display:inline;}
.navigation ul li a {margin:0; padding:0; font:normal 13px/13px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:#000 1px 1px;}
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#552a05; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; display:none; list-style:none}
ul.menu ul li {position:relative; border-top:none; width:186px; margin:1px 0 1px 0; background:#333; border:1px solid #fff;}
ul.menu ul li a {display:block; padding:7px 11px 5px; text-align:left;font:bold 13px/18px Arial, Helvetica, sans-serif; text-transform:uppercase;color:#fff;}
ul.menu ul li a:hover {background-color:#333; color:#96E8FB; }
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 14px; font-weight:normal; font:bold 12px/20px Arial,Helvetica,sans-serif; text-transform: uppercase; text-align:center;}
ul.menu .menulink:hover,
ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu li a {padding:8px 28px; font-weight:normal; font:bold 14px/20px Arial,Helvetica,sans-serif; text-transform: uppercase; text-align:center;}
ul.menu li a:hover,
ul.menu .menuhover {background:url(images/header_over.gif);color:#96E8FB;}
/*--------------------------- Banner Start ------------------------------*/
#slider {width:917px; height:272px; margin:22px auto 0; border:10px solid #fafafa; position:relative; background:url(images/loading.gif) no-repeat 50% 50% #f5f5f5;}
#slider a img {position:relative;top:0px;left:0px;display:block;}
#slider a {border:0;display:block;}
.tab {width:438px; height:22px; margin:0 auto; padding:0; position:absolute; left:262px; top:-22px; padding:0; }
.tab ul {margin:0; padding:0;}
.tab ul li {margin:0; padding:0; list-style:none; display:inline;}
.tab ul li a {float:left; margin:0; padding:0; list-style:none; display:inline-block; font:bold 13px/22px "Times New Roman", Times, serif; color:#fff; text-decoration:none; text-align:center;}
.tab ul li.tab1 a {width:157px; height:22px; background:url(images/tab1.png) 0 0 no-repeat; display:block; text-align:center;}
.tab ul li.tab2 a {width:157px; height:22px; background:url(images/tab2.png) 0 0 no-repeat; display:block; text-align:center; margin-left:-15px;}
.tab ul li.tab3 a {width:150px; height:22px; background:url(images/tab3.png) 0 0 no-repeat; display:block; text-align:center; margin-left:-15px;}
.tab ul li a:hover {color:#000;}
/*--------------------------- Banner End ------------------------------*/
/*--------------------------- Container Start -------------------------- */
.main_container {width:100%; margin:0 auto; background: url(images/content_backer_tall.jpg) #333 0 0 repeat-x; position:relative; z-index:1; }
.main_inner_container { width:100%; margin:0 auto; background:#fff; }
.main_container_bottom { width:100%; margin:0 auto; background:#333;}
.container_bottom { width:959px; margin:0 auto; padding:0 0 33px 0; }
.container_bottom ul { float:left;margin:0; padding:0; margin-top:-26px; position:relative;}
.container_bottom ul li { margin:0; padding:0; list-style:none; display:inline;}
.containerbg { width:959px; margin:0 auto; background:url(images/containerbg.png) top left no-repeat; padding:0 0 0 0; }
.container { width:945px; margin:0 auto; padding:33px 0 28px 0; }
.container ul { margin:0 0 0 0; padding:0 0 33px 0;}
.container ul li { margin:0; padding:0; list-style:none; display:inline;}
.content_box { float:left; width:315px; }
.content_txt { float:left; padding:0 0 0 19px; width:274px;}
.content_txt_padd { padding:0 0 0 30px;}
.content_box a { float:left;}
.content_box h1 { font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff;}
.content_box p { font: normal 14px/18px gillsans, Arial, sans-serif; color:#fff;}
ul.noslide .content_box p { color: #000;}
/*--------------------------- Container End ------------------------------*/
/*--------------------------- Footer Start ------------------------------*/
.footer {width:100%; background:#000; border-top:1px solid #777; padding:0 0 56px 0; }
.footer_container {width:959px; margin:0 auto; padding:20px 0 0 0;}
.footer_container h2 {color:#FB991D; color: #72a492; font:bold 21px/21px schmutzicgcleaned, Arial, sans-serif;}
.footer_txt {width:959px; margin:0 auto; height:50px; position:relative; }
/* .scrollableArea p {float:left; font:normal 12px/13px Arial, Helvetica, sans-serif; color:#616161; padding:0 0 0 38px; margin-left:-50px;} */
.footer_bottom {float:right; width:550px; padding:18px 13px 0 0;}
.churchweb {float:left; width:262px; padding:34px 13px 0 0;}
.footer_bottom ul {margin:0; padding:0; display: flex; align-items:center;}
.footer_bottom ul li {margin:0; padding:0 0 0 26px; list-style:none; display:inline;}
.footer_bottom ul li.first {padding:0 0 0 0;}
.footer_bottom ul li .blog {border: 1px solid #808080; padding: 10px 20px 10px 40px;color: #fff; text-decoration: none; position: relative; transition: all 0.25s ease; white-space: nowrap}
.footer_bottom ul li .blog:before {content: ''; background: url(/images/blog.png) 0 0 no-repeat; width: 21px; height: 21px; position: absolute; left: 10px;}
.footer_bottom ul li .blog:hover {color: #fff; background-color: #808080; border: 1px solid #808080;}
.scrollingHotSpotLeft {position:absolute; left:0; top:0; width:50px; height:50px; z-index:55; background:url(../images/footer_txt_left.png) no-repeat;}
.scrollingHotSpotRight {position:absolute; right:25px; top:0; width:50px; height:50px; z-index:55; background:url(../images/footer_txt_right.png) no-repeat;}
/* div.scrollWrapper {position: relative; overflow: hidden; width: 100%; height:100%; padding:15px 0 0 0;} */
/* div.scrollableArea {position: relative; height:100%; width:auto; } */
/* #makeMeScrollable {width:959px; height:22px; position: relative; } */
/* #makeMeScrollable div.scrollableArea * {display: block; float: left; margin: 0; margin-right:-20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; font-weight: normal; color: #616161; white-space: nowrap; } */
#scrollingText {width:959px; height:13px; position: relative; padding: 2px 0 0 0; overflow:hidden;}
#scrollingText .scrollableArea p {display:inline-block; float:left; margin:0; padding-right:7px; font:normal 13px/13px Arial, Helvetica, sans-serif; color: #616161; white-space:nowrap; }
/*--------------------------- Footer End ------------------------------*/
/*--------------------------- InnerPage Css Start ------------------------------*/
.inner_container {width:940px; margin:0 auto; padding:0 0 120px 0 ; }
.inner_left {float:left; width:240px; background:#eaeaea url(images/inner_leftbg.gif) top left no-repeat; padding:39px 0 0 0; margin-left:13px; }
.left_menu {width:228px; border:1px solid #d0d0d0; background:#eaeaea; margin:0 auto; padding:2px 2px 5px 2px; }
.left_menu ul {margin:0; padding:0;}
.left_menu ul li {margin:0; padding:0; list-style:none;}
.left_menu ul li.title {margin:0; padding:0 0 0 18px; background:#333; text-align:left; font:bold 16px/24px Arial, Helvetica, sans-serif; color:#fff;}
.left_menu ul li.box a {margin:0; padding:0 0 0 18px; width:210px; font:normal 13px/24px Arial, Helvetica, sans-serif; color:#6f6f6f; text-decoration:none; background:#fff; display:block;}
.left_menu ul li a {margin:0; padding:0 0 0 18px; width:210px; font:normal 13px/24px Arial, Helvetica, sans-serif; color:#6f6f6f; text-decoration:none; display:block;}
.left_menu ul li a:hover {color:#fb991b;}
.left_menu ul li.box a:hover {color:#fb991b;}
.inner_right {width:960px; }
.inner_right_top_link {width:663px; }
.inner_right_top_link p {font:bold 11px/39px Arial, Helvetica, sans-serif; color:#6a6a6a; text-decoration:none; padding:0 0 0 0 !important;}
.inner_right_top_link p a {font:bold 11px/39px Arial, Helvetica, sans-serif; color:#6a6a6a; text-decoration:none; padding:0 0 0 0 !important;}
.inner_right_top_link p a:hover {color:#fb991b;}
.inner_right_top_link p a.active {color:#fb991b;}
.inner_right img {padding:0 0 30px 0;}
.inner_right p {font:normal 13px/20px Arial, Helvetica, sans-serif; color:#4a4a4a; padding:0 0 10px 0;}
.inner_right p.navi {font:normal 11px/39px Arial,Helvetica,sans-serif; color:#fb991d; padding:0 0 29px 0;}
.inner_right .author {margin:-10px 0 15px 10px; font-weight:bold; padding-bottom:20px; border-bottom:solid 1px #ccc;}
/*--------------------------- InnerPage Css End ------------------------------*/
a.scrolllink {color:#fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
a:hover.scrolllink {color:#fb991d;}
ul {list-style: disc inside none; margin: 0 auto; }
a,a:visited {color:#999; }
a:hover,a:active {color:#4A8EB9; }
ul.ads {list-style: none inside none; margin: 12px 43px; padding: 0;}
ul.ads li {padding: 3px 0;}
ul.ads li img {border: #222 2px solid;}
/*------ ChurchWeb ------------*/
.gallery_vid {display: block; padding-right: 20px; float: left; height: 230px; width:200px; margin-bottom:6px;}
.gallery_vid2 {display: block; padding-right: 20px; float: left; margin-bottom:6px;}
.gallery_vidlast {display: block; padding-right: 20px; float: left; height: 230px; width:200px; margin-bottom:6px;}
.vidcategory {font-size:13px; font-weight:bold; font-style:italic; color:#bbbbbb; text-align:center;}
.vidtitle {font-size:14px; font-weight: bolder; color:#888888; text-align:center;}
.catcontainer {margin: 0 auto; padding: 4px 0 18px;}
.cats {display:inline;}
ul.cats {list-style:none inside none; display:inline;}
ul.cats>li {display:inline; text-align: center; padding: 0 11px;}
ul.cats>li a {text-align: center; text-decoration:none; color:#fb991d; font-weight:bold;}
gallery_vidlast:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
table.signup {border-collapse:collapse;}
table.signup tr {padding:3px 0;}
table.signup td {padding:7px 0 3px;}
.termsofuse {font-size:10px; margin-top:16px; text-align:center;}
#donatechoiceForm input.submit {background:url(/images/forms/submit.png) no-repeat 0 0; width:113px; height:27px; border:0; text-indent:-9999px;}
#donatechoiceForm input.submit:hover {background:url(/images/forms/submit.png) no-repeat 0 -27px;}
/* Registration Page-------------------------------- */
#subscribe_banner {display: block; width: 591px; height: 151px; background: url(/images/forms/subscribe_banner.jpg) no-repeat left top; margin-top:15px;}
#subscribe_form {float: left;}
#subscribe_form h1 {color: orange; margin: 10px;}
#subscribe_form td label {text-transform: uppercase;}
#subscribe_form td input[type="text"],
#subscribe_form td input[type="password"] {
background: url("/images/forms/input.jpg") repeat-x scroll left top transparent;
border: 1px solid #D0D0D0;
font-size: 12px;
height: 15px;
margin: 0;
padding: 1px 0 4px;
width: 200px;
}
#subscribe_form fieldset {margin: 10px;}
#subscribe_form legend {font-size: 15px; font-weight: bold; color: #000; margin: 5px; text-transform: uppercase;}
#subscribe_form legend span {display:block; font-size:10px; color:#ff0000; text-transform:none;}
.inner_right legend img {display:block; padding-bottom:5px;}
#subscribe_submit {border: none; padding: 0; text-indent: -999px; font-size: 0; line-height: 0; display: block; width: 113px; height: 27px; background: url(/images/forms/submit.png) no-repeat left top;}
#subscribe_submit:hover {background: url(/images/forms/submit.png) no-repeat 0 -28px;}
#subscribe_testimonials {float: left; display: block; background: url(/images/forms/temimonials.jpg) no-repeat left top; width: 209px; height: 377px; margin: 50px 0 0 5px;}
.errors {background-color:#ccc; padding:10px; margin:5px; width:561px; color:#ff0000; font-size:14px; font-weight:bold;}
#donate_header {display: block; width: 503px; height: 192px; margin-top: 30px; background: url(/images/donate-slider_small_two.png) no-repeat left top;}
#loginForm input.input {margin:0; padding:5px; border:1px solid #d0d0d0; background:url(/images/forms/input.jpg) repeat-x left top; width:200px; height:12px; font-size:12px;}
#loginForm input.submit {background:url(/images/forms/login.png) no-repeat 0 0; width:113px; height:27px; border:0; text-indent:-9999px;}
#loginForm input.submit:hover {background:url(/images/forms/login.png) no-repeat 0 -27px;}
#forgot_password_form input.submit {background:url(/images/forms/submit.png) no-repeat 0 0; width:113px; height:27px; border:0; text-indent:-9999px;}
#forgot_password_form input.submit:hover {background:url(/images/forms/submit.png) no-repeat 0 -27px;}
div.inner_right h1 {
padding: 40px 0 30px;
}
label {
padding:0 20px 5px 10px;
}
input {
margin: 0 0 10px 0;
}
select {
margin: 0 40px 10px 0px;
}
/* Subscription Cancellation Page-------------------------------- */
.subscription-cancel-button {
padding-left: 10px;
}