body
{
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #2f2f2f;
}

a
{
    text-decoration: none;
    color: #8d2a21;
}

hr
{
    border-bottom: solid 1px #60692c;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

h1
{
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
    font-size: 1.9em;
    line-height: 1.9;
    font-weight: 400;
    color: #8d2a21;
}

h2
{
    color: #8d2a21;
    font-weight: 400;
    font-size: 1.3em;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
    text-align: left;
}

h3
{
    color: #8d2a21;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    text-align: left;
}

h4
{
    color: #8d2a21;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    text-align: left;
}

p
{
    margin: 0 0 15px 0;
}

header
{
    background-color: #ffffff;
    position: relative;
}
header .upper
{
    border-bottom: solid 1px #dfdfdf;
}

header .upper .icons
{
    margin-right: 10px;
}

header .upper .icons a
{
    display: inline-block;
    margin: 10px 10px 10px 0;
    padding-right: 10px;
    border-right: solid 1px #dfdfdf;
    line-height: 30px;
    color: #8d2a21;
}

header .upper .icons a .text
{
    margin-left: 5px;
}
    header .upper .icons a:last-child
    {
        display: inline-block;
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }

header .lower nav
{
    float: right;
}

    header .upper .springs
    {
        position: relative;
        top: 8px;
        /*display: none;*/
        display: inline-block;
    }

    header .lower .springs
    {
        float: right;
        margin: 16px 5px 0 15px;
        display: none;
    }

header .upper .springs img
{
    height: 25px;
}

    header .lower .mobileMenuContainer
    {
        display: none;
        margin-right: 70px;
    }

@media (max-width: 972px)
{
    header .left
    {
        position: absolute;
        top: 0;
        left: 0;
    }

        header .left img
        {
            height: 49px;
            margin: 1px 0 0 1px;
        }
}

/*@media (max-width: 829px)
{
    header .upper .springs
    {
        display: inline-block;
    }

    header .lower .springs
    {
        display: none;
    }
}*/

@media (max-width: 700px)
{
    header .left
    {
        position: initial;
        width: 50%;
        text-align: center;
    }
    header .mainRight
    {
        width: 50%;
        background-color: #f9f9f9;
    }
    header .mainRight .upper
    {
        background-color: #f0f0f0;
    }

        header .left img
        {
            height: 70px;
        }

    header .lower .mobileMenuContainer
    {
        display: block;
    }

    header .upper .springs
    {
        display: none;
    }

    header .upper .icons a
    {
        margin: 5px 10px 5px 0;
        line-height: 20px;
    }

}
@media (max-width: 480px)
{
    header .upper .icons a
    {
        padding-right: 0;
        border-right: 0;
    }

    header .upper .icons .fb, header .upper .icons .in
    {
        display: none;
    }
}
.bannerTitle
{
    position: relative;
}
    .bannerTitle .title
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
    }

        .bannerTitle .title .titleInner
        {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }
            .bannerTitle .title .titleInner h1
            {
                display: inline-block;
                background-color: rgba(0,0,0,0.5);
                color: white;
                margin: 0;
                padding: 10px;
                line-height: 1;
                font-size: 3em;
            }
.bannerTitleInner
{
    max-width: 955px;
    margin: 0 auto;
}
.scrollTop a
{
    display: block;
    background-color: #efefef;
    text-align: center;
    padding: 8px;
    margin: 15px;
    font-weight: bold;
}

@media (min-width: 601px)
{
    .scrollTop
    {
        display: none;
    }
}
footer
{
    font-size: 0.85em;
    line-height: 1.5;
}

    footer .upper
    {
        background-color: #efefef;
    }

        footer .upper .inner
        {
            max-width: 1260px;
            padding: 20px 10px;
        }

            footer .upper .inner h3
            {
                text-transform: uppercase;
            }

            footer .upper .inner h4
            {
            }

            footer .upper .inner hr
            {
                border-top: 0;
                border-left: 0;
                border-right: 0;
                border-bottom: solid 2px #cdbf79;
            }

            footer .upper .inner .tableCell
            {
                padding: 3px 6px 3px 0;
            }

            footer .upper .inner .textCenter
            {
                padding-bottom: 15px;
                font-size: 0.9em;
            }

        footer .upper .social
        {
            text-align: center;
        }

            footer .upper .social a
            {
                font-size: 3em;
                margin-right: 40px;
                color: #2c2b28;
            }

                footer .upper .social a:last-child
                {
                    margin-right: 0;
                }

        footer .upper .subscribe
        {
            text-align: center;
        }

            footer .upper .subscribe a
            {
                display: inline-block;
                font-size: 1.2em;
                /* border: solid 1px #8d2a21;
    border-radius: 5px;*/
                padding: 7px 15px;
                color: #2c2b28;
                background-color: #cfcfcf;
            }

                footer .upper .subscribe a:hover
                {
                    background-color: #8d2a21;
                    color: white;
                }

        footer .upper .links
        {
        }

        footer .upper .icons
        {
            margin-left: 20px;
        }

            footer .upper .icons a
            {
                font-size: 2em;
                display: inline-block;
                margin: 5px 5px 5px 0;
                padding-right: 10px;
                color: #8d2a21;
            }

                footer .upper .icons a:last-child
                {
                    display: inline-block;
                    margin-right: 0;
                    padding-right: 0;
                    border-right: 0;
                }

    footer .lower
    {
        background-color: #60692c;
        color: white;
    }

        footer .lower .inner
        {
            max-width: 1260px;
            padding: 10px 10px;
        }

        footer .lower .tic
        {
            color: #63b2ff;
        }

@media (max-width: 500px)
{
    footer .lower .inner
    {
        font-size: 0.8em;
    }
}

@media (max-width: 400px)
{
    footer .lower .inner
    {
        font-size: 0.7em;
    }
}

.content input[type="text"], .content input[type="password"], .content textarea, .content select
{
    border-radius: 3px;
    border: solid 1px #565655;
    padding: 5px;
}

.content input[type="button"], .content input[type="reset"], .content input[type="submit"]
{
    background-color: #565655;
    border: none;
    padding: 12px 40px;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}

.fullWidthImage
{
    display: block;
    margin-bottom: 20px;
}

/****************************************************************************************************************/
.facebookPanel
{
}

    .facebookPanel .facebookFeed
    {
        float: left;
        width: 31.33333%;
        margin: 1%;
    }

    .facebookPanel .facebookPanelContent
    {
        float: left;
        width: 66.666666%;
    }

@media (max-width: 900px)
{
    .facebookPanel .facebookFeed
    {
        display: none;
    }

    .facebookPanel .facebookPanelContent
    {
        width: 100%;
    }
}

/****************************************************************************************************************/
.threePromosHorizontal
{
    float: left;
    width: 31.3333333333333333333%;
    margin: 1%;
    text-align: center;
}

.facebookPanel .facebookPanelContent .threePromosHorizontal
{
    width: 47%;
    margin: 1.5%;
}

.threePromosHorizontal a.link
{
    display: block;
    color: #3f3f3f;
}

.threePromosHorizontal a:hover
{
    text-decoration: none;
}

.threePromosHorizontal .imageContainer
{
    position: relative;
}

.threePromosHorizontal img.promoImg
{
    width: 100%;
    display: block;
}

.threePromosHorizontal .table
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.33);
}

    .threePromosHorizontal .table:hover
    {
        background-color: rgba(0,0,0,0.67);
    }

    .threePromosHorizontal .table .tableCell
    {
        vertical-align: middle;
    }

.threePromosHorizontal h3
{
    font-size: 1.5em;
    font-weight: 300;
    margin: 0 10px;
    color: white;
    text-align: center;
}

.threePromosHorizontal .description
{
    padding-top: 10px;
}

@media (max-width: 1400px)
{
    .threePromosHorizontal h3
    {
        font-size: 1.4em;
    }
}

@media (max-width: 1200px)
{
    .threePromosHorizontal h3
    {
        font-size: 1.3em;
    }
}

@media (max-width: 1000px)
{
    .threePromosHorizontal h3
    {
        font-size: 1.2em;
    }
}

@media (max-width: 900px)
{
    .threePromosHorizontal
    {
        width: 47%;
        margin: 1.5%;
    }

        .threePromosHorizontal h3
        {
            font-size: 1.1em;
        }
}

@media (max-width: 500px)
{
    .threePromosHorizontal, .facebookPanel .facebookPanelContent .threePromosHorizontal
    {
        width: 100%;
        margin: 1.5% 0;
    }
}

/****************************************************************************************************************/

.fourPromosHorizontal
{
    float: left;
    width: 23%;
    margin: 1%;
    text-align: center;
}

    .fourPromosHorizontal a
    {
        color: #3f3f3f;
    }

        .fourPromosHorizontal a:hover
        {
            text-decoration: none;
        }

    .fourPromosHorizontal img.promoImg
    {
        width: 100%;
        display: block;
    }

    .fourPromosHorizontal h3
    {
        font-size: 1.1em;
        font-weight: bold;
        color: #3f3f3f;
        line-height: 1.2;
        text-align: center;
    }

@media (max-width: 1400px)
{
    .fourPromosHorizontal h3
    {
        font-size: 1.4em;
    }
}

@media (max-width: 1200px)
{
    .fourPromosHorizontal h3
    {
        font-size: 1.3em;
    }
}

@media (max-width: 1000px)
{
    .fourPromosHorizontal h3
    {
        font-size: 1.2em;
    }
}

@media (max-width: 900px)
{
    .fourPromosHorizontal
    {
        width: 47%;
        margin: 1.5%;
    }

        .fourPromosHorizontal h3
        {
            font-size: 1.1em;
        }
}

@media (max-width: 500px)
{
    .fourPromosHorizontal
    {
        width: 100%;
        margin: 1.5% 0;
    }
}

/***********************************************************************************************/
.articleWithRImage .right
{
    margin-left: 2%;
}

@media (max-width: 600px)
{
    .articleWithRImage .right
    {
        float: initial;
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }
}

/***********************************************************************************************/
.twoColsGreyRight
{
}

    .twoColsGreyRight .colLeft
    {
        float: left;
        width: 73%;
        margin-right: 2%;
    }

    .twoColsGreyRight .colRight
    {
        float: right;
        width: 25%;
        background-color: #ececec;
    }

        .twoColsGreyRight .colRight .colRightInner
        {
            padding: 10px;
        }
/***********************************************************************************************/
.content .whitePadded, .content .oneQuarterWhitePadded, .content .oneThirdWhitePadded, .halfWhitePadded, .content .twoThirdsWhitePadded, .content .threeQuarterWhitePadded
{
    margin: 0 1% 10px 1%;
    background-color: white;
    padding: 1% 1.5%;
}

.content .oneQuarterWhitePadded
{
    width: 20%;
    float: left;
}

.content .oneThirdWhitePadded
{
    width: 28.3333%;
    float: left;
}

.content .halfWhitePadded
{
    width: 45%;
    float: left;
}

.content .twoThirdsWhitePadded
{
    width: 61.6666%;
    float: left;
}

.content .threeQuarterWhitePadded
{
    width: 70%;
    float: left;
}

.whitePadded img, .oneQuarterWhitePadded img, .oneThirdWhitePadded img, .halfWhitePadded img, .twoThirdsWhitePadded img, .threeQuarterWhitePadded img
{
    max-width: 100%;
}

.content .defaultContent, .content .oneQuarter, .content .oneThird, .content .half, .content .twoThirds, .content .threeQuarter
{
    margin: 0 1% 10px 1%;
}

.content .oneQuarter
{
    width: 23%;
    float: left;
}

.content .oneThird
{
    width: 31.3333%;
    float: left;
}

.content .half
{
    width: 48%;
    float: left;
}

.content .twoThirds
{
    width: 64.6666%;
    float: left;
}

.content .threeQuarter
{
    width: 73%;
    float: left;
}
/*********************************************************/

.verticalSubNav
{
    text-align: left;
    text-transform: uppercase;
}

    .verticalSubNav h2
    {
        font-size: 1.5em;
        color: #8d2a21;
        font-weight: bold;
        margin-top: 0;
    }

    .verticalSubNav div a
    {
        color: #000000;
    }

    .verticalSubNav h2 a
    {
        color: #8d2a21;
    }

/**********************************************/

.memRenField
{
    margin: 5px;
    float: none;
}

.memRenFieldLabel, .memRenFieldControl
{
    float: left;
}

.memRenFieldLabel
{
    width: 200px;
}

.memRenFieldControl
{
    width: 280px;
}