﻿
@media all
{

    /* CSS Document */
    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, 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;
        vertical-align: baseline;
        font-family: "franklin-gothic-urw" ,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #444;
    }



    /* remember to define focus styles! */
    :focus
    {
        outline: 0;
    }

    body
    {
        line-height: 1;
        color: black;
        background: white;
    }

    ol, ul
    {
        list-style: none;
    }



    /* tables still need 'threeForth' in the markup */
    table
    {
        border: solid 0px;
        border-collapse: separate;
        border-spacing: 0;
    }

    caption, th, td
    {
        text-align: left;
        font-weight: normal;
    }

    *, *:before, *:after
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body
    {
        font-size: 15px;
        margin: 0;
        width: 100%;
        color: #444444;
        font-family: "franklin-gothic-urw" ,sans-serif;
        font-style: normal;
        font-weight: 400;
    }

    p, a, li, em
    {
        font-size: 16px;
        line-height: 1.5em;
        font-family: "franklin-gothic-urw" ,sans-serif;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .03em;
    }

    em
    {
        font-size: 16px;
        line-height: 1.5em;
        font-family: "franklin-gothic-urw" ,sans-serif;
        font-style: italic;
        font-weight: 400;
        letter-spacing: .03em;
    }

    h1, h2, h2 a, h3, h4
    {
        line-height: 1.1em;
        font-family: "franklin-gothic-urw-cond" ,sans-serif;
        font-style: normal;
        font-weight: 500;
    }

    a
    {
        color: #ab1a2d;
        text-decoration: none;
    }

    a:hover
    {
        text-decoration: underline;
    }

    section, header, footer, nav
    {
        display: block;
    }

    img
    {
        border: 0;
        vertical-align: top;
        max-width: 100%;
    }

    form, fieldset
    {
        border: 0;
        padding: 0;
        margin: 0;
    }

    h1
    {
        font-size: 3em;
        margin: 0 0 0.35em;
        color: #e17c00;
    }

    h2, h2 a
    {
        font-size: 2em;
        margin: 0 0 0.25em;
        color: #0f594e;
        font-weight: 500;
    }

    h2 a
    {
        font-size: 1em;
        font-weight: 500;
        text-decoration: none;
    }

    h3
    {
        font-size: 1.6em;
        margin: 0 0 0.25em;
        color: #5c4924;
    }

    h3 a:hover
    {
        color: #ab1a2d;
    }

    ol, ul
    {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    ul li
    {
        list-style-type: disc;
    }

    ol li
    {
        list-style-type: decimal;
    }

    li
    {
        padding: 0 0 0.5em .5em;
        margin-left: 1em;
    }

    p
    {
        margin: 0 0 1em;
    }

    strong
    {
        font-size: 1em;
        font-weight: 700;
    }

    hr
    {
        color: #c00;
        background-color: #c00;
        height: 1px;
        border: none;
    }

    td
    {
        border: 1px solid #aaa;
    }

    .more
    {
        float: right;
        display: inline-block;
    }

    .imageright
    {
        float: right;
        margin: 15px 0 5px 10px;
        border: 1px solid #eee;
    }

    .imageleft
    {
        float: left;
        margin: 15px 10px 5px 0;
        border: 1px solid #eee;
    }

    .readmore
    {
        text-align: right;
        text-decoration: underline;
    }

    .image50
    {
        width: 50%;
    }

    .image33
    {
        width: 33%;
    }

    .imageshadow
    {
        -moz-box-shadow: 3px 3px 5px #aaa;
        -webkit-box-shadow: 3px 3px 5px #aaa;
        box-shadow: 3px 3px 5px #aaa;
    }

    .readmore
    {
        text-align: right;
        text-decoration: underline;
    }

    .justifyright
    {
        text-align: right;
    }

    .justifyleft
    {
        text-align: left;
    }

    .hidden
    {
        display: none;
    }

    .box-main:after, .center:after
    {
        content: "";
        clear: both;
        display: block;
    }

    .right
    {
        float: right;
    }

    .left
    {
        float: left;
    }

    .alignLeft
    {
        float: left;
        margin-right: 1em;
    }

    .alignRight
    {
        float: right;
        margin-left: 1em;
    }

    .fullWidth
    {
        width: 100%;
    }

    .fullWidth img
    {
        width: 100%;
    }

    .row
    {
        width: 100%;
        padding: 0;
    }

    .row:after
    {
        content: "";
        display: block;
        clear: both;
    }

    .columns
    {
        width: 100%;
    }

    .columns:after
    {
        content: "";
        display: block;
        clear: both;
    }

    .columns > div
    {
        float: left;
        vertical-align: top;
    }

    .columns h2
    {
        text-align: left;
    }

    .half
    {
        width: 48.0%;
        margin-right: 1%;
        float: left;
    }

    .oneThird
    {
        width: 31.5%;
        margin: 1%;
    }

    .twoThird
    {
        width: 64%;
        margin: 1%;
    }

    .columns > div:first-child, .columns > article:first-child
    {
        margin-left: 0;
    }

    .oneThird + .oneThird + .oneThird, .threeForth + .oneForth, .oneForth + .half
    {
        float: right;
        margin-right: 0;
    }

    .oneForth
    {
        width: 26%;
        margin-right: 0%;
    }

    .threeForth
    {
        width: 73.5%;
        padding-right: 5%;
    }

    .video-wrapper
    {
        width: 33%;
        max-width: 100%;
    }

    .video-container
    {
        position: relative;
        padding-bottom: 61.15%;
        padding-top: 0px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe, .video-container object, .video-container embed
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }



    /* forms */

    form, fieldset
    {
        padding: 0;
        margin: 0;
        border: 0;
    }

    input:focus, textarea:focus, select:focus
    {
        border: 1px solid #222;
        outline: none;
    }

    input, select, textarea, label, form span
    {
        background: #fff;
        font: 1em/1.214em Arial, Helvetica, sans-serif;
        color: #444;
        resize: none;
        float: left;
        display: block;
        width: 98%;
        margin-right: 1%;
    }

    form span
    {
        display: inline-block;
        width: 80%;
    }

    input, select, textarea
    {
        border: 1px solid #aaa;
        padding: 0.75em 1.5em;
    }

    textarea
    {
        overflow: auto;
        height: 10.812em;
    }

    #city, #state, #zip
    {
        float: left;
        margin-right: 10px;
        width: 30%;
    }

    label
    {
        margin-top: 1em;
        margin-bottom: .25em;
    }

    .error
    {
        color: #E41124;
        padding: 2px 5px;
    }

    #workemail
    {
        position: absolute;
        left: -10000px;
    }

    .form-buttons input
    {
        width: 25%;
        background-color: #e17c00;
    }


    .form input[type="checkbox"]
    {
        width: 30px;
        display: inline-block;
        border: 0;
        padding: 0;
        clear: left;
        float: left;
    }

    input[type=submit]
    {
        width: 100px;
        margin-top: 20px;
        color: #fff;
        border: 0;
    }

    input[type=submit]:hover
    {
        cursor: pointer;
        background-color: #0f594e;
        color: #fff;
    }


    ::-webkit-input-placeholder
    {
        color: #444;
    }

    :-moz-placeholder
    {
        color: #444;
    }



    /* Main styles */
    .pagewidth
    {
        width: 100%;
    }

    .center
    {
        max-width: 960px;
        width: 98%;
        margin: 0 auto;
    }

    header
    {
        width: 100%;
    }

    header .center
    {
        text-align: center;
    }


    #logo
    {
        max-width: 960px;
        margin: auto;
        padding: 40px 0 10px;
    }

    #logo img
    {
        width: 329px;
        height: 118px;
    }

    #page1 .half
    {
        width: 46%;
        padding: 0 .5% 0 0;
        margin: 0;
        background-color: #fff;
        overflow: hidden;
    }

    .above-content .half
    {
        overflow: hidden;
    }

    #page1 .oneForth img:nth-of-type(1)
    {
        padding-bottom: 2.5%;
    }

    .above-content .oneForth
    {
        width: 25.5%;
        padding: 0 .5% 0 0;
        margin: 0;
        background-color: #fff;
        overflow: hidden;
    }

    #page1 .text-box
    {
        width: 27%;
        margin: 0 0 0 .5%;
    }

    #page1 .text-box
    {
        color: #fff;
        text-align: center;
        background-color: transparent;
    }

    .big-text
    {
        font-size: 9em;
        color: #fff;
        margin: 0;
        line-height: 1.25em;
        text-align: center;
        font-family: "goudy-old-style" ,sans-serif;
        font-style: normal;
        font-weight: 400;
    }

    #page1 .big-text
    {
        padding-top: 10%;
    }
    .PageTable TABLE, TD
    {
        border: solid 0px;
        font-family: "goudy-old-style" ,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        padding-left: 2px;
        padding-right:2px;
    }
    .PageTD
    {
        border: solid 0px;
        text-align: center;
        vertical-align: middle;
        color:White;
        width: 33%;
    }
    .PageTable TR
    {
        height: 30px;
    }

    .small-text
    {
        font-size: 1.8em;
        color: #fff;
        margin: 0;
        line-height: 1.05em;
        margin-bottom: 2em;
        font-weight: 400;
        text-align:justify;
    }

    section:nth-of-type(2)
    {
        padding-top: 40px;
    }

    #content .sidebar
    {
        padding: 1em 0 1em 2%;
    }

    #content .sidebar em
    {
        font-family: "franklin-gothic-urw" ,sans-serif;
        font-style: italic;
        font-weight: 400;
        color: #5a4a25;
    }

    .submenu li
    {
        list-style-type: none;
    }

    .submenu li a
    {
        text-decoration: none;
    }

    .submenu li a:hover
    {
        text-decoration: underline;
    }

    #footer
    {
        margin-top: 20px;
    }

    #footer p
    {
        font-size: 95%;
    }

    #footer a
    {
        font-size: 95%;
    }

    #copyright
    {
        float: left;
        margin-top: 10px;
    }



    /***************  Drop Down Menu Style **************/

    .slicknav_menu
    {
        display: none;
    }

    .slicknav_menu li.last
    {
        float: none;
    }

    .dropdownmenu
    {
        padding-left: 0px;
        clear: both;
        background-color: #e17c00;
    }

    .dropdownmenu ul
    {
        padding: 0;
        position: relative;
        z-index: 500;
        max-width: 1027px;
        margin: auto;
        text-align: center;
    }

    .dropdownmenu ul li
    {
        padding: 0 3.11%;
        margin: 0;
        float: none;
        height: 2.9em;
        display: inline-block;
    }

    .dropdownmenu ul li.last
    {
        margin-right: 0;
        padding-right: 0;
    }

    .dropdownmenu ul li.first
    {
        margin-left: 0;
        padding-left: 0;
    }

    .dropdownmenu ul li a
    {
        color: #fff;
        line-height: 2.9em;
        font-family: "franklin-gothic-urw" ,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
    }

    .dropdownmenu ul li a
    {
        padding: 0;
    }

    .dropdownmenu ul li ul
    {
        color: #fff;
    }

    .dropdownmenu ul li a:hover, .dropdownmenu ul li.active a
    {
        color: #0f594e;
    }



    /* vertical align content */
    .text-box-inner img
    {
        width: 100%;
        float: left;
    }

    .text-box
    {
        display: table;
        right: auto;
    }

    .text-box-inner
    {
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        width: 50%;
    }

    .big-text
    {
        font-size: 8vw;
    }



    /* Accordion */

    .accordionheading
    {
        cursor: pointer;
    }

    .accordionheading h3:hover
    {
        color: #ab1a2d;
    }

    .accordioncontent
    {
        padding-left: 15px;
        margin-bottom: 1em;
    }

    .closed .down-triangle
    {
        display: none;
    }

    .closed .right-triangle
    {
        display: inline-block;
    }

    .open .down-triangle
    {
        display: inline-block;
    }

    .open .right-triangle
    {
        display: none;
    }

    .right-triangle
    {
        width: 0px;
        float: left;
        margin: 6px 6px 0 0;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 5px 0 5px 7px;
        border-color: transparent #0f594e transparent;
    }


    .down-triangle
    {
        width: 0px;
        float: left;
        margin: 8px 3px 0 0;
        height: 0px;
        border-style: solid;
        border-width: 7px 5px 0 5px;
        border-color: #0f594e transparent transparent;
    }



    /******* make standard embedded google maps responsive ********/
    #google-map
    {
        position: relative;
        padding-bottom: 56%;
        height: 0;
        overflow: hidden;
    }

    #google-map iframe
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }



    /**** For responsive custom google map with API ****/
    #map_container
    {
        position: relative;
        width: 80%;
        margin: 100px 0 0;
    }

    #map
    {
        height: 0;
        overflow: hidden;
        position: relative;
        width: 80%;
        margin: auto;
        padding-bottom: 42.25%;
        padding-top: 30px;
    }

    #map #content img
    {
        max-width: 40px;
    }

    #map #content h1
    {
        font-size: 1.5em;
    }

    .docnotfound li
    {
        list-style-type: none;
    }

    .docnotfound .last
    {
        float: none;
    }



    /* clearing */
    .stretch, .clear
    {
        clear: both;
        height: 1px;
        margin: 0;
        padding: 0;
        font-size: 15px;
        line-height: 1px;
    }

    .clearfix:after
    {
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
        content: ".";
    }

    .clearfix
    {
        display: inline-block;
    }



    /* Hide from IE Mac \*/
    .clearfix
    {
        display: block;
    }
    /* End hide from IE Mac */

    /* end clearing */
}

/* End Media Query */

@media all and (max-width: 1024px)
{
}


@media all and (max-width: 978px)
{
    .dropdownmenu ul li
    {
        padding: 0 2.0%;
    }
}


@media all and (max-width: 809px)
{
    .dropdownmenu ul li
    {
        padding: 0 .750%;
    }
}


@media all and (max-width: 788px)
{
    .dropdownmenu ul li a
    {
        padding: 0 .25%;
    }
}


@media all and (max-width: 723px)
{
    .js #menu
    {
        display: none;
    }
    .js .slicknav_menu
    {
        display: block;
    }
}


@media all and (max-width: 670px)
{

}


@media all and (max-width: 600px)
{

    .columns > div, #page1 .half, #page1 .oneForth
    {
        float: none;
        margin: 0;
        width: 100%;
    }
    #page1 .half img
    {
        margin-bottom: 2.5%;
    }
    #page1 .text-box
    {
        padding: 1em 3em 2em;
    }
    #page1 .image-box
    {
        display: none;
    }

}

@media all and (max-width: 504px)
{

}

@media all and (max-width: 320px)
{
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px)
{

}

