/* 	amount = number of columns the element should span
 * max-width = the maximum width of the primary container
 * columns = the total number of columns (12 and 16 are pretty standard for desktop, but any number will work)
 * !!-- EVERYTHING BELOW IS OPTIONAL --!!
 * height = if you want to define a height (default: auto)
 * margin = define your magins if you want (default: 0 top and bottom, and percentage based on gutter size)
 * padding = define padding size(s) */
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, 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 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

body {
    background-color: #eee;
    line-height: 1;
}

ol, ul {
    list-style: none;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4A4A4A;
}

a {
    color: #2471CC;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

h1 {
    margin-bottom: 0.75rem;
    font-size: 1.875rem;
    font-weight: bold;
    color: #223A57;
}

h2 {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    font-weight: bold;
    color: #223A57;
}

h3 {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    font-weight: bold;
    color: #223A57;
}

h4 {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: bold;
    color: #223A57;
}

p:last-child {
    margin-bottom: 0;
}

strong {
    font-weight: bold;
}

html, body {
    width: 100%;
    height: 100%;
    /*background: #4A4A4A;*/
}

#body-container, #wrap-background {
    width: 100%;
}

.internal-button-input {
    display: inline-block;
    padding: 0.125rem;
    height: auto;
    background: #fff;
    border-radius: 0.1875rem;
}

    .internal-button-input input {
        width: auto;
        height: 2rem;
        border: none;
        background: none;
        -webkit-appearance: none;
        appearance: none;
        box-shadow: none;
        outline: none;
        border-radius: 0.1875rem;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.125rem;
        color: #4A4A4A;
    }

        .internal-button-input input[type=search] {
            position: relative;
            width: 80%;
            height: 2rem;
            top: 0.125rem;
        }

        .internal-button-input input[type=email] {
            display: inline-block;
            position: relative;
            width: 60%;
            height: 2rem;
            top: 0.125rem;
        }

        .internal-button-input input[type=image].primary-button {
            width: auto;
            height: 1.375rem;
        }

    .internal-button-input .primary-button {
        float: right;
        padding: 0.375rem 0.9375rem;
        background: #AA0B0B;
        font-size: 1.125rem;
        color: #fff;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }

        .internal-button-input .primary-button:hover {
            cursor: pointer;
            background: #870808;
        }

.secondary-button {
    display: inline-block;
    position: relative;
    padding: 0.625rem 0.75rem;
    border: 0.0625rem solid #336BAC;
    border-radius: 0.1875rem;
    font-size: 1.125rem;
    color: #336BAC;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

    .secondary-button .icon.svg {
        position: relative;
        top: 0.1875rem;
        margin-left: 0.75rem;
    }

    .secondary-button:hover {
        text-decoration: none;
        background: #336BAC;
        color: #fff;
    }

        .secondary-button:hover .icon.svg {
            fill: #fff;
        }

.text-link {
    display: block;
    color: #336BAC;
}

    .text-link .icon.svg {
        position: relative;
        top: 0.1875rem;
        margin-left: 0.75rem;
    }

#nav-container {
    position: relative;
    display: inline-block;
    top: 0;
    width: 100%;
    height: 3.375rem;
    ;
    background: #336BAC;
    border-bottom: 0.0625rem solid #4A4A4A;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

    #nav-container #navigation {
        box-sizing: border-box;
        max-width: 65rem;
        margin: 0 auto;
        padding: 1px 0.9375rem;
    }

        #nav-container #navigation #primary {
            clear: both;
            display: block;
        }

            #nav-container #navigation #primary li {
                float: left;
                display: block;
                width: auto;
                max-width: 6.875rem;
                margin-right: 1.2rem;
                font-size: 0.9375rem;
                text-align: center;
            }

                #nav-container #navigation #primary li a {
                    position: relative;
                    display: block;
                    padding: 0.75rem 0.5rem 0.65rem;
                    margin-top: -0.1875rem;
                    border-top-left-radius: 0.1875rem;
                    border-top-right-radius: 0.1875rem;
                    color: #fff;
                    font-weight: 500;
                    line-height: 1.125rem;
                    text-align: left;
                    height: 70%;
                }

                    #nav-container #navigation #primary li a:hover {
                        text-decoration: none;
                    }

                #nav-container #navigation #primary li .subnav {
                    display: none;
                    position: relative;
                    z-index: 999;
                    width: auto;
                    min-width: 20rem;
                    padding: 0.75rem;
                    left: 156.5%;
                    transform: translate(-50%, 0);
                    columns: auto 2;
                    column-rule: 0.0625rem solid rgba(51, 107, 172, 0.2);
                    column-gap: 1.875rem;
                    -webkit-columns: auto 2;
                    -webkit-column-rule: 0.0625rem solid rgba(51, 107, 172, 0.2);
                    -webkit-column-gap: 1.875rem;
                    -moz-columns: auto 2;
                    -moz-column-rule: 0.0625rem solid rgba(51, 107, 172, 0.2);
                    -moz-column-gap: 1.875rem;
                    background: #E1EDFA;
                    border-bottom-right-radius: 0.1875rem;
                    border-bottom-left-radius: 0.1875rem;
                    -webkit-column-break-inside: avoid-column;
                    -moz-column-break-inside: avoid-column;
                    -ms-column-break-inside: avoid-column;
                    column-break-inside: avoid-column;
                }

                #nav-container #navigation #primary li:last-of-type .subnav {
                    left: -56%;
                }

                #nav-container #navigation #primary li .subnav li {
                    float: none;
                    display: table;
                    width: auto;
                    max-width: 10rem;
                    margin: 0;
                    padding: 0;
                }

                    #nav-container #navigation #primary li .subnav li a {
                        width: 100%;
                        padding: 0.375rem 0;
                        font-size: 0.875rem;
                        font-weight: normal;
                    }

                #nav-container #navigation #primary li:hover a {
                    background: #E1EDFA;
                    color: #223A57;
                }

                #nav-container #navigation #primary li:hover .subnav:empty {
                    display: none;
                }

                #nav-container #navigation #primary li:hover .subnav {
                    display: inline-block;
                }

                    #nav-container #navigation #primary li:hover .subnav a:hover {
                        text-decoration: underline;
                    }

                #nav-container #navigation #primary li:first-child .subnav {
                    left: 0;
                    border-top-left-radius: 0;
                    transform: none;
                }

#utility {
    position: absolute;
    right: 0.9375rem;
    z-index: 999;
    top: 7.375rem;
    min-width: 8.75rem;
    height: 1.5rem;
    padding: 0.5rem 0.75rem 0rem;
    background: #E1EDFA;
    border-radius: 0.1875rem;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

    #utility a {
        font-size: 0.875rem;
        font-weight: 500;
        color: #223A57;
    }

        #utility a .padded-svg {
            position: relative;
            float: right;
            top: 0.25rem;
            margin-left: 0.75rem;
            padding-left: 0.75rem;
            border-left: 0.0625rem solid rgba(51, 107, 172, 0.2);
        }

            #utility a .padded-svg .icon.svg {
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

        #utility a:hover {
            text-decoration: none;
        }

    #utility ul {
        display: inline-block;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        width: 100%;
        top: 0.875rem;
        right: 0;
        margin-top: 1rem;
        padding: 0.5rem 0.75rem;
        background: #E1EDFA;
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        #utility ul li a {
            display: inline-block;
            padding: 0.25rem 0;
            font-weight: 400;
        }

            #utility ul li a:hover {
                text-decoration: underline;
            }

    #utility:hover {
        cursor: pointer;
    }

    #utility.active a .icon {
        transform: rotate(-180deg);
    }

    #utility.active ul {
        visibility: visible;
        opacity: 1;
    }

#content-container {
    clear: both;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 10rem;
    background: #fff;
    padding-bottom: 3rem;
}

footer, #wrap-footer {
    top: 3rem;
    background: #4A4A4A;
}

.centered, #wrap-body {
    box-sizing: border-box;
    max-width: 65rem;
    margin: 0 auto;
    padding: 0 0.9375rem;
    position: relative;
    top: 25px;
}

.date {
    box-sizing: content-box;
    width: 8.0853174603%;
    height: auto;
    margin: 0;
    padding: 0 0.9375rem 0.9375rem;
    text-align: center;
}

    .date .day {
        width: 100%;
        font-size: 2.25rem;
        font-weight: 200;
    }

    .date .month {
        width: 100%;
        font-size: 1.125rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    .date .year {
        width: 100%;
        font-size: 1.125rem;
        font-weight: 400;
    }

.breadcrumbs {
    box-sizing: border-box;
    max-width: 63rem;
    margin: 0 auto;
    padding: 1.5rem 0.9375rem 3rem;
    font-size: 0.875rem;
}

    .breadcrumbs .icon.svg {
        position: relative;
        top: 0.125rem;
        margin: 0 0.375rem;
    }

#home {
    clear: both;
    display: inline-block;
    width: 100%;
}

#billboard-container {
    width: 100%;
    height: 17.5rem;
    margin-bottom: 2.5rem;
    background: #F5F5F5;
}

#billboard {
    display: block;
    box-sizing: border-box;
    position: relative;
    max-width: 63rem;
    margin: 0 auto;
    padding: 0 0.9375rem;
}

    #billboard #indicators {
        z-index: 99;
        display: table;
        position: absolute;
        bottom: -0.9375rem;
        right: 0.9375rem;
        width: auto;
    }

        #billboard #indicators .indicator-icon {
            position: relative;
            float: left;
            width: 0.75rem;
            height: 0.75rem;
            margin-right: 0.375rem;
        }

            #billboard #indicators .indicator-icon .svg g#billboard-indicator {
                fill: none;
            }

            #billboard #indicators .indicator-icon:last-child {
                margin-right: 0;
            }

            #billboard #indicators .indicator-icon.active .svg g#billboard-indicator {
                fill: #223A57;
            }

    #billboard #topic-container {
        display: block;
        box-sizing: border-box;
        position: relative;
        float: left;
        top: 1.25rem;
        width: 32.3412698413%;
        height: auto;
        margin: 0;
        padding: 0 2.9761904762% 0 0;
    }

        #billboard #topic-container .scroll-button .svg {
            display: block;
            position: relative;
            width: 1.5rem;
            margin: 0 auto;
        }

        #billboard #topic-container .scroll-button:hover {
            cursor: pointer;
        }

        #billboard #topic-container .scroll-button.dim .svg {
            opacity: 0.25;
        }

        #billboard #topic-container #topics {
            margin: 0.375rem 0;
            max-height: 12.25rem;
            overflow-y: hidden;
            border-top: 0.0625rem solid #4A4A4A;
            border-bottom: 0.0625rem solid #4A4A4A;
        }

            #billboard #topic-container #topics ul {
                position: relative;
                -webkit-transition: top 0.25s ease-in-out 0s;
                -moz-transition: top 0.25s ease-in-out 0s;
                -o-transition: top 0.25s ease-in-out 0s;
                transition: top 0.25s ease-in-out 0s;
            }

                #billboard #topic-container #topics ul li {
                    display: none;
                    position: relative;
                    border-bottom: 0.0625rem solid #E1E1E1;
                    height: 4.0625rem;
                    font-size: 1.125rem;
                    font-weight: bold;
                }

                    #billboard #topic-container #topics ul li:nth-child(-n+3) {
                        display: block;
                    }

                    #billboard #topic-container #topics ul li a {
                        display: block;
                        position: relative;
                        top: 50%;
                        transform: translate(0, -50%);
                        width: 80%;
                        line-height: 1.375rem;
                        color: #336BAC;
                    }

                        #billboard #topic-container #topics ul li a:hover {
                            text-decoration: none;
                        }

                    #billboard #topic-container #topics ul li img {
                        display: none;
                        position: absolute;
                        top: 50%;
                        right: 0;
                        transform: translate(0, -50%);
                    }

                    #billboard #topic-container #topics ul li:last-child {
                        border-bottom: none;
                    }

                    #billboard #topic-container #topics ul li:hover {
                        background: rgba(255, 255, 255, 0.75);
                        cursor: pointer;
                    }

                    #billboard #topic-container #topics ul li.active {
                        background: none;
                    }

                        #billboard #topic-container #topics ul li.active a {
                            color: #223A57;
                        }

                        #billboard #topic-container #topics ul li.active img {
                            display: block;
                        }

                        #billboard #topic-container #topics ul li.active:hover {
                            background: none;
                            cursor: default;
                        }

    #billboard #info {
        position: relative;
        top: 0.9375rem;
        width: 64.65%;
        margin: 0 0 0 5.15%;
        padding: 0 0 0 2.9761904762%;
        overflow-y: hidden;
    }

        #billboard #info ul {
            position: relative;
            -webkit-transition: top 0.3s ease-in-out 0s;
            -moz-transition: top 0.3s ease-in-out 0s;
            -o-transition: top 0.3s ease-in-out 0s;
            transition: top 0.3s ease-in-out 0s;
        }

            #billboard #info ul li {
                height: 15.5rem;
            }

                #billboard #info ul li .detail-container {
                    position: relative;
                    top: 50%;
                    transform: translate(0, -50%);
                }

            #billboard #info ul p {
                margin-bottom: 1.5rem;
                font-size: 1.125rem;
                line-height: 1.375rem;
            }

            #billboard #info ul .text-link {
                font-size: 1.125rem;
                font-weight: bold;
            }

#home-content {
    display: block;
    box-sizing: border-box;
    max-width: 63rem;
    margin: 0 auto;
    padding: 0 0.9375rem;
}

#news {
    position: relative;
    float: left;
    width: 48.5119047619%;
    height: auto;
    margin: 0;
    padding: 0;
}

    #news h2 {
        margin-bottom: 1.5rem;
    }

    #news li {
        clear: both;
        display: inline-block;
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
        border-bottom: 0.0625rem solid #E1E1E1;
    }

        #news li .date {
            position: relative;
            float: left;
            margin-right: 0.9375rem;
            border-right: 0.0625rem solid #E1E1E1;
        }

        #news li .news-content {
            display: table;
        }

            #news li .news-content h3 {
                display: table;
                margin-bottom: 0.75rem;
                line-height: 1.5rem;
            }

            #news li .news-content p {
                display: table;
                font-size: 1rem;
                line-height: 1.25rem;
            }

        #news li:last-child {
            margin-bottom: 1.125rem;
            border-bottom: 0.0625rem solid #4A4A4A;
        }

    #news .secondary-button {
        clear: both;
    }

#popular-content {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 47.4265873016%;
    height: auto;
    margin: 0;
    padding: 1.25rem;
    border: 0.0625rem solid #336BAC;
    border-radius: 0.1875rem;
}

    #popular-content li {
        clear: both;
        display: inline-block;
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
        border-bottom: 0.0625rem solid #E1E1E1;
        width: 100%;
    }

        #popular-content li h3 {
            margin-bottom: 0.375rem;
            width: 75%;
        }

        #popular-content li p {
            font-size: 1rem;
            line-height: 1.25rem;
        }

        #popular-content li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

    #popular-content .popular-item {
        float: left;
        width: 70%;
        position: relative;
        padding-right: 5%;
    }

    #popular-content .popular-image {
        float: right;
        width: 25%;
        position: relative;
    }

        #popular-content .popular-image img {
            width: 100%;
            height: auto;
        }

div.spacer, div.spacer2 {
    padding: 10;
    background: #F5F5F5;
}

div.spacer1 {
    padding: 10px;
}

.left-nav, #wrap-body-left {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 18.3412698413%;
    height: auto;
    margin: 0 2.4761904762% 0 0;
    font-weight: bold;
    min-height: 16.25rem;
    border-radius: 0.1875rem;
}

#box-nav-side-sub {
    margin-top: 20px;
}

.left-nav .current-page, #wrap-body-left .current-page, #wrap-body-left #nav-side-sub li.first, #box-related-links li.first {
    background: #336BAC;
    color: white;
    padding: 10px;
    font-weight: bold;
}

.left-nav ul li ul, .left-nav-subnav ul, #wrap-body-left #nav-side-sub ul ul, #box-related-links ul ul {
    display: none;
}

.left-nav ul li, .left-nav-subnav li, #wrap-body-left #nav-side-sub li {
    border-left: 1px solid #336BAC;
    border-right: 1px solid #336BAC;
    border-bottom: 2px solid #336BAC;
    background: #F5F5F5;
    padding: 10px;
    font-weight: normal;
    padding-right: 20px;
}

#box-related-links ul li {
    border-left: 1px solid #336BAC;
    border-right: 1px solid #336BAC;
    border-bottom: 2px solid #336BAC;
    background: #F5F5F5;
    padding: 10px;
    font-weight: bold;
    padding-right: 20px;
    font-size: 12px;
}

.left-nav ul li.active, .left-nav-subnav li.active {
    background: rgb(245, 245, 245) url("/ltd/groups/public/documents/image/icon-breadcrumb.svg") no-repeat scroll right 5px center;
}
/*
.left-nav ul li.active ul{
display: block;
padding-top: 10px;
}

.left-nav ul li.active ul li:first-of-type{
	border-top: 1px solid #336BAC;
}
*/

.secondary-template .cards-container {
    position: relative;
    float: left;
    width: 60.6825396825%;
    height: auto;
    margin: 0 2.4761904762% 0 0;
    padding: 0;
    padding-bottom: 2rem;
}

    .secondary-template .cards-container .secondary-intro {
        margin-bottom: 10px;
    }

        .secondary-template .cards-container .secondary-intro h1 {
            background: #4A4A4A;
            color: white;
            font-size: 18px;
            padding: 10px;
        }

        .secondary-template .cards-container .secondary-intro p {
            line-height: 25px;
        }

    .secondary-template .cards-container .card {
        box-sizing: border-box;
        position: relative;
        float: left;
        width: 48.5119047619%;
        height: auto;
        margin: 0 1.4880952381% 1.875rem;
        padding: 1.25rem;
        min-height: 16.25rem;
        max-height: 16.25rem;
        border: 0.0625rem solid #336BAC;
        border-radius: 0.1875rem;
    }

        .secondary-template .cards-container .card a {
            width: 100%;
            min-height: 15rem;
            margin: -1.25rem 0 0 -1.25rem;
            padding: 1.25rem 1.25rem 0;
        }

            .secondary-template .cards-container .card a:hover {
                text-decoration: none;
            }

        .secondary-template .cards-container .card h3 {
            padding-bottom: 0.75rem;
            border-bottom: 0.0625rem solid #E1E1E1;
            color: #336BAC;
        }

        .secondary-template .cards-container .card p {
            color: #4A4A4A;
            font-size: 14px;
        }

        .secondary-template .cards-container .card .text-link {
            clear: both;
            position: absolute;
            bottom: 1.25rem;
            right: 1.25rem;
            font-size: 14px;
        }

        .secondary-template .cards-container .card:nth-child(odd) {
            margin-left: 0;
        }

        .secondary-template .cards-container .card:nth-child(even) {
            margin-right: 0;
        }

        .secondary-template .cards-container .card:hover {
            border: 0.0625rem solid #223A57;
        }

            .secondary-template .cards-container .card:hover h3 {
                border-bottom: 0.0625rem solid #336BAC;
            }

.promos, #wrap-body-right {
    position: relative;
    float: left;
    width: 14.9761904762%;
    margin: 0;
    padding: 0;
}

    .promos .promo-container, #wrap-body-right .promo-container, .TEMPpromo {
        border: 1px solid #336BAC;
        margin-bottom: 20px;
    }

        .promos .promo-image, #wrap-body-right .promo-image, .TEMPpromo img {
            padding-bottom: 10px;
            text-align: center;
        }

            .promos .promo-image img, #wrap-body-right .promo-image img, .TEMPpromo img {
                width: 100%;
                height: auto;
            }

        .TEMPpromo ul {
            list-style-type: none;
            padding: 0;
            margin: 0 5px 0 5px;
            font-size: 12px;
        }

            .TEMPpromo ul li {
                margin: 10px 5px;
                list-style-type: none;
                padding: 0;
            }

        .TEMPpromo h3 {
            font-size: 12px;
            padding: 8px 8px 0px;
        }

    .promos .promo-link, #wrap-body-right .promo-link {
        padding: 20px 0px;
        border-top: 1px solid #336BAC;
        font-weight: bold;
        width: 90%;
        margin: auto;
        text-align: center;
    }

.promo-link span.small {
    font-size: 12px;
}

.tertiary-template {
    position: relative;
}

    .tertiary-template .tertiary-container .tertiary-intro h1, #wrap-body-main h1 {
        background: #4A4A4A;
        color: white;
        font-size: 18px;
        padding: 10px;
    }

    .tertiary-template .tertiary-container, #wrap-body-main {
        position: relative;
        float: left;
        width: 60.6825396825%;
        height: auto;
        margin: 0 2.4761904762% 4% 0;
        padding: 0;
        padding-bottom: 2rem;
    }

        .tertiary-template .tertiary-container p, #wrap-body-main p {
            margin: 10px 20px;
        }

        .tertiary-template .tertiary-container ul, #wrap-body-main ul, .tertiary-template .tertiary-container ol, #wrap-body-main ol {
            margin: 20px 50px;
        }

            .tertiary-template .tertiary-container ul li, #wrap-body-main ul li, .tertiary-template .tertiary-container ol li, #wrap-body-main ol li {
                list-style: outside none disc;
                margin: 5px 0px;
                line-height: 20px;
            }

            #wrap-body-main ul.text {
                margin: 0;
            }

        #wrap-body-main .body ul.text li {
            list-style-type: none;
        }

            #wrap-body-main .body ul.text li li {
                list-style-type: disc;
            }

        .tertiary-template .tertiary-container h3, #wrap-body-main h3 {
            color: #2471CC;
            font-weight: normal;
            background: #e1e1e1;
            font-size: 18px;
            padding: 10px;
        }

        .tertiary-template .tertiary-container hr, #wrap-body-main hr {
            margin-bottom: 20px;
        }

        #wrap-body-main #search {
            border: 1px solid black;
            border-radius: 3px;
            float: none;
            margin: 10px auto;
        }

.img-float {
    float: right;
    margin: 0 0 20px 20px;
}

.open-content .cta_img {
    background: #e1e1e1;
}

.dyn_wrap .cta_img {
    padding: 5px;
}

.gen .body .text h2 {
    font-size: .75rem;
}
/**==============
SLIDER
**============**/
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }

.centered-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url(../_imgs/icon-swipe-left.svg) no-repeat left top;
    margin-top: -45px;
}

    .centered-btns_nav.next {
        left: auto;
        background-position: right top;
        right: 0;
        background: transparent url(../_imgs/icon-swipe-right.svg) no-repeat left top;
    }

.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
    top: -20px;
    right: 20px;
    text-align: right;
    z-index: 999;
}

    .centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
        display: inline;
        float: none;
        _float: left;
        *float: left;
        margin-right: 5px;
    }

    .centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
        text-indent: 9999px;
        overflow: hidden;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background: #ccc;
        background: rgba(0,0,0, .2);
        display: inline-block;
        _display: block;
        *display: block;
        -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
        -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
        box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
        width: 10px;
        height: 10px;
    }

.centered-btns_here a {
    background: url(http://172.20.20.107:7070/CFTC/_imgs/icon-indicator.svg);
}

.wrap-top-bc-social, .page-controls {
    display: none;
}

#togglevalue {
    display: none;
}
/**PRESS RELEASES**/
.bc-press-search {
    padding: 15px 15px;
    font-size: 12px;
    background: #f2f2f2;
}

.head-release {
    padding: 15px 0;
    font-weight: bold;
    text-transform: uppercase;
    background: #E1E1E1;
    padding: 10px 0px 22px 15px;
    font-size: 12px;
}

.common-list {
    font-size: 12px;
}

.column-date {
    width: 30%;
    float: left;
}

.column-item {
    width: 70%;
    display: inline;
    float: left;
}

.list-release .row {
    padding: 15px 15px;
}

    .list-release .row:nth-child(odd) {
        background: #f2f2f2;
    }

.list-release .column-date {
    font-weight: bold;
    top: 14px;
}
/***
Commissoners page
***/
#box-current_cftc_commissioners div.dyn_wrap {
    background: #e1e1e1;
}

.dyn_wrap h2 {
    padding: 7px 10px 5px 20px;
    background-color: #f0f0f0;
    font-size: 15px;
}

#box-current_cftc_commissioners .text li {
    border-bottom: 1px solid #babab1;
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

    #box-current_cftc_commissioners .text li .cta_img {
    }

    #box-current_cftc_commissioners .text li img {
        float: left;
        background: #D2D2D2 none repeat scroll 0% 0%;
        background: #d2d2d2;
        margin-right: 20px;
        margin-bottom: 5px;
        min-height: 80px;
        height: auto;
        min-width: 100px;
    }

.foot-commissioners_page {
    position: relative;
    top: 20px;
    padding: 0 20px 35px;
    margin-bottom: 20px;
    font-style: italic;
}

#box-current_cftc_commissioners span {
    position: relative;
    top: 10px;
}

@media only screen and (max-width: 59rem) {
    #nav-container #navigation #primary li {
        max-width: 6rem;
    }
}

@media only screen and (max-width: 56rem) {
    .left-nav, #wrap-body-left {
        display: none;
    }

    .promos .promo-container, #wrap-body-right .promo-container {
        float: left;
        width: 30%;
        margin-right: 2.5%;
    }

        .promos .promo-container .promo-link, #wrap-body-right .promo-container .promo-link {
            width: 90%;
            padding: 20px 0px;
        }

    #hamburger-menu {
        display: block;
        text-decoration: none;
    }

        #hamburger-menu path#line-1, #hamburger-menu path#line-3 {
            -webkit-transition: opacity 0.25s ease 0s;
            -moz-transition: opacity 0.25s ease 0s;
            -o-transition: opacity 0.25s ease 0s;
            transition: opacity 0.25s ease 0s;
        }

        #hamburger-menu.active path#line-1, #hamburger-menu.active path#line-3 {
            opacity: 0.1;
        }

    #nav-container {
        float: none;
        display: none;
    }

        #nav-container.active {
            display: inline-block;
            height: auto;
            position: relatibe;
        }

            #nav-container.active #navigation #primary li {
                float: none;
                width: 100%;
                max-width: 100%;
                padding: 0.375rem 0;
                border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
                font-size: 1.125rem;
            }

                #nav-container.active #navigation #primary li:hover a {
                    background: none;
                    color: #fff;
                }

                #nav-container.active #navigation #primary li:hover .subnav {
                    display: none;
                }

    #utility {
        display: none;
        position: absolute;
        top: 8.875rem;
        left: 50%;
        min-width: 12.5rem;
        transform: translate(-50%, 0);
    }

        #utility a {
            font-size: 1rem;
        }

        #utility ul {
            box-sizing: border-box;
            padding: 0.375rem 0.9375rem 0.9375rem;
            border-top-left-radius: 0;
        }

            #utility ul li {
                padding: 0.375rem 0;
            }

        #utility.menu-expanded {
            display: block;
        }

    .breadcrumbs {
        display: none;
    }

    #content-container {
        margin-top: 10.625rem;
        -webkit-transition: opacity 0.25s ease 0s;
        -moz-transition: opacity 0.25s ease 0s;
        -o-transition: opacity 0.25s ease 0s;
        transition: opacity 0.25s ease 0s;
    }

        #content-container.menu-expanded {
            opacity: 0.25;
        }

    #billboard #indicators {
        left: 50%;
        transform: translate(-50%, 0);
    }

        #billboard #indicators .indicator-icon {
            width: 1.125rem;
            height: 1.125rem;
            margin-right: 1rem;
        }

            #billboard #indicators .indicator-icon .svg {
                width: 1.125rem;
                height: 1.125rem;
            }

    #billboard #topic-container {
        display: none;
    }

    #billboard #info {
        width: 100%;
        top: 0;
        margin: 0;
        padding: 0;
        overflow-y: hidden;
    }

        #billboard #info ul h1 {
            font-size: 1.25rem;
            line-height: 1.5rem;
        }

        #billboard #info ul p {
            font-size: 1rem;
            line-height: 1.125rem;
        }

    #news {
        width: 100%;
        margin: 0 0 1.5rem;
        padding: 0 0 1.5rem;
        border-bottom: 0.0625rem solid #E1E1E1;
    }

        #news .date {
            box-sizing: border-box;
            width: 23.7068965517%;
            height: auto;
            margin: 0;
            padding: 0 0.9375rem 0.9375rem;
        }

        #news .secondary-button {
            margin: 0 auto;
        }

    #popular-content {
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 5%;
    }

    .secondary-template {
        padding-top: 1.125rem;
    }

        .secondary-template .left-nav, #wrap-body-left {
            float: none;
            width: 100%;
            min-height: 0;
            margin-bottom: 1.125rem;
        }

        .secondary-template .cards-container, #wrap-body-main {
            float: none;
            width: 100%;
            margin-bottom: 10%;
        }

            .secondary-template .cards-container .card {
                display: inline-block;
                float: none;
                width: 100%;
                min-height: 0;
                margin: 0 0 1.125rem;
            }

                .secondary-template .cards-container .card a {
                    display: inline-block;
                    min-height: 0;
                }

                .secondary-template .cards-container .card p {
                    margin-bottom: 0.75rem;
                }

                .secondary-template .cards-container .card .text-link {
                    clear: both;
                    position: relative;
                    float: right;
                    bottom: 0;
                    right: 0;
                }

    .promos, #wrap-body-right {
        float: none;
        width: 100%;
        min-height: 0;
        margin-bottom: 1.125rem;
    }

    .tertiary-template .leftnav-container {
        z-index: 99;
        position: fixed;
        float: none;
        top: 8.625rem;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 3rem;
        max-height: 3rem;
        background: #E1EDFA;
    }

        .tertiary-template .leftnav-container .swipe-icons {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
        }

            .tertiary-template .leftnav-container .swipe-icons .left {
                z-index: 101;
                position: absolute;
                left: 0;
                height: 100%;
                margin: 0;
                padding: 0 0.375rem;
                background: rgba(225, 237, 250, 0.8);
            }

                .tertiary-template .leftnav-container .swipe-icons .left .svg {
                    position: relative;
                    width: 1.125rem;
                    height: 1.125rem;
                    top: 50%;
                    transform: translate(0, -50%);
                }

            .tertiary-template .leftnav-container .swipe-icons .right {
                z-index: 101;
                position: absolute;
                right: 0;
                height: 100%;
                margin: 0;
                padding: 0 0.375rem;
                background: rgba(225, 237, 250, 0.8);
            }

                .tertiary-template .leftnav-container .swipe-icons .right .svg {
                    position: relative;
                    width: 1.125rem;
                    height: 1.125rem;
                    top: 50%;
                    transform: translate(0, -50%);
                }

    .tertiary-template .leftnav {
        z-index: 100;
        position: relative;
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .tertiary-template .leftnav li:first-child {
            margin-left: 2.5rem;
        }

        .tertiary-template .leftnav li {
            display: inline-block;
            position: relative;
            margin-right: 1.875rem;
        }

            .tertiary-template .leftnav li a {
                border-bottom: none;
            }

            .tertiary-template .leftnav li.active {
                text-decoration: underline;
            }

                .tertiary-template .leftnav li.active img {
                    display: none;
                }

    .tertiary-template .leftnav-container.mobile-collapsed {
        top: 6.25rem;
    }

        .tertiary-template .leftnav-container.mobile-collapsed li {
            display: inline-block;
            position: relative;
            margin-right: 1.875rem;
        }

            .tertiary-template .leftnav-container.mobile-collapsed li a {
                border-bottom: none;
            }

    .tertiary-template .tertiary-container {
        position: relative;
        float: none;
        width: 100%;
    }
}

@media only screen and (max-height: 33.75rem) {
    #nav-container.active {
        height: 13.75rem;
    }
}

@media only screen and (max-width: 20rem) {
    #content-container {
        margin-top: 11.625rem;
    }
}
/* @group #box-side-nav */
#nav-side {
}

    #nav-side .head {
        background: #336BAC;
        color: white;
        padding: 10px;
        font-weight: bold;
    }

    #nav-side h3 {
        color: white;
        margin: 0;
        padding: 0;
    }

    #nav-side .first {
        border: 0;
    }

    #nav-side ul, #nav-side .extend ul, #nav-side .extendon ul {
    }

#nav-size ul {
}

#nav-side li {
    border-left: 1px solid #336BAC;
    border-right: 1px solid #336BAC;
    border-bottom: 2px solid #336BAC;
    background: #F5F5F5;
    padding: 10px;
    font-weight: normal;
    padding-right: 20px;
}

    #nav-side li:hover, #nav-side li.extendon, #nav-side li.on {
    }

    #nav-side li ul li {
        width: 250px;
    }
/* expand the secondary left nav to allow for longer names / fewer multiple lines 7/2/14 */

#nav-side a {
}

    #nav-side a:hover, #nav-side .extendon a, #nav-side .on a {
    }

#nav-side .extendon li a, #nav-side .on li a {
    display: none;
}

    #nav-side .extendon li a:hover, #nav-side .on li a:hover {
        display: none;
    }

#nav-side ul {
    margin: 0;
    padding: 0;
    list-style: none none;
}

#nav-side .extend a, #nav-side .extendon a, #nav-side .on a {
}

#nav-side .extend ul, #nav-side .extendon ul, #nav-side .on ul {
    display: none;
}

#nav-side .extend:hover > a, #nav-side .extendon:hover > a, #nav-side .on:hover > a {
}

#nav-side .extend:hover ul, #nav-side .extendon:hover ul {
    display: none;
}

#nav-side .extend ul.hover, #nav-side .extendon ul.hover {
    display: none;
}

#nav-side .extend:hover > ul, #nav-side .extendon:hover > ul {
    display: none;
}

#nav-side .extend .nav-arrow, #nav-side .extendon .nav-arrow {
    display: none;
}
/* @end */

/* @group #box-sub-side-nav 
#nav-side-sub {
	border: 1px solid #e1e1e1;
	background: #f0f0f0;
}
#nav-side-sub ul {
	padding: 0;
	margin: 0;
	list-style: none none;
}
#nav-side-sub li {
	padding: 10px 2px 10px 20px;
	border-top: 1px solid #e2e2e2;
}
#nav-side-sub ul li a {
	font-weight: 500;
}
#nav-side-sub .first {
	background: #e1e1e1;
	font-weight: bold;
	font-size: 12px;
}
#nav-side-sub .first a {
	font-weight: bold;
	font-size: 12px;
}*/

.layout1 #wrap-body-main-lrg {
    width: 760px;
    float: left;
    z-index: 2001;
}


/* @ group list of press release items */
.list-release li {
    border-top: 1px solid #d7d5c8;
    list-style: none none !important;
}

.list-release .row {
    clear: both;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #d7d5c8;
}

    .list-release .row:after {
        content: '';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }

.list-release .column-date {
    font-weight: bold;
    top: 14px;
}
/* changed f-w from 900 to bold - th 4/10/14 */
.list-release .column-item {
    overflow: visible;
}

    .list-release .column-item .event-image {
        float: left;
        margin: 15px 0 0 -90px;
    }

.list-release .icon_pdf {
    position: absolute;
    margin-left: 3px;
}
/* @end */

#you_are_here {
    display: none;
}

p {
    margin: 10px 20px !important;
}

.layout1 {
    clear: both;
    position: relative;
    width: 100%;
    background: #fff;
    padding-bottom: 3rem;
}

#wrap-body {
    margin-top: 35px;
}