/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline; }

/* Global properties ======================================================== */
html, body { width: 100%; padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; color: #777777; min-width: 980px; background: #eff0f0; }
/***********************************************************************/

a { text-decoration: none; cursor: pointer; }
    a:hover { text-decoration: none; }

    a.button { background: url(../../Images/button.jpg) 0 0 repeat-x #13b2e2; font-family: Arial, Helvetica, sans-serif; color: #fefefe; font-size: 12px; line-height: 15px; text-transform: uppercase; text-shadow: #19a8c8 1px 1px 1px; box-shadow: #d9dada 1px 2px 2px; padding: 10px 17px 11px 17px; display: inline-block; border-radius: 5px; }
        a.button:hover { background: #00d2ff; }

.link { text-decoration: none; cursor: pointer; color: #2e2e2e; font-size: 11px; line-height: 15px; text-transform: uppercase; background: url(../../Images/link.gif) right 5px no-repeat; padding-right: 10px; display: inline-block; }
a.link:hover { color: #00c8f2; }
.link-1 { text-decoration: none; cursor: pointer; color: #4eb0d8; font-size: 13px; line-height: 17px; text-transform: uppercase; background: url(../../Images/link.gif) right 7px no-repeat; padding-right: 7px; display: inline-block; }
a.link-1:hover { color: #fff; }

.color-1 { font-size: 13px; line-height: 22px; color: #181818; font-weight: bold; }
a.color-1:hover { color: #00c8f2; }
.color-2 { font-size: 13px; line-height: 22px; color: #00c8f2; }
a.color-2:hover { text-decoration: underline; }

.text-1 { font-family: 'Oswald', sans-serif; color: #212121; font-size: 30px; line-height: 36px; text-transform: uppercase; }
.text-2 { font-family: 'Oswald', sans-serif; color: #595959; font-size: 18px; line-height: 28px; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; }
.text-3 { font-family: 'Oswald', sans-serif; font-size: 14px; line-height: 17px; color: #2e2e2e; text-transform: uppercase; }

h2 { font-family: 'Oswald', sans-serif; font-size: 40px; line-height: 48px; color: #212121; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; }
h3 { font-family: 'Oswald', sans-serif; font-size: 24px; line-height: 30px; color: #2e2e2e; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; }
h4 { font-family: 'Oswald', sans-serif; font-size: 30px; line-height: 38px; color: #2e2e2e; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; }
h5 { font-family: 'Oswald', sans-serif; font-size: 18px; line-height: 24px; color: #222; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; }

ul { margin: 0; padding: 0; list-style-image: none; }
    ul.list-1 li { padding: 0px 0 0px 21px; line-height: 36px; background: url(../../Images/marker.gif) 0 10px no-repeat; }
        ul.list-1 li a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #868686; line-height: 36px; text-transform: uppercase; }
            ul.list-1 li a:hover { color: #00c8f2; }

    ul.list-2 li { padding: 0px 0 5px 12px; line-height: 21px; background: url(../../Images/marker-2.gif) 0 9px no-repeat; }
        ul.list-2 li a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #8e8e8e; line-height: 21px; }
            ul.list-2 li a:hover { color: #00c8f2; }

/******************************************************************/
.clear { clear: both; line-height: 0; font-size: 0; width: 100%; }
.wrapper { width: 100%; overflow: hidden; position: relative; }
.wrap { overflow: hidden; position: relative; }
.extra-wrap { overflow: hidden; }
.fleft { float: left; }
.fright { float: right; }

.line_height { line-height: 24px !important; }
.img-indent { float: left; margin: 0 12px 0px 0; }
.img-indent2 { float: left; margin: 6px 20px 0px 0; }
.last { margin-right: 0px !important; }

.border-shadow { box-shadow: 0 0 5px rgba(218, 218, 218, 1); border: #fff 10px solid; }

.left-1 { margin-left: 30px; }

.right-1 { margin-right: 70px; }

.top-1 { margin-top: 73px; }
.top-2 { margin-top: 15px; }
.top-3 { margin-top: 24px; }
.top-4 { margin-top: 76px; }
.top-5 { margin-top: 8px; }
.top-6 { margin-top: 22px; }
.top-7 { margin-top: 64px; }
.top-8 { margin-top: 27px; }

.bot-0 { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.bot-1 { margin-bottom: 25px; }

.pad-1 { margin: 20px 0 20px 0; }
.pad-2 { margin: 29px 0 20px 0; }
.pad-3 { margin: 15px 0 11px 0; }
.pad-4 { margin: 24px 0 11px 0; }

.p1 { padding-bottom: 20px; }

/* Lightbox image */
.lightbox-image { display: inline-block; position: relative; }
    .lightbox-image img.magnify { position: absolute; width: 0px; height: 0px; left: 50%; top: 50%; }

/*********************************header*************************************/
header { width: 100%; z-index: 99; position: relative; min-height: 729px; overflow: hidden; background: url(../../Images/bg.gif) 0 0 repeat; border-bottom: #dee0e0 7px solid; }
.header-sub-pages { min-height: 365px !important; overflow: visible !important; }
.head-content { width: 940px; z-index: 2; position: relative; margin: 0px auto 1px auto; }
.sub-pages { width: 100%; background: url(../../Images/sub-pages.jpg) center bottom no-repeat; min-height: 365px !important; }
h1 { float: left; margin-top: 31px; margin-bottom: 98px; }
/**** CHANGED FROM margin-top:51px (jhoiby) ****/

.tagline {
    display: block;
    float: left;
    text-align: center;
    margin-top: 38px;
    margin-left: 100px;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    line-height: 17px;
    color: #294770;
    font-weight: normal;
    text-transform: uppercase;
}

.taglineattrib {
    display:block;
    float: right;
    font-size: 10px;
    line-height: 12px;
    margin-top: 0px;
    font-style: italic;
}

.taglinephone {
    clear: both;
    display: block;
    float: right;
    text-align: center;
    font-size: 36px;
    margin-top: 30px;
    margin-right: 25px;
}

.nav { position: absolute; left: 0; top: 191px; }
nav { background: url(../../Images/nav.jpg) 0 0 repeat; display: inline-block; margin: 0 auto; box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.navbright { color: white !important; }

#form-minilogon { float: right; font-size: 9px; margin-top: 70px; margin-right: 32px; }
    #form-minilogon input { width: 100px; height: 18px; font-size: 9px; }
.minilogon_button { float: right; font-size: 10px; text-transform: uppercase; color: #dee0e0; background-color: #2e2e2e; width: 100px; }
#form-minilogout { float: right; font-size: 12px; margin-top: 70px; margin-right: 32px; }
    #form-minilogout input { width: 100px; height: 18px; font-size: 9px; }
.minilogout_button { float: right; font-size: 10px; text-transform: uppercase; color: #dee0e0; background-color: #2e2e2e; width: 100px; border: none; margin: 0px; padding: 0px; }
    .minilogout_button:hover { background-color: #00c8f2; }

/*********************************content*************************************/
#content { width: 960px; margin: 0 auto; padding-bottom: 64px; }

.block-1 { text-align: center; background: url(../../Images/line.gif) 0 5px repeat-x; margin: 41px 0 38px 0; }
    .block-1 .text-1 { display: inline-block; background: #eff0f0; padding: 0 33px 15px 33px; }
    .block-1 .text-2 { }
    .block-1 a { display: inline-block; font-family: 'Oswald', sans-serif; color: #212121; font-size: 18px; line-height: 28px; text-transform: uppercase; margin-top: 8px; }
        .block-1 a > span { display: inline-block; background: url(../../Images/span-l.gif) 0 7px no-repeat; padding-left: 20px; }
            .block-1 a > span span { display: inline-block; background: url(../../Images/span-r.gif) right 7px no-repeat; padding-right: 20px; }
        .block-1 a:hover { color: #1ec7eb; }

.block-2 { float: left; width: 260px; text-align: center; padding: 0 20px 0 20px; }
.h2-bg { background: url(../../Images/h2-bg.png) center 0 no-repeat; display: inline-block; padding-top: 51px; margin-bottom: 24px; }
.block-2 .button { margin-top: 38px; }

.line { border-top: #bcbcbc 1px solid; border-bottom: #bcbcbc 1px solid; padding-top: 48px; padding-bottom: 77px; }
.line-2 { border-left: #d1d1d1 1px solid; border-right: #d1d1d1 1px solid; padding: 0 30px 0 30px; margin: 0 10px; width: 258px !important; }
.line-3 { border-top: #bcbcbc 1px solid; margin-top: 76px; padding-top: 74px; border-bottom: #bcbcbc 1px solid; padding-bottom: 78px; margin-bottom: 73px; }
.line-4 { border-top: #bcbcbc 1px solid; margin-top: 82px; padding-top: 72px; }

.block-3 { overflow: hidden; background: #e8e9e9; padding: 18px 13px 19px 12px; border: #f4f5f5 1px solid; }
    .block-3:hover { background: #d3d5d5; border: #f2f2f2 1px solid; }
    .block-3 .extra-wrap { padding-top: 5px; }
    .block-3 p a { color: #7c7c7c; }
        .block-3 p a:hover { color: #fff; }
.img-border-1 { border: #d6d6d6 1px solid; }
.img-border-2 { border: #fff 1px solid; box-shadow: #dfe0e0 0 2px 3px; }
.img-right {
    float: right;
}

.block-4 { background: #eaeaea; border: #f4f5f5 1px solid; overflow: hidden; padding: 17px 14px 20px 12px; }
    .block-4 img { float: left; margin-right: 9px; }

.block-5 { overflow: hidden; }
    .block-5 p { float: left; width: 220px; margin-right: 14px; }
    .block-5 a { float: left; display: inline-block; }

.ban-1 { margin: 29px 47px 0 0; }
.ban-2 { margin: 47px 54px 0 0; }
.ban-3 { margin: 47px 45px 0 0; }
.ban-4 { margin: 47px 0px 0 0; }

.block-6 { float: left; width: 400px; margin-top: 18px; }
    .block-6 img { margin: 27px 0 32px 46px; }
.block-7 { float: left; width: 511px; margin-left: 27px; margin-top: 25px; }

.box-1 { overflow: hidden; background: #e8e9e9; padding: 18px 13px 14px 21px; border: #f4f5f5 1px solid; }
.number { width: 47px; height: 47px; text-align: center; background: url(../../Images/number.png) 0 0 no-repeat; font-family: 'Oswald', sans-serif; font-size: 14px; line-height: 47px; color: #2e2e2e; display: block; font-weight: normal; float: left; margin: 3px 15px 0 0; }
.box-1 p.text-3 { margin-bottom: 5px; }
.block-8 { margin-top: 65px; }
    .block-8 .wrap { }
        .block-8 .wrap img { float: left; margin-top: 26px; margin-right: 32px; }
        .block-8 .wrap p { margin-top: 20px; overflow: hidden; }

.table-title { font-family: 'Oswald', sans-serif; color: #1ec7eb; font-size: 18px; line-height: 28px; text-transform: uppercase; }
.table { border-bottom: #bcbcbc 1px solid; }
table span { color: #000; }
table th { text-align: left; color: #000; font-weight: bold; padding: 8px 0 8px 0; }
table tr td { padding-bottom: 26px; }
.col-1 { width: 320px; padding-right: 80px; }
.col-2 { width: 300px; padding-right: 20px; }
.col-3 { width: 220px; }
    .col-3 a:first-child { margin-right: 9px; }
col .list-column { margin-right: 5px; margin-left: 5px; padding-right: 10px; }

.list-table table { width: 960px; }
.list-table td { padding-right: 12px; }

.block-9 p.color-1 { margin-top: -3px; }
.block-9 .wrap { margin-top: 8px; }

.ital { font-style: italic; }

.testimonial-quote {
    display: block;
    text-align: center;
    margin-top: 70px;
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    line-height: 27px;
    font-weight: normal;
    width: 60%;
}

.testimonial-quote-left {
    float: left;
    padding-right: 100px;
}

.testimonial-quote-right {
    float: right;
    padding-left: 100px;
}

.testimonial-quote-left {
    float: left;
}

.testimonial-attribution {
    display:block;
    float: right;
    padding-top: 10px;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px;
    font-style: italic;
}

.error {
    color: red !important;
}
.success {
    color: green !important;
}

form .button { font-size: 10px; text-transform: uppercase; color: #dee0e0; background-color: #2e2e2e; width: 100px; height: 18px; margin-top: 12px; padding: 1px; }
form .button:hover { background-color: #00c8f2; }

form .fillbutton { margin-top: 0px !important;}

form textarea { height: 100px; }

/****************************aside************************/
aside { width: 960px; margin: 0 auto; position: relative; overflow: hidden; }
.aside-border { border-top: #dcdcdc 1px solid; padding: 34px 0 0 0; }
aside h5 { padding-bottom: 15px; }
.icons { margin-top: 5px; }
    .icons li { padding: 0px 0 5px 0px; line-height: 21px; }
.icon-1 { background: url(../../Images/icon-1.png) 0 0 no-repeat; }
.icon-2 { background: url(../../Images/icon-2.png) 0 0 no-repeat; }
.icon-3 { background: url(../../Images/icon-3.png) 0 0 no-repeat; }
.icons li a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #8e8e8e; line-height: 21px; padding-left: 40px; display: inline-block; }
    .icons li a:hover { color: #00c8f2; }

/****************************footer************************/
footer { width: 940px; margin: 0 auto; position: relative; overflow: hidden; padding: 29px 0 20px 0; }
    footer p { overflow: hidden; }
        footer p strong { font-family: 'Oswald', sans-serif; font-size: 24px; line-height: 30px; color: #2e2e2e; font-weight: normal; text-transform: uppercase; display: inline-block; float: left; }
        footer p span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #0b0b0b; float: left; display: inline-block; text-transform: uppercase; margin: 14px 0 0 10px; }
    footer a { text-decoration: none; color: #8d8d8d; }
        footer a:hover { text-decoration: underline; }
    footer img.footer-img { margin: -3px 14px 0 14px; }
.disclaimer { text-transform: none; }
.verse { font-weight: bold; color: #294770; }

.tooltops { width: 220px; height: 30px; float: right; margin: 26px 14px 0 0; text-align: right; }
a.tooltip { margin-left: 11px !important; }
.tooltips a:hover img { opacity: .7; }

/**********************form**********************/
.map { width: 269px; height: 292px; margin: 26px 0 0 0; }
    .map iframe { width: 269px; height: 292px; }
dl { margin: 13px 0px 0 0px; float: left; }
    dl dt { }
    dl dd span { display: block; width: 73px; float: left; }
    dl dd { }
        dl dd a { }
#form { margin: 27px 0 0px 0px; width: 541px; }
    #form input { border: #dddddd 1px solid; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #7c7c7c; padding: 8px 1px 11px 18px; outline: medium none; width: 200px; height: 16px; float: left; }
    #form textarea { border: #dddddd 1px solid; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #7c7c7c; height: 208px; outline: medium none; overflow: auto; padding: 18px 0px 0px 18px; width: 521px; resize: none; margin: 0px 0 0 0; float: left; }
    #form label { position: relative; display: block; min-height: 55px; }
    #form .error, #form .empty { color: #FF0000; display: none; font-size: 10px; line-height: 14px; width: 200px; float: left; margin-top: 2px; }
    #form .error-empty { margin: 4px 0 0 5px !important; display: none; float: left; }
    #form .success { display: none; }
.btns { text-align: right; width: 541px; position: relative; overflow: hidden; }

    .btns a { margin: 13px 3px 3px 17px; }

.text-box-wide { width: 400px; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000 !important; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000 !important; background-color: #ffeeee !important; }
.validation-summary-errors { font-weight: bold !important; color: #ff0000 !important; }
.validation-summary-valid { display: none; }

/* More form stuff
    -------------------------------------------------------*/
input, select, textarea {
    border-bottom: solid;
    border-left: solid;
    border-top: none; 
    border-right: none;
    border-color: #777777;
    border-width: 1px;
    margin-top: 2px;
    margin-bottom: 3px;
    padding: 1px;
}

.request-editor { float: left; clear: left;}
    .request-editor label { width: 150px; float: left; margin-right: 20px; }
    .request-editor input { width: 250px; }
    .request-editor textarea { width: 250px; height: 100px; }
    .request-editor .left { text-align: left; }
    .request-editor .color-1 { margin-top: 9px; margin-bottom: 4px; }
    /*.request-editor p { float: left; clear: left; padding-top: 14px; padding-bottom: 14px; }*/


/* General fill-in form
    -------------------------------------------------------*/

.editor { float: left; clear: left; }
    .editor label { width: 150px; float: left; margin-right: 20px; }
    .editor input { width: 250px; }
    .editor textarea { border: #999999 1px solid; width: 250px; height: 100px; }
.message-success { color: green; padding-top: 14px; padding-bottom: 14px; }
.message-error { color: red; padding-top: 14px; padding-bottom: 14px; }


/* Data tables
    -------------------------------------------------------*/

table.data { width: 940px; line-height: 18px; padding-bottom: 0px; }

    table.data td { padding: 2px 6px 2px 6px; }

    table.data th { padding: 4px 6px 4px 6px; background-color: #2e2e2e; color: #dee0e0; }

/* Biblical verse
    --------------------------------------------------------*/
.verse {
    font-weight: bold;
}