html,
body {
    width: 100%;
    height: 100%;
    background-color: #fbfbfb !important;
    margin: 0;
    -webkit-font-smoothing: antialiased !important
}

@media only screen and (min-width:0) and (max-width:1199px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    li {
        background: url(../images/transparentimage.png) 0 0 repeat
    }

    body {
        min-width: 320px
    }
}

.blueText {
    color: #007dca
}

.grayTextColor {
    color: #666
}

form {
    height: 100%
}

.fullwidth {
    width: 100%
}

.sitewidth {
    width: 1061px;
    max-width: 1061px;
    margin: 0 auto !important;
    l
}

.sfContentBlock iframe {
    margin-bottom: 25px
}

@media only screen and (min-width:0) and (max-width:1070px) {
    .sitewidth {
        width: 100%
    }
}

.rdCommands li {
    background: none !important
}

#Wrapper {
    font-size: 16px;
    font-family: 'MuseoSans-300', Arial, Helvetica, Sans-Serif;
    color: rgba(125, 135, 140, 1);
    color: #7d878c;
    position: relative;
    min-height: 100%
}

a:link,
a:visited {
    text-decoration: none;
    color: #55bee6
}

a:hover,
a:active {
    color: #0076ca
}

textarea:focus,
input:focus {
    outline: 0
}

#ContentWrapper {
    padding-bottom: 220px;
    padding-top: 155px;
    transition: padding .1s
}

@media only screen and (max-width:799px) {
    .homePageArticle {
        width: 100% !important;
        display: block !important;
        margin-bottom: 20px !important
    }

    .tableMargin {
        display: none !important
    }

    #ContentWrapper {
        padding-top: 58px
    }

    .sfNavList .smlLogRegButton {
        display: block !important
    }

        .sfNavList .smlLogRegButton a img {
            display: none
        }

    .sfNavList .smlLoginButton a:after {
        content: "Log In"
    }

    .sfNavList .smlRegisterButton a:after {
        content: "Register"
    }

    .homeEvents .sf_2cols_1_33,
    .homeEvents .sf_2cols_2_67 {
        display: block;
        width: 100% !important;
        float: none
    }

    .homeEvents .sf_2cols_1_33 {
        margin-bottom: 20px
    }

        .homeEvents .sf_2cols_1_33 .sf_2cols_1in_33,
        .homeEvents .sf_2cols_2_67 .sf_2cols_2in_67 {
            margin-left: 0;
            margin-right: 0
        }
}

@media only screen and (max-width:960px) and (min-width:640px) {
    #ContentWrapper {
        padding-bottom: 220px
    }
}

@media only screen and (max-width:765px) {
    #ContentWrapper {
        padding-bottom: 284px
    }
}

@media only screen and (max-width:639px) {
    #ContentWrapper {
        padding-bottom: 390px
    }
}

@media only screen and (max-width:470px) {
    #ContentWrapper {
        padding-bottom: 480px
    }
}

.doubleSepLine {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 5px 0;
    background: url(../images/divider_double-line.png) 0 0 repeat-x
}

.singleSepLine {
    width: 100%;
    margin: 25px 0 20px 0;
    padding: 5px 0;
    background: url(../images/single-sep-line.jpg) 0 0 repeat-x
}

#HeaderWrapper {
    background-color: #fbfbfb;
    position: fixed;
    z-index: 5;
    transition: height .3s
}

#Header {
    height: 140px;
    padding: 15px 0 0 0;
    position: relative;
    transition: height .3s
}

    #Header .logo {
        width: 150px;
        float: left;
        margin: 0 0 0 10px;
        transition: width .3s
    }

        #Header .logo img {
            width: 100%
        }

        #Header .logo a {
            display: block;
            width: 100%;
            height: 100%
        }

    #Header .logRegButtons {
        float: right;
        transition: right .3s, bottom .3s, width .3s
    }

    #Header .logRegButton {
        display: inline-block;
        margin: 0 7px
    }

        #Header .logRegButton a {
            display: inline-block
        }

    #Header .emptyDiv {
        height: 26px
    }

.smlLogRegButton a img {
    width: 102px;
    height: 31px
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important
}

.smlLogRegButton {
    display: none !important;
    margin-top: -10px !important
}

.smlLogRegButtonOn {
    display: block !important
}

.smlLogRegButton .topNavReducePadding {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.topNavReducePadding {
    padding: .5em .8em .4em !important
}

#Header .tagline {
    display: none
}

    #Header .tagline .sfContentBlock {
        width: 100%;
        padding: 58px 0 0 0
    }

    #Header .tagline .rdTable .sfContentBlock {
        margin: -20px 0 0 0
    }

.headerLoginBtn {
    float: right
}

.stickyHeader .headerLoginBtn {
    top: 18px;
    right: 0
}

#WelcomeMessage {
    color: #818285;
    padding-right: 10px;
    display: inline;
    padding-top: 6px
}

.stickyHeader #Header #SearchWrap #LoginButton #WelcomeMessage {
    display: none
}

.mean-container #SearchWrap #LoginButton {
    display: none !important
}

.button a {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    background: #245286;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    font-family: 'news_gothic_stdbold';
    text-align: center;
    text-transform: uppercase;
    float: right;
    z-index: 9000
}

.stickyHeader #Header #SearchWrap #LoginButton .button a {
    float: none
}

.button a,
.button:hover a,
.button:active a,
.button:visited a {
    color: #fff
}

#Header #SearchWrap {
    width: 220px;
    height: 35px;
    margin: 2px 0 0 0;
    position: absolute;
    right: 10px;
    bottom: 17px;
    z-index: 100;
    transition: right .3s, bottom .3s, width .3s
}

#Header #GlobalSearch {
    width: 100%;
    height: 35px;
    border: 1px solid #828186;
    -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .5);
    -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .5);
    box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .5);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: width .3s
}

.sfPageEditor #Header #GlobalSearch {
    position: relative;
    top: 0;
    z-index: 100
}

#Header #GlobalSearch .sfsearchTxt {
    height: 27px;
    margin: 4px 0 0 10px;
    background-color: transparent;
    width: 170px;
    color: #818285;
    font-family: 'MuseoSans-300', Arial, Helvetica, Sans-Serif;
    font-style: italic;
    vertical-align: middle;
    transition: width .3s
}

.ltie9 #Header #GlobalSearch .sfsearchTxt {
    height: 23px;
    padding-top: 5px
}

#Header #GlobalSearch .sfsearchSubmit {
    background: url(../images/icon_search.png) 0 0 no-repeat;
    width: 21px;
    height: 23px;
    text-indent: -99999px;
    margin: 6px 10px 0 0;
    cursor: pointer;
    vertical-align: middle
}

.ltie9 #Header #GlobalSearch .sfsearchSubmit {
    margin: 2px 10px 0 0
}

.k-ie7 #Header #GlobalSearch .sfsearchSubmit {
    font-size: 1px;
    color: #fff
}

.sfNavWrp .sfSel {
    font-weight: normal !important
}

#Header #GlobalNav {
    width: 100%;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 1;
    transition: top .3s, left .3s
}

#Header .divider {
    width: 100%;
    height: 2px;
    margin: 6px 0 15px 0;
    border-top: 1px solid #ccc
}

#Header #GlobalNav .k-menu .k-last > .k-link {
    padding-right: 0
}

#Header #GlobalNav ul.sfNavList a:link,
#Header #GlobalNav ul.sfNavList a:visited {
    color: #7d878c
}

#Header #GlobalNav ul.sfNavList li .k-group li a:link,
#Header #GlobalNav ul.sfNavList li .k-group li a:visited {
    color: #676767
}

#Header #GlobalNav ul.sfNavList li a:hover {
    color: #55bee6 !important
}

.sfSel {
    color: #55bee6 !important
}

#Header #GlobalNav ul.sfNavList li {
    float: left;
    font-family: 'MuseoSans-300', Arial, Helvetica, Sans-Serif;
    font-size: 1.125em;
    position: relative;
    padding: 0 0 15px 0;
    white-space: nowrap;
    border-style: none !important;
    margin: 0 0 0 0;
    display: inline;
    transition: font-size .3s
}

#Header #GlobalNav .k-menu .k-item > .k-link {
    padding: .5em 1.2em .4em;
    display: block
}

#Header #GlobalNav .k-menu .k-first > .k-link {
    padding-left: 10px
}

.stickyHeader #Header #GlobalNav .k-menu .k-item > .k-link {
    padding: .5em .9em .4em
}

#Header #GlobalNav ul.sfNavList li.current a {
    color: #009ddc
}

#Header #GlobalNav ul.sfNavList li.k-first {
    margin: 0
}

#Header #GlobalNav ul.sfNavList li.k-last {
    margin: 0 10px 0 0
}

#Header #GlobalNav ul.sfNavList li .k-group {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 10;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    white-space: normal !important;
    border-left: 0 solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 0 solid #fff;
    background: #dfe1e0;
    font-size: .875em
}

    #Header #GlobalNav ul.sfNavList li .k-group a {
        color: #666
    }

.k-ie7 #Header #GlobalNav ul.sfNavList li .k-group {
    top: 47px
}

#Header #GlobalNav ul.sfNavList li .k-group li a {
    padding-left: 10px !important
}

@media only screen and (max-width:1070px) {
    #Header #GlobalNav ul.sfNavList li.k-last .k-group {
        left: -119px
    }
}

#Header #GlobalNav ul.sfNavList li .k-group li {
    font-size: .95em;
    font-family: 'MuseoSans-500';
    text-transform: none;
    display: block;
    color: #666867;
    margin: 0;
    padding: 15px 15px 0 15px;
    width: 235px;
    white-space: normal !important
}

#Header #GlobalNav ul.sfNavList li.k-item ul.k-menu-group li.k-item {
    float: none
}

#Header #GlobalNav ul.sfNavList li.k-item ul.k-menu-group li ul.k-menu-group li a {
    color: #7e8689
}

#Header #GlobalNav ul.sfNavList li.k-item ul.k-menu-group li.k-item ul.k-menu-group {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    margin-bottom: -16px
}

    #Header #GlobalNav ul.sfNavList li.k-item ul.k-menu-group li.k-item ul.k-menu-group .k-first {
        padding-top: 9px
    }

#Header #GlobalNav ul.sfNavList li.k-item ul.k-menu-group li.k-last ul.k-menu-group {
    left: 0 !important
}

#Header #GlobalNav ul.sfNavList li.k-item ul.k-menu-group li.k-item ul.k-menu-group li {
    font-size: 1.125em;
    font-family: 'MuseoSans-300'
}

#Header #GlobalNav ul.sfNavList li .k-group li.k-last {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    background: none !important;
    padding-bottom: 18px
}

.k-menu .k-menu-group {
    border: 0 !important
}

#Header #GlobalNav ul.sfNavList li:hover ul.k-group {
    display: block;
    opacity: 1;
    visibility: visible
}

#Header .stickLogo {
    display: none
}

.stickyHeader {
    position: fixed !important;
    top: 0;
    z-index: 999 !important;
    border-bottom: 1px solid #cacaca
}

    .stickyHeader #Header {
        height: 60px;
        padding: 9px 0 0 0
    }

        .stickyHeader #Header .stickLogo {
            display: none;
            position: relative;
            left: 0;
            float: left;
            z-index: 1000
        }

        .stickyHeader #Header .logo {
            width: 90px;
            margin: 0;
            transition: width .3s
        }

            .stickyHeader #Header .logo .sfContentBlock img {
                width: 100%
            }

        .stickyHeader #Header .tagline,
        .stickyHeader #Header .divider,
        .stickyHeader #Header .clear {
            display: none
        }

        .stickyHeader #Header #SearchWrap {
            width: 170px;
            display: block;
            margin: 0 0 0 0;
            position: absolute;
            right: 10px;
            bottom: 22px
        }

.stickyHeaderSearchButton {
    margin-top: -23px !important;
    float: right
}

.stickyHeader #Header #SearchWrap #LoginButton {
    display: inline-block
}

.stickyHeader #Header #GlobalSearch {
    display: inline-block;
    margin: 0 !important;
    position: relative;
    right: 0;
    top: 4px;
    z-index: 1000
}

    .stickyHeader #Header #GlobalSearch .sfsearchTxt {
        width: 160px
    }

.stickyHeader #Header #GlobalNav {
    top: 24px;
    left: 92px;
    clear: none;
    z-index: 1
}

    .stickyHeader #Header #GlobalNav ul.sfNavList li {
        font-size: .85em
    }

        .stickyHeader #Header #GlobalNav ul.sfNavList li a {
            padding-right: 3px
        }

        .stickyHeader #Header #GlobalNav ul.sfNavList li ul li {
            margin: 0 !important;
            font-size: 1.143em
        }

        .stickyHeader #Header #GlobalNav ul.sfNavList li .k-group {
            top: 44px
        }

        .stickyHeader #Header #GlobalNav ul.sfNavList li.k-last .k-group {
            left: 0 !important
        }

@media only screen and (max-width:1072px) {
    #Header #SearchWrap {
        bottom: 80px;
        right: 10px
    }

    #Header .logRegButtons {
        position: absolute;
        right: 240px
    }

    .headerLoginBtn {
        right: 10px;
        top: 42px
    }

    #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em 2.1em .4em !important
    }

    .stickyHeader #Header {
        height: 91px;
        padding: 4px 0 0 0
    }

        .stickyHeader #Header .logo {
            width: 109px;
            margin: 0 0 0 10px
        }

        .stickyHeader #Header #GlobalNav {
            top: 54px;
            left: 10px
        }

            .stickyHeader #Header #GlobalNav .k-menu .k-item > .k-link {
                padding: .5em 1.7em .4em !important
            }

            .stickyHeader #Header #GlobalNav .k-menu .k-item.smlLogRegButton > .k-link {
                padding: .5em 5px .4em 5px !important
            }

            .stickyHeader #Header #GlobalNav .k-menu .k-item.smlLogRegButton {
                margin-top: 0 !important;
                margin-bottom: 5px !important
            }

            .stickyHeader #Header #GlobalNav ul.sfNavList li .k-group {
                top: 36px
            }

        .stickyHeader #Header #SearchWrap {
            right: 10px;
            bottom: 53px
        }

    .stickyHeader .headerLoginBtn {
        top: 13px;
        right: 10px
    }
}

@media only screen and (max-width:1012px) {
    #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em 1.5em .4em !important
    }

    .stickyHeader #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em 1.6em .4em !important
    }
}

@media only screen and (max-width:984px) {
    .stickyHeader #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em 1.4em .4em !important
    }
}

@media only screen and (max-width:968px) {
    #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em 1.4em .4em !important
    }

    .stickyHeader #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em 1.3em .4em !important
    }
}

@media only screen and (max-width:928px) {
    #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em 1.1em .4em !important
    }

    .stickyHeader #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em 1.1em .4em !important
    }
}

@media only screen and (max-width:882px) {
    #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em .9em .4em !important
    }

    .stickyHeader #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em .9em .4em !important
    }
}

@media only screen and (max-width:846px) {
    #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em .7em .4em !important
    }

    .stickyHeader #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em .8em .4em !important
    }
}

@media only screen and (max-width:825px) {
    #Header #GlobalNav .k-menu .k-item > .k-link {
        padding: .5em .5em .4em !important
    }
}

@media only screen and (min-width:0) and (max-width:799px) {
    #Header {
        height: 57px;
        padding: 0;
        border-bottom: 1px solid #cacaca;
        transition: height 0s
    }

        #Header .tagline {
            display: none
        }

    #GlobalNav {
        display: none
    }

    .headerLoginBtn {
        display: none
    }

    #Header .logRegButtons {
        display: none
    }
}

@media only screen and (min-width:0) and (max-width:799px) {
    #Header .logo {
        width: 93px;
        min-width: 93px;
        position: absolute;
        top: 7px;
        left: 0;
        z-index: 3000;
        text-indent: 0;
        background: none;
        transition: width 0s
    }

        #Header .logo img {
            width: 100%
        }

    #Header .divider {
        display: none
    }

    .stickyHeaderSearchButton {
        float: right
    }

    #Header #SearchWrap {
        position: relative;
        z-index: 3000;
        display: none;
        background: #fbfbfb;
        margin: 0;
        padding: 10px 0 10px 10px;
        width: 233px;
        bottom: 0;
        right: 0;
        float: right
    }

    #Header .logRegButtons {
        display: none !important
    }

    .mean-nav .k-menu .k-item,
    .mean-nav .k-widget.k-menu-horizontal > .k-item {
        border: 0 solid #fff
    }

    .mean-nav .k-menu .k-animation-container,
    .k-menu .k-group {
        position: static !important
    }

    .mean-nav .k-menu .k-item .k-link {
        padding: 18px 0 .4em 1.1em;
        height: 26px
    }

    .mean-nav .k-menu .k-item .k-group .k-item .k-link {
        padding: 18px 0 .4em 1.6em;
        height: auto;
        min-height: 26px
    }

    .mean-container a.meanclose {
        float: right;
        right: 240px !important
    }

    .mean-nav .k-widget,
    .k-block,
    .k-inline-block,
    .k-draghandle {
        border: none !important
    }

    .mean-nav .k-menu .k-group {
        border: none !important;
        white-space: normal !important
    }
}

@media only screen and (min-width:0) and (max-width:440px) {
    #Header #SearchWrap {
        width: 130px;
        padding-right: 5px
    }

    #Header #GlobalSearch {
        width: 130px
    }

        #Header #GlobalSearch .sfsearchTxt {
            width: 175px
        }

    .mean-container a.meanclose {
        right: 247px !important
    }
}
/*
#FooterWrapper {
    position: absolute;
    bottom: 0;
    height: 220px;
    z-index: 1;
    overflow: hidden
}

.ltie8 #FooterWrapper {
    height: 240px
}

#FooterWrapper #FooterContent {
    padding: 40px 0 0 0
}

.FleshFooter {
    padding: 0;
    margin: 0;
    display: inline-block
}

#Footer {
    background-color: #7d868b;
    min-height: 220px;
    color: #fbfbfb;
    font-size: .875em;
    line-height: 1.5em
}

    #Footer a:link,
    #Footer a:visited {
        color: #fbfbfb
    }

    #Footer a:hover,
    #Footer a:active {
        color: #50bde8
    }

    #Footer .divider {
        width: 100%;
        height: 1px;
        font-size: 1px;
        margin: 15px 0;
        border-bottom: 1px solid #fff
    }

    #Footer .mobileAddress {
        display: none
    }

    #Footer .textSection {
        float: left;
        width: 60.32045240339302%
    }

        #Footer .textSection .headline {
            font-family: 'MuseoSans-700';
            font-size: 1.429em;
            padding: 0 0 5px 0
        }

    #Footer .address {
        width: 26%;
        float: right;
        text-align: right;
        padding: 10px 0 0 0
    }

    #Footer #FooterLinks {
        font-size: .857em
    }

    #Footer .logo {
        display: none
    }

        #Footer .logo a {
            display: block;
            width: 100%;
            height: 100%
        }

    #Footer .nav {
        float: left
    }

        #Footer .nav li {
            float: left;
            border-left: 1px solid #fbfbfb;
            padding: 0 0 0 5px;
            margin: 0 0 0 5px;
            line-height: 1.25em
        }

            #Footer .nav li.first {
                border: none;
                padding: 0 0 0 10px
            }

    #Footer .social {
        width: 25%;
        float: right;
        text-align: right
    }

@media only screen and (min-width:0) and (max-width:1024px) {
    #FooterContent .textSection {
        padding-left: 12px
    }

    #FooterContent .address {
        padding-right: 12px
    }

    #FooterLinks {
        padding: 0 12px
    }
}

@media only screen and (min-width:640px) and (max-width:960px) {
    #Footer {
        font-size: .95em
    }

    #Footer,
    #FooterWrapper {
        height: 220px
    }

        #Footer .textSection {
            width: 63%
        }
}

@media only screen and (max-width:765px) {
    #Footer,
    #FooterWrapper {
        height: 285px
    }
}

@media only screen and (min-width:0) and (max-width:639px) {
    #Footer,
    #FooterWrapper {
        height: 390px
    }

        #Footer .logo {
            width: 15%
        }

        #Footer .mobileAddress {
            width: 100%;
            margin: 0 0 25px 0;
            display: block;
            text-align: center
        }

        #Footer .textSection {
            width: auto;
            padding: 0 12px;
            text-align: center
        }

        #Footer .address {
            display: none
        }

        #FooterWrapper #FooterWave {
            background-position: 420px 0
        }

        #Footer .nav {
            width: 98%;
            float: none
        }

            #Footer .nav span {
                line-height: 22px !important
            }

        #Footer .social {
            width: 98%;
            margin: 20px 0 0 0;
            float: none;
            text-align: center
        }
}

@media only screen and (min-width:0) and (max-width:470px) {
    #Footer,
    #FooterWrapper {
        height: 480px
    }
}

@media only screen and (min-width:0) and (max-width:359px) {
    #Footer .logo {
        width: 20%
    }
}*/

.sfHomeRotatorWrap {
    width: 100% !important;
    max-width: 100%
}

#RotatorWrapper {
    max-height: 350px;
    overflow: hidden;
    position: relative
}

    #RotatorWrapper .flex-direction-nav {
        display: none
    }

.k-ie7 #RotatorWrapper {
    border-bottom: 5px solid #818285
}

.k-ie7 .flex-viewport {
    width: 100%;
    float: left;
    position: relative;
    top: 0
}

.k-ie7 #RotatorWrapper .flexslider .slides li {
    width: 100%;
    height: 300px;
    display: block
}

.k-ie7 .flex-direction-nav {
    display: none
}

#RotatorWrapper .flexslider .slides li {
    height: 350px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 -2px 2px rgba(26, 23, 23, .5);
    -moz-box-shadow: inset 0 -2px 2px rgba(26, 23, 23, .5);
    box-shadow: inset 0 -2px 2px rgba(26, 23, 23, .5)
}

    #RotatorWrapper .flexslider .slides li img {
        min-height: 350px
    }

#CaptionWrap {
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0
}

    #CaptionWrap .captionContent {
        width: 1061px;
        margin: 0 auto;
        height: 100%
    }

        #CaptionWrap .captionContent .capContentWrap {
            width: 395px;
            height: 100%;
            display: none;
            color: #696969
        }

        #CaptionWrap .captionContent .captionImage {
            width: 355px;
            height: 102px
        }

        #CaptionWrap .captionContent .capContentWrap .caption {
            padding: 25px 20px 0 20px;
            display: none;
            opacity: 0
        }

.capContentWrap .caption .sliderHeader {
    margin: 0 0 18px 0;
    font-family: 'news_gothic_stdbold';
    text-transform: uppercase
}

    .capContentWrap .caption .sliderHeader .smallHead {
        font-size: 1.325em;
        line-height: .9em;
        letter-spacing: .05em
    }

    .capContentWrap .caption .sliderHeader .bigHead {
        font-size: 2.25em;
        letter-spacing: .07em
    }

.capContentWrap .caption .slideCopy {
    margin: 0 0 10px 0;
    font-size: .825em;
    line-height: 1.4em;
    color: #7d878c;
    font-family: 'MuseoSans-300', Arial, Helvetica, Sans-Serif;
    font-weight: bold
}

@media only screen and (min-width:0) and (max-width:1500px) {
    .flexslider .slides .flex-active-slide img {
        width: 130%;
        position: relative;
        left: -10%
    }
}

@media only screen and (min-width:0) and (max-width:1060px) {
    #CaptionWrap .captionContent {
        width: 100%
    }

    .flexslider .slides img {
        width: auto
    }

    .flexslider .slides .flex-active-slide img {
        width: auto;
        position: relative;
        left: -68%
    }
}

@media only screen and (min-width:0) and (max-width:580px) {
    #RotatorWrapper {
        max-height: 335px;
        z-index: 1
    }

    #CaptionWrap .captionContent .capContentWrap {
        width: auto
    }

    .capContentWrap .caption .sliderHeader {
        text-align: center
    }

        .capContentWrap .caption .sliderHeader img {
            width: 100%
        }
}

#MatrixContainer {
    position: relative
}

#MatrixWrapper {
    position: relative;
    z-index: 4;
    border-top: 4px solid #7d868b;
    border-bottom: 5px solid #818285;
    background: url(../images/Matrix-Background.jpg) center 0 repeat-y
}

    #MatrixWrapper .greenbg {
        width: 50%;
        float: left;
        background: #b5be00;
        height: 90px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -5
    }

    #MatrixWrapper .bluebg {
        width: 50%;
        float: right;
        background: #4ebde8;
        height: 90px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -5
    }

#Matrix .topLevel .title {
    width: 151px;
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    font-size: 1.625em;
    background: #b5be00
}

#Matrix .topLevel,
#Matrix .topLevel a {
    color: #fbfbfb;
    display: block;
    width: 100%;
    height: 100%;
    background: #4ebde8
}

#Matrix .topLevelNav .matrixTab1 a {
    background: #0077cb url(../images/matrix_tab1_bg.jpg) left top no-repeat
}

#Matrix .topLevelNav .matrixTab2 a {
    background: #01a6e6 url(../images/matrix_tab2_bg.jpg) left top no-repeat
}

#Matrix .topLevelNav .matrixTab3 a {
    background: #4ebde8 url(../images/matrix_tab3_bg.jpg) left top no-repeat
}

#Matrix .topLevel ul li a,
#Matrix .topLevel .title {
    padding: 22px 20px
}

#Matrix .topLevel .title,
#Matrix .topLevel ul,
#Matrix .topLevel ul li {
    float: left
}

#Matrix .topLevelNav {
    width: auto;
    margin-left: 151px;
    float: none !important
}

    #Matrix .topLevelNav li a {
        padding: 22px 0 !important
    }

#Matrix .topLevel ul li {
    width: 31.33333333333333%;
    float: left;
    display: block;
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    font-size: 1.625em;
    text-align: center;
    white-space: nowrap;
    position: relative
}

    #Matrix .topLevel ul li .currentMarker {
        position: absolute;
        bottom: -13px;
        left: 53%;
        margin: 0 !important;
        display: none
    }

    #Matrix .topLevel ul li .firstLevelImg {
        width: 100%;
        display: block
    }

    #Matrix .topLevel ul li .firstLevelTitle {
        width: 100%;
        display: block
    }

    #Matrix .topLevel ul li img {
        margin: 0 0 10px 0;
        display: none
    }

#MatrixContainer .secondLevel {
    width: 100%;
    position: absolute;
    background: #fff;
    top: 25px;
    left: 0;
    z-index: 1;
    border-bottom: 5px solid #818285
}

.secTable {
    width: 100%;
    max-width: 1061px;
    height: 100%;
    margin: 0 auto
}

.secondTitle {
    width: 20%;
    height: 100%;
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    color: #656565;
    font-size: 1.25em;
    padding: 19px 20px 11px 20px;
    white-space: nowrap
}

#MatrixContainer .secondLevel .secMenuWrap {
    width: 78%;
    height: 100%;
    position: relative
}

#MatrixContainer .secondLevel .firstlevelMenu {
    display: none
}

    #MatrixContainer .secondLevel .firstlevelMenu ul li {
        float: left;
        padding: 20px 40px;
        margin: 0 10px 0 0;
        font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
        color: #656565;
        position: relative;
        font-size: 1.2em;
        transition: color .1s
    }

.ltie9 #MatrixContainer .secondLevel .firstlevelMenu ul li {
    display: inline-block;
    *display: block
}

#MatrixContainer .secondLevel .fmenu1 ul li {
    padding: 20px 76px 20px 31px
}

#MatrixContainer .secondLevel .fmenu2 ul li {
    padding: 20px 28px
}

#MatrixContainer .secondLevel .firstlevelMenu ul li p,
#MatrixContainer .secondLevel .firstlevelMenu ul li p span {
    line-height: 1.3em !important
}

#MatrixContainer .secondLevel .firstlevelMenu ul li a {
    color: #656565
}

    #MatrixContainer .secondLevel .firstlevelMenu ul li a:hover {
        color: #47c4e2
    }

.k-ie8 #MatrixContainer .secondLevel .firstlevelMenu ul li {
    padding: 20px 30px 15px 30px !important
}

.k-ie8 #MatrixContainer .secondLevel .fmenu1 ul li {
    padding: 20px 75px 15px 35px !important
}

.k-ie8 #MatrixContainer .secondLevel .fmenu3 ul li {
    padding: 20px 50px 15px 50px !important
}

#MatrixContainer .secondLevel .firstlevelMenu ul li:hover,
#MatrixContainer .secondLevel .firstlevelMenu ul li.open {
    cursor: pointer;
    color: #47c4e2;
    background: #dfe1e0
}

.secMenuDropdown {
    display: none;
    position: absolute;
    top: 63px;
    left: 0;
    background: #dfe0e0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    box-shadow: 1px 4px 5px rgba(129, 130, 133, .5)
}

    .secMenuDropdown p {
        text-transform: none !important;
        padding: 10px;
        cursor: default;
        font-family: 'MuseoSans-500', Arial, Helvetica, Sans-Serif;
        color: #231f20;
        font-size: .9em;
        line-height: 1.4em !important
    }

    .secMenuDropdown ul li {
        white-space: nowrap;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        font-family: 'MuseoSans-500', Arial, Helvetica, Sans-Serif !important;
        text-transform: none !important;
        color: #7b8083 !important;
        font-size: .8em
    }

.k-ie8 #MatrixContainer .secondLevel .firstlevelMenu ul li .secMenuDropdown ul li {
    padding: 0 !important
}

.secMenuDropdown ul li a {
    display: block;
    height: 26px;
    padding: 14px 20px 0 20px;
    color: #7b8083 !important;
    font-size: .7em
}

    .secMenuDropdown ul li a:hover {
        color: #55bee6 !important
    }

#MobileMatrix {
    display: none
}

    #MobileMatrix .mobileMatrixMenu {
        display: none
    }

#MatrixContainer .topLevelNav li img.currentMarker {
    display: none !important
}

@media only screen and (min-width:800px) and (max-width:1220px) {
    .fmenu1 .listItem3 .secMenuDropdown {
        left: inherit;
        right: 0
    }
}

@media only screen and (min-width:800px) and (max-width:1070px) {
    #Matrix .topLevel .title {
        width: 14%;
        padding: 22px 20px 23px 22px !important
    }

    #Matrix .topLevel ul li {
        font-size: 1.375em;
        line-height: 1.425em
    }

        #Matrix .topLevel ul li a {
            padding: 23px 0 22px 0 !important
        }

    #MatrixContainer .secondLevel .firstlevelMenu ul li {
        font-size: 1.2em;
        padding: 21px 5% 16px 6%
    }

    #MatrixContainer .secondLevel .fmenu2 ul li {
        padding: 21px 2% 16px 2%
    }

    #Matrix .topLevel ul {
        width: 85.29688972667296%
    }

    .secondLevel .secondTitle {
        padding: 18px 0 11px 22px;
        font-size: 1.375em
    }

    .secMenuDropdown {
        top: 60px
    }
}

@media only screen and (min-width:826px) and (max-width:959px) {
    #Matrix .topLevel ul li .firstLevelTitle {
        width: 96%;
        padding-left: 4%
    }

    #MatrixContainer .secondLevel .firstlevelMenu ul li {
        font-size: 1em;
        padding: 24px 8% 13px 4%
    }

    #MatrixContainer .secondLevel .fmenu2 ul li {
        padding: 24px 2% 13px 2%
    }

    #MatrixContainer .secondLevel .fmenu3 ul li {
        padding: 24px 5% 13px 5%
    }

    .secMenuDropdown {
        top: 55px
    }

        .secMenuDropdown ul li a {
            font-size: .95em
        }
}

@media only screen and (min-width:800px) and (max-width:825px) {
    #Matrix .topLevel ul li {
        font-size: 1.2em
    }

        #Matrix .topLevel ul li a {
            padding: 25px 0 24px 0 !important
        }

    .secondLevel .secondTitle {
        padding: 14px 0 15px 22px
    }

    #MatrixContainer .secondLevel .secMenuWrap {
        width: 76%
    }

    .secMenuDropdown {
        top: 55px
    }

        .secMenuDropdown ul li a {
            font-size: .9em
        }

    #MatrixContainer .secondLevel .firstlevelMenu ul li {
        font-size: .95em;
        padding: 21px 6% 16px 5%
    }

    #MatrixContainer .secondLevel .fmenu2 ul li {
        padding: 21px 2% 16px 1%
    }
}

@media only screen and (min-width:0) and (max-width:799px) {
    #MatrixContainer {
        display: none
    }

    #MobileMatrix {
        display: block;
        background: #b5be00;
        border-top: 4px solid #7a8891;
        border-bottom: 4px solid #7a8891
    }

        #MobileMatrix #MMTitle {
            padding: 10px 2% 10px 2%;
            width: 96%;
            font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
            font-size: 1.438em;
            color: #fff;
            background: #b5be00
        }

        #MobileMatrix ul {
            width: 100%
        }

            #MobileMatrix ul li.level1Tab {
                position: relative
            }

        #MobileMatrix .mobileMatrixTab1 {
            background: #0077cb
        }

        #MobileMatrix .mobileMatrixTab2 {
            background: #01a6e6
        }

        #MobileMatrix .mobileMatrixTab3 {
            background: #4ebde8
        }

        #MobileMatrix ul li.level1Tab a.level1Link {
            display: block;
            width: 96%;
            color: #fff;
            padding: 20px 2%
        }

        #MobileMatrix ul li.level1Tab .matrixSectionImage {
            display: none
        }

        #MobileMatrix ul li.level1Tab .matrixSectionTitle {
            width: 75%;
            float: left;
            padding: 0;
            text-align: left;
            display: block;
            font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
            font-size: 1.438em
        }

        #MobileMatrix ul li.level1Tab .tabArrow {
            display: none;
            left: 51%
        }

        #MobileMatrix ul li.level1Tab .matrixXClose {
            position: absolute;
            right: 15px;
            top: 20px;
            display: none
        }

        #MobileMatrix ul li.level1Tab.l1Open .matrixXClose {
            display: block !important
        }

        #MobileMatrix .topLevel ul li a.currentMarkerOpen {
            display: block !important
        }

    .mobileMatrixMenu .mobileTitleSection {
        padding: 20px 0 8px 12px;
        color: #686868;
        font-size: 1.25em !important;
        background: #fff;
        font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif
    }

    #MobileMatrix .mobileMatrixMenu {
        position: absolute;
        bottom: -78px;
        z-index: 1000;
        background: #fff;
        border-bottom: 4px solid #7a8891;
        padding: 0 0 10px 0
    }

    .mobileMatrixMenu li {
        text-align: left !important;
        padding: 10px 0 10px 12px;
        font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
        color: #686868;
        position: relative;
        background: #fff;
        font-size: 1.25em !important
    }

        .mobileMatrixMenu li a {
            color: #7f8487
        }

            .mobileMatrixMenu li a:hover {
                color: #55bee6
            }

    #MobileMatrix .mobileMatrixMenu .secMenuExists {
        min-height: 22px
    }

        #MobileMatrix .mobileMatrixMenu .secMenuExists .subExImg {
            position: absolute;
            right: 20px;
            top: 20px
        }

        #MobileMatrix .mobileMatrixMenu .secMenuExists .subColImg {
            position: absolute;
            right: 20px;
            top: 20px;
            display: none
        }

    #MobileMatrix .mobileMatrixMenu .secTabOpen {
        background: #ddd;
        color: #47c4e2
    }

    #MobileMatrix .mobileMatrixMenu .secMMMenuDropdown {
        width: 97%;
        padding-left: 3%;
        display: none;
        position: absolute;
        left: 0;
        z-index: 10000;
        background: #ddd;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-radius-bottomright: 10px;
        -webkit-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        box-shadow: 1px 4px 5px rgba(129, 130, 133, .5)
    }

        #MobileMatrix .mobileMatrixMenu .secMMMenuDropdown ul li {
            font-family: 'MuseoSans-300', Arial, Helvetica, Sans-Serif !important;
            font-weight: normal;
            background: none !important;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            font-size: .7em !important
        }
}

.homeContent {
    background: #fbfbfb
}

#Media {
    padding: 0 0 25px 0
}

    #Media .contentSection1 {
        width: 37.70028275212064%;
        float: left;
        margin: 0 7.5400565504241275% 0 0
    }

    #Media .contentSection2 {
        width: 320px;
        float: left
    }

.homeContentWrap .homeContent1 {
    width: auto !important;
    margin-right: 252px
}

.homeContentWrap .homeContent2 {
    width: 222px !important;
    float: right
}

.homeContentWrap .homeContent1 .homeEvents {
    width: 98%;
    margin: 38px 0 35px 0;
    padding: 0 2% 35px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc
}

    .homeContentWrap .homeContent1 .homeEvents .events .sfeventListItem {
        width: 31.33333333333333%;
        padding-right: 2%;
        float: left
    }

.homeEvents .events .day {
    font-family: 'MuseoSans-500', Arial, Helvetica, Sans-Serif;
    font-size: 1.25em;
    color: #0077cb;
    background: url(../images/icon_calendar.png) no-repeat;
    width: 43px;
    height: 50px;
    float: left;
    padding: 22px 0 0 10px
}

.homeEvents .events .eventInfo {
    width: auto;
    margin-left: 53px;
    line-height: 1.375
}

    .homeEvents .events .eventInfo .title,
    .homeEvents .events .eventInfo .title a:link,
    .homeEvents .events .eventInfo .title a:visited {
        font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
        color: #0077cb
    }

        .homeEvents .events .eventInfo .title a:hover,
        .homeEvents .events .eventInfo .title a:active {
            color: #55bee6
        }

    .homeEvents .events .eventInfo .date {
        font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
        color: #55bee6;
        font-size: .875em
    }

        .homeEvents .events .eventInfo .date div {
            display: inline
        }

    .homeEvents .events .eventInfo .bullet {
        font-size: 1em;
        line-height: 0;
        vertical-align: middle
    }

    .homeEvents .events .eventInfo .address {
        font-family: 'MuseoSans-500', Arial, Helvetica, Sans-Serif;
        font-size: .875em
    }

.ltie8 .homeEvents .events .eventInfo .address {
    position: relative;
    bottom: 10px
}

.homeEvents .viewlnk a:link,
#Media .viewlnk a:visited {
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    font-size: .875em;
    padding: 0 25px 0 0;
    text-decoration: underline
}

.homeEvents .viewlnk {
    display: block;
    margin-top: 15px
}

    .homeEvents .viewlnk span {
        font-size: .85em
    }

.homeContentNews .homeUserContent {
    width: 48%;
    float: left;
    font-size: .875em;
    line-height: 1.5em
}

    .homeContentNews .homeUserContent iframe {
        width: 100% !important
    }

.homeContentNews .homeNews {
    width: 48%;
    float: right
}

.homeNews .headline,
.homeEvents .headline {
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    font-size: 1.375em;
    color: #0077cb;
    padding: 0 0 25px 0
}

@media only screen and (max-width:1070px) {
    .homeContentWrap .homeContent1 {
        padding-left: 1%
    }
}

@media only screen and (max-width:960px) {
    .homeContentWrap .homeContent1 {
        width: 98% !important;
        padding-right: 1%
    }

    .homeContentWrap .homeContent2 {
        display: none
    }
}

@media only screen and (max-width:699px) {
    .homeContentNews .homeUserContent,
    .homeContentNews .homeNews {
        width: 98%;
        padding: 0 1%;
        float: none
    }

    .homeContentNews .homeUserContent {
        margin-bottom: 35px
    }

    .homeContentNews .homeNews {
        margin-bottom: 35px
    }

        .homeContentNews .homeNews .sf_2cols_2in_50 {
            margin-left: 0 !important
        }

    .homeContentWrap .homeContent1 .homeEvents .events .sfeventListItem {
        width: 98%;
        margin-bottom: 30px;
        padding: 0 1%
    }
}

.homeNews .news li {
    padding: 0 0 15px 0
}

.homeNews .news .newsHeadline,
.homeNews .news .newsHeadline a {
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    color: #0077cb;
    line-height: 1.5
}

    .homeNews .news .newsHeadline a:hover {
        color: #55bee6
    }

.homeNews .news .newsSummary {
    font-family: 'MuseoSans-300', Arial, Helvetica, Sans-Serif;
    font-size: .875em;
    line-height: 1.5;
    padding: 10px 0
}

.homeNews a.sfnewsFullStory {
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    text-decoration: underline
}

@media only screen and (min-width:600px) and (max-width:959px) {
    .newsColumn {
        width: 48% !important;
        padding: 0 0 0 2%
    }

    .eventsColumn {
        width: 50% !important
    }
}

@media only screen and (min-width:0) and (max-width:599px) {
    .newsColumn {
        width: 98% !important;
        padding: 0 0 0 2%;
        float: none
    }

    .homeNews {
        padding: 0 12px 0 0
    }

    .eventsColumn {
        width: 100% !important;
        margin: 0 0 35px 0 !important;
        float: none
    }
}

.homeCallout {
    z-index: 0;
    background: #f1f1f1
}

.homeCalloutMobileWrap {
    display: none
}

.homeCallout .sfContentBlock {
    padding: 40px 25px 0 25px;
    line-height: 1.5
}

#Media .callout .headline .line1 {
    font-size: 1.7em
}

#Media .callout .headline .line2 {
    font-size: 1.1em;
    line-height: .75em
}

#Media .callout .content {
    font-family: 'm_1cmedium', Arial, Helvetica, Sans-Serif;
    margin: 0 0 30px 0;
    line-height: 1.375
}

#Media .callout .btnWrapper {
    margin: 10px 0 0 0
}

#Media .callout .btn:link,
#Media .callout .btn:visited {
    font-family: 'm_1cheavy', Arial, Helvetica, Sans-Serif;
    color: #fbfbfb;
    font-size: .875em;
    text-transform: uppercase;
    background: #245287 url(../images/btn_arrow.png) 136px 12px no-repeat;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 10px 40px 7px 10px
}

#Media .callout .btn:hover,
#Media .callout .btn:active {
    background-color: #009ddc
}

@media only screen and (max-width:960px) {
    .homeCalloutMobileWrap {
        display: block
    }

        .homeCalloutMobileWrap .homeCallout {
            height: auto !important
        }

            .homeCalloutMobileWrap .homeCallout .sfContentBlock {
                padding: 30px 10px
            }
}

@media only screen and (min-width:0) and (max-width:479px) {
    .homeCallout {
        width: 96% !important;
        padding: 0 2% 150px 2% !important;
        clear: left;
        margin: 0 0 -150px 0 !important
    }
}

.BreadcrumbWrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px 0 !important;
    background: #efefef
}

#Breadcrumbs .breadHome {
    display: block;
    float: left;
    padding: 0 10px 0 0
}

#Breadcrumbs {
    padding: 8px 0;
    font-family: 'MuseoSans-500', Arial, Helvetica, Sans-Serif;
    font-size: .75em
}

    #Breadcrumbs ul li {
        float: left;
        clear: none !important;
        padding: 0 10px;
        border-left: 1px solid #7d878c
    }

    #Breadcrumbs a {
        color: #7d878c
    }

    #Breadcrumbs .sfNoBreadcrumbNavigation a {
        color: #55bee6
    }

@media only screen and (min-width:0) and (max-width:799px) {
    .BreadcrumbWrapper {
        background: #fbfbfb
    }

    #Breadcrumbs {
        display: none
    }
}

#ContentWrapper .pg-title a:link,
#ContentWrapper .pg-title a:visited {
    color: #818285
}

#ContentWrapper .pg-title a:hover,
#ContentWrapper .pg-title a:active,
#ContentWrapper .pg-title a.current {
    color: #009ddc
}


#ContentWrapper .pg-title {
    font-family: 'news_gothic_stdbold', Arial, Helvetica, Sans-Serif;
    font-size: 1.125em;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    display: none
}

h1 {
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    text-transform: none;
    font-weight: normal;
    font-size: 1.875em;
    line-height: 1.2em;
    color: #0076ca;
    padding: 0 0 10px 0
}

span.blueHeader {
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    text-transform: none !important;
    color: #0076ca
}

@media only screen and (min-width:0) and (max-width:799px) {
    #ContentWrapper .pg-title {
        display: none
    }

    #SideNav {
        display: none
    }

    #ContentWrapper .leftNavMenu {
        float: none
    }

    #ContentWrapper .leftNavContent {
        width: auto !important;
        padding: 0 12px 0 0 !important
    }

    h1 {
        font-size: 1.7em !important
    }

        h1 img {
            display: none
        }
}

#SideNav ul li.current1 {
    background: #009ddc;
    position: relative
}

    #SideNav ul li.current1:after {
        background: #fbfbfb;
        content: "";
        position: absolute;
        left: 100%;
        top: 0;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-left: 20px solid #009ddc;
        border-bottom: 30px solid transparent
    }

    #SideNav ul li.current1 a.currentLink {
        color: #fbfbfb
    }

#SideNav {
    float: left;
    width: 100%;
    font-family: 'MuseoSans-500', Arial, Helvetica, Sans-Serif;
    font-size: 1em
}

    #SideNav ul {
        padding: 0 40px 0 0
    }

        #SideNav ul li {
            padding: 10px 0 0 0;
            list-style-image: none !important
        }

    #SideNav a:link,
    #SideNav a:visited {
        color: #7c868f
    }

    #SideNav a:hover,
    #SideNav a:active {
        color: #55bee6
    }

    #SideNav ul li.current {
        position: relative
    }

        #SideNav ul li.current:after {
            background: #fbfbfb;
            content: "";
            position: absolute;
            left: 100%;
            top: 0;
            width: 0;
            height: 0
        }

    #SideNav ul li.open {
        position: relative
    }

        #SideNav ul li.open:after {
            background: #fbfbfb;
            content: "";
            position: absolute;
            left: 100%;
            top: 0;
            width: 0;
            height: 0
        }

        #SideNav ul li.open a.currentLink {
            color: #7c868f
        }

    #SideNav ul li a {
        padding: 0 0 10px 0;
        display: block
    }

    #SideNav ul li.current a.currentLink {
        color: #55bee6
    }

    #SideNav ul li ul {
        background: #dfe1e0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px 0 5px 10px;
        margin: 4px 0 10px 0
    }

        #SideNav ul li ul li {
            background: none;
            font-size: 1em
        }

        #SideNav ul li ul li {
            color: #868688
        }

            #SideNav ul li ul li a:link,
            #SideNav ul li ul li a:visited {
                color: #666
            }

            #SideNav ul li ul li a:hover,
            #SideNav ul li ul li a:active {
                color: #55bee6
            }

            #SideNav ul li ul li a.currentLink {
                color: #4fbeeb !important
            }

            #SideNav ul li ul li ul {
                padding: 0 0 0 15px
            }

#ContentWrapper .rDivider {
    padding: 10px 0;
    text-align: center;
    background: url(../images/bg_dropdown.png) 0 17px repeat-x
}

    #ContentWrapper .rDivider img {
        border-left: 5px solid #fbfbfb;
        border-right: 5px solid #fbfbfb
    }

.content .resources {
    padding: 10px 0 0 0
}

    .content .resources ul {
        padding: 0
    }

        .content .resources ul li {
            margin: 0 0 10px 0
        }

            .content .resources ul li.doc {
                background: url(../images/icon_pdf.png) left center no-repeat;
                list-style-image: none;
                padding: 5px 0 0 30px
            }

.fixedSidebar {
    padding: 10px 0 10px 0;
    width: 225.25px;
    margin: 25px 40px 25px 0;
    border-top: 1px solid #bdbec6;
    border-bottom: 1px solid #bdbec6
}

.bottomCTA {
    display: none;
    padding: 10px 0 10px 0;
    margin: 0 10px 0 10px;
    border-top: 1px solid #bdbec6;
    border-bottom: 1px solid #bdbec6
}

.bottomCTA-bottom-margin {
    margin-bottom: 20px
}

.lightBlueButton {
    float: left;
    margin: 10px 0 10px 0
}

.darkBlueButton {
    float: left;
    background-color: #007dcc;
    color: #fff !important;
    padding: 7px 20px 7px 20px;
    margin: 10px 0 10px 0;
    font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-size: 15px;
    border-radius: 5px
}

.arrowBrowseAllResources {
    padding: 5px 0 0 9px
}

.lightBlueButtonWrapper {
    margin: 0 0 25px 0
}

.block {
    display: block
}

.whiteArrowFix {
    padding-left: 9px;
    padding-top: 1px
}

.content .contactWrapper {
    padding: 10px 0
}

.content .contactContent {
    font-family: 'm_1cbold', Arial, Helvetica, Sans-Serif;
    color: #818285;
    text-align: center;
    padding: 10px 0 0 0
}

    .content .contactContent .phone,
    .content .contactContent .email {
        font-family: 'm_1cmedium', Arial, Helvetica, Sans-Serif;
        font-size: 1.563em;
        color: #009ddc;
        padding: 2px 0 2px 50px
    }

    .content .contactContent .phone {
        background: url(../images/icon_phone.png) 0 center no-repeat;
        margin: 0 2% 0 0
    }

    .content .contactContent .email {
        background: url(../images/icon_mail.png) 0 center no-repeat;
        margin: 0 0 0 2%
    }

.content .products .productItem {
    padding: 20px 0;
    background: url(../images/bg_dropdown.png) bottom center repeat-x
}

.content .products .last {
    background: none
}

.content .products .productItem .icon {
    float: left;
    width: 25%;
    width: 142px;
    text-align: center;
    margin: 0 20px 0 0
}

.content .products .productItem .content {
    float: left;
    width: 78%
}

    .content .products .productItem .content p {
        padding: 0 0 5px 0
    }

.content .products .productItem .header {
    font-family: 'news_gothic_stdbold', Arial, Helvetica, Sans-Serif;
    font-size: 1.125em;
    color: #245287;
    text-transform: uppercase
}

.productLayoutWrap .column1 {
    width: 83px;
    float: left
}

.productLayoutWrap .column2 {
    width: auto;
    padding: 0 0 0 20px;
    display: table
}

.ltie8 .productLayoutWrap .column2 .sfContentBlock {
    position: relative;
    top: 17px
}

.productLayoutWrap .column2 .sf_colsIn {
    display: table-cell;
    height: 74px;
    vertical-align: middle
}

.productLayoutWrap .column2 .blueHeader {
    line-height: .9em;
    color: #666
}

.productLayoutWrap .column3 {
    margin-top: 20px
}

.productLayoutWrap .mobileImageWrap {
    display: none
}

@media only screen and (min-width:960px) and (max-width:1023px) {
    .productLayoutWrap .column1 {
        width: 23%
    }

    .productLayoutWrap .column2 {
        width: 75%;
        padding: 0 0 0 2%
    }
}

@media only screen and (min-width:800px) and (max-width:959px) {
    .productLayoutWrap .column1 {
        width: 25%
    }

    .productLayoutWrap .column2 {
        width: 73%;
        padding: 0 0 0 2%
    }

        .productLayoutWrap .column2 .blueHeader {
            font-size: 1.7em !important
        }
}

@media only screen and (min-width:640px) and (max-width:799px) {
    .productLayoutWrap .column1 {
        width: 25%
    }

    .productLayoutWrap .column2 {
        width: 73%;
        padding: 0 0 0 2%
    }

        .productLayoutWrap .column2 .blueHeader {
            font-size: 1.7em !important
        }
}

@media only screen and (min-width:580px) and (max-width:639px) {
    .productLayoutWrap .column1 {
        width: 27%
    }

    .productLayoutWrap .column2 {
        width: 71%;
        padding: 0 0 0 2%
    }

        .productLayoutWrap .column2 .blueHeader {
            font-size: 1.7em !important
        }
}

@media only screen and (min-width:480px) and (max-width:579px) {
    .productLayoutWrap .column1 {
        width: 35%
    }

    .productLayoutWrap .column2 {
        width: 63%;
        padding: 0 0 0 2%
    }

        .productLayoutWrap .column2 .blueHeader {
            font-size: 1.7em !important
        }
}

@media only screen and (min-width:0) and (max-width:479px) {
    .productLayoutWrap .column1 {
        display: none
    }

    .productLayoutWrap .column2 {
        width: 100%;
        float: none
    }

        .productLayoutWrap .column2 .blueHeader {
            font-size: 1.7em !important
        }

    .productLayoutWrap .mobileImageWrap {
        display: block;
        padding: 15px 0 0 0
    }

        .productLayoutWrap .mobileImageWrap .sfimageWrp {
            display: none
        }
}

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

.content .signup {
    width: 45%;
    float: right;
    padding: 25px;
    background: #ececed;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px
}

.content .login h2 {
    font-family: 'news_gothic_stdbold', Arial, Helvetica, Sans-Serif;
    font-size: 1.375em;
    color: #245287;
    text-transform: uppercase;
    background: url(../images/icon_login.png) 0 0 no-repeat;
    background-size: contain;
    padding: 0 0 0 35px;
    margin: 25px 0 20px 0
}

.content .signup h2 {
    font-family: 'news_gothic_stdbold', Arial, Helvetica, Sans-Serif;
    font-size: 1.375em;
    color: #245287;
    text-transform: uppercase;
    background: url(../images/icon_register.png) 0 0 no-repeat;
    background-size: contain;
    padding: 0 0 0 30px;
    margin: 0 0 20px 0
}

.content .login .loginBtn {
    width: 100%;
    margin: 0 0 15px 0
}

.content .login .field {
    width: 100%;
    margin: 0 0 15px 0
}

    .content .login .field .required {
        color: #c70101
    }

    .content .login .field label {
        font-family: 'news_gothic_stdbold', Arial, Helvetica, Sans-Serif;
        color: #245287;
        text-transform: uppercase;
        float: left;
        width: 25%
    }

    .content .login .field input[type="text"],
    .content .login .field input[type="password"] {
        border: 1px solid #818285;
        background: #fbfbfb;
        padding: 7px 5px;
        width: 65%;
        float: right;
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .5);
        -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .5);
        -o-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .5);
        box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .5)
    }

.content .loginBtn input[type="submit"] {
    font-family: 'm_1cheavy', Arial, Helvetica, Sans-Serif;
    color: #fbfbfb;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    background: #245287;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 10px 10px 7px 10px;
    width: 100%;
    cursor: pointer
}

    .content .loginBtn input[type="submit"]:hover {
        background: #009ddc
    }

.content .login .rememberme {
    margin: 0 0 15px 0;
    width: 100%
}

    .content .login .rememberme input[type="checkbox"] {
        display: none
    }

    .content .login .rememberme label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 30px;
        margin-right: 15px
    }

        .content .login .rememberme label:before {
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            bottom: 1px;
            background-color: #fbfbfb;
            border: 1px solid #818285
        }

    .content .login .rememberme input[type="checkbox"]:checked + label:before {
        content: "";
        background: url(../images/radio-btn_selected.png) 4px 4px no-repeat;
        color: #245287;
        font-size: 30px;
        text-align: center;
        line-height: 18px
    }

.content .help {
    margin: 20px 0 0 0
}

    .content .help h3 {
        font-family: 'news_gothic_stdbold', Arial, Helvetica, Sans-Serif;
        font-size: 1.125em;
        text-transform: uppercase;
        color: #245287
    }

.sfdownloadList {
    background: #efefef;
    padding: 3.1407035175879394% 3.1407035175879394% 3.1407035175879394% 40px !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

    .sfdownloadList .sfdownloadFile {
        padding-top: 4px !important;
        padding-left: 0 !important;
        padding-bottom: 10px !important;
        background: none !important
    }

        .sfdownloadList .sfdownloadFile a {
            text-decoration: underline
        }

        .sfdownloadList .sfdownloadFile img {
            vertical-align: middle
        }

.extLink {
    text-transform: uppercase
}

.pageList {
    padding: 6px 0 15px 0
}

    .pageList ul {
        padding: 0
    }

        .pageList ul li {
            padding: 16px 0;
            background: none !important;
            font-family: 'MuseoSans-700';
            font-size: 1.25em;
            line-height: 1.25;
            text-transform: none;
            border-bottom: 1px solid #cacaca
        }

            .pageList ul li a {
                color: #55bee6
            }

                .pageList ul li a:hover {
                    color: #0076ca
                }

.formWrapper {
    max-width: 450px
}

    .formWrapper .formError {
        color: #bb0d04 !important
    }

    .formWrapper .confirm {
        display: none
    }

    .formWrapper .formRow {
        max-width: 450px;
        margin: 0 0 18px 0
    }

    .formWrapper .formButtonRow {
        max-width: 450px
    }

        .formWrapper .formButtonRow input {
            width: 110px;
            height: 32px;
            background: #50bde8;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
            font-size: 1em;
            -webkit-appearance: none;
            font-family: 'MuseoSans-700'
        }

    .formWrapper .formRow .labelText {
        color: #0076ca;
        text-transform: none;
        font-weight: normal;
        font-size: 1em;
        font-family: 'MuseoSans-700'
    }

    .formWrapper .formRow .label {
        width: 145px;
        float: left;
        padding: 3px 0 0 0
    }

    .formWrapper .formRow .reqMarker {
        color: #b5be00
    }

    .formWrapper .formRow .input {
        width: 300px;
        float: right
    }

    .formWrapper .formRow .textBox {
        width: 296px;
        float: right;
        padding: 8px 0 8px 4px;
        color: #818285;
        font-size: 1em;
        border: 1px solid #818285;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3)
    }

    .formWrapper .formRow .dropDown {
        width: 450px;
        padding: 7px 0 6px 0;
        color: #818285;
        border: 1px solid #818285;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3)
    }

    .formWrapper .formRow .textArea {
        width: 450px;
        height: 100px;
        color: #818285;
        font-size: 1em;
        border: 1px solid #818285;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3)
    }

    .formWrapper .formRow .radioButton label {
        vertical-align: middle;
        cursor: pointer
    }

    .formWrapper .formRow .radioButton input {
        vertical-align: middle;
        margin: 0 3px 0 5px;
        position: relative;
        bottom: 1px;
        z-index: 1
    }

.formMessage {
    display: none
}

.rdTable .formMessage {
    display: block !important
}

.formCopy {
    width: 89% !important
}

.sbHolder {
    width: 99.4%;
    height: 31px;
    position: relative;
    color: #818285;
    display: inline-block !important;
    *display: inline !important;
    border: 1px solid #818285;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
    -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
    box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3)
}

.ltie8 .sbHolder {
    width: 98.4%;
    height: 29px;
    display: block !important;
    z-index: 500
}

.sbHolder .sbToggle {
    width: 33px;
    height: 31px;
    display: block;
    position: absolute;
    top: 0;
    right: -2px;
    background: url(../images/form_dropdown-arrow.png) 0 0 no-repeat
}

.ltie8 .sbHolder .sbToggle {
    right: -11px;
    top: -1px
}

.sbHolder .sbSelector {
    width: 215px;
    height: 31px;
    padding: 8px 0 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    color: #818285
}

.ltie8 .sbHolder .sbSelector {
    top: -2px
}

.sbHolder .sbOptions {
    width: 100%;
    max-height: 200px !important;
    padding: 6px 0 0 0;
    overflow: auto;
    top: 31px !important;
    left: -1px;
    position: absolute;
    z-index: 1000;
    background: #fff;
    border: 1px solid #818285
}

.workshopAdminContent .sbHolder .sbSelector {
    width: 100%
}

.eventsFormLeft .sbHolder .sbSelector {
    width: 100%
}

.ltie8 .sbHolder .sbOptions {
    top: 29px !important
}

.sbHolder .sbOptions li {
    background: #fff
}

    .sbHolder .sbOptions li a {
        color: #818285
    }

.mobileContactBreak {
    display: none;
    width: 100%;
    height: 2px
}

@media only screen and (min-width:0) and (max-width:1061px) {
    .formWrapper .formRow {
        width: 100%
    }

        .formWrapper .formRow .label {
            width: 32%
        }

        .formWrapper .formRow .input {
            width: 65%
        }

            .formWrapper .formRow .input .textBox {
                width: 100%
            }

        .formWrapper .formRow .textArea {
            width: 98%
        }

    .formWrapper .formButtonRow {
        width: 100%
    }

        .formWrapper .formButtonRow input {
            width: 110px
        }
}

@media only screen and (min-width:681px) and (max-width:1060px) {
    .formCopy {
        width: 91% !important
    }
}

@media only screen and (min-width:0) and (max-width:850px) {
    .mobileContactBreak {
        display: block
    }

    .formWrapper {
        margin: 0 0 35px 0
    }
}

@media only screen and (min-width:0) and (max-width:680px) {
    .formColumn {
        width: 100% !important
    }

    .contactColumn {
        width: 100% !important
    }

        .contactColumn .sf_2cols_2in_33 {
            margin-left: 0 !important
        }

    .formCopy {
        width: 75% !important
    }

    .sf_2cols_2_33,
    .sf_2cols_1_67 {
        clear: both;
        width: 100% !important
    }
}

@media only screen and (min-width:0) and (max-width:680px) {
    .formWrapper .formRow .label {
        width: 100%;
        position: relative;
        float: none
    }

    .formWrapper .formRow .input {
        width: 100%;
        float: none
    }

        .formWrapper .formRow .input .textBox {
            width: 98.4%
        }
}

@media only screen and (min-width:0) and (max-width:490px) {
    .formCopy {
        width: 100% !important
    }
}

.newsListWrap {
    padding: 0 !important
}

.newsSummaryWrap .sfnewsTitle {
    font-size: 1.375em;
    line-height: 1.25;
    padding: 0 !important
}

.newsListWrap li {
    background: none !important;
    padding: 0 0 20px 0 !important;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #d6d6d6
}

    .newsListWrap li:last-child {
        border-bottom: 0 solid #d6d6d6
    }

.newsListWrap .newsDateWrap {
    width: 43px;
    float: left;
    margin: 0 2.295918367346939% 0 0;
    padding: 1.1479591836734695%;
    background: #ececee;
    border-radius: 6px;
    text-align: center;
    text-transform: uppercase;
    color: #8a8a8c
}

    .newsListWrap .newsDateWrap .month {
        font-family: 'MuseoSans-700';
        font-size: 1.2em;
        display: block;
        margin-bottom: 2px
    }

    .newsListWrap .newsDateWrap .day {
        font-family: 'MuseoSans-300';
        font-size: 1.8em;
        display: block
    }

.newsListWrap .newsSummaryWrap {
    width: auto;
    margin-left: 75px
}

    .newsListWrap .newsSummaryWrap .sfnewsSummary {
        font-family: 'MuseoSans-300'
    }

@media only screen and (min-width:0) and (max-width:359px) {
    .newsListWrap .newsSummaryWrap {
        margin-left: 55px
    }
}

.newsListWrap .newsSummaryWrap .newCatDate {
    font-size: .9em;
    color: #7b7b7d;
    font-family: 'MuseoSans-300';
    font-style: italic
}

    .newsListWrap .newsSummaryWrap .newCatDate div {
        display: inline
    }

        .newsListWrap .newsSummaryWrap .newCatDate div.clear {
            display: block !important
        }

.newsListWrap .newsSummaryWrap .sfCategoriesList {
    padding: 0 !important;
    float: left
}

    .newsListWrap .newsSummaryWrap .sfCategoriesList li {
        padding: 0 !important;
        border-bottom: 0 solid #d6d6d6;
        margin-bottom: 15px !important
    }

.newsListWrap .newsSummaryWrap .sfnewsSummary {
    margin: 10px 0 0 0
}

.sf_pagerNumeric {
    display: inline;
    position: relative;
    left: 5px
}

    .sf_pagerNumeric a {
        width: 10px;
        padding: 3px;
        display: inline-block;
        text-indent: -99999px;
        background: url(../images/news-page-marker.jpg) center center no-repeat
    }

        .sf_pagerNumeric a.sf_PagerCurrent {
            background: url(../images/news-current-page-marker.jpg) center center no-repeat
        }

#PageContent_Section_C001_ctl00_ctl00_pager_ctl00_ctl00_cmdFirst {
    width: 10px;
    height: 12px;
    display: inline-block;
    text-indent: -99999px;
    position: relative;
    top: 4px;
    background: url('/MVC/content/images/calendar/news-nav_last.png') 0 0 no-repeat
}

    #PageContent_Section_C001_ctl00_ctl00_pager_ctl00_ctl00_cmdFirst:hover {
        background: url('/MVC/content/images/calendar/news-nav_last.png') 0 -12px no-repeat
    }

#PageContent_Section_C001_ctl00_ctl00_pager_ctl00_ctl00_cmdLast {
    width: 10px;
    height: 12px;
    display: inline-block;
    text-indent: -99999px;
    position: relative;
    top: 4px;
    left: 9px;
    background: url('/MVC/content/images/calendar/news-nav_first.png') 0 0 no-repeat
}

    #PageContent_Section_C001_ctl00_ctl00_pager_ctl00_ctl00_cmdLast:hover {
        background: url('/MVC/content/images/calendar/news-nav_first.png') 0 -12px no-repeat
    }

#PageContent_Section_C001_ctl00_ctl00_pager_ctl00_ctl00_cmdNext {
    width: 10px;
    height: 12px;
    display: inline-block;
    text-indent: -99999px;
    position: relative;
    top: 4px;
    left: 8px;
    background: url('/MVC/content/images/calendar/news-nav_next.png') 0 0 no-repeat
}

    #PageContent_Section_C001_ctl00_ctl00_pager_ctl00_ctl00_cmdNext:hover {
        background: url('/MVC/content/images/calendar/news-nav_next.png') 0 -12px no-repeat
    }

#PageContent_Section_C001_ctl00_ctl00_pager_ctl00_ctl00_cmdPrev {
    width: 10px;
    height: 12px;
    display: inline-block;
    text-indent: -99999px;
    position: relative;
    top: 4px;
    left: 4px;
    background: url('/MVC/content/images/calendar/news-nav_prev.png') 0 0 no-repeat
}

    #PageContent_Section_C001_ctl00_ctl00_pager_ctl00_ctl00_cmdPrev:hover {
        background: url('/MVC/content/images/calendar/news-nav_prev.png') 0 -12px no-repeat
    }

.pagerWrap {
    text-align: center
}

    .pagerWrap #PageContent_Section_C039_newsFrontendList_ctl00_ctl00_pager_ctl00_ctl00_cmdNext {
        width: 10px;
        padding: 3px;
        display: inline-block;
        text-indent: -99999px;
        background: url(../images/news-nav-next.jpg) center center no-repeat
    }

        .pagerWrap #PageContent_Section_C039_newsFrontendList_ctl00_ctl00_pager_ctl00_ctl00_cmdNext:hover {
            background: url(../images/news-nav-next-hover.jpg) center center no-repeat
        }

    .pagerWrap #PageContent_Section_C039_newsFrontendList_ctl00_ctl00_pager_ctl00_ctl00_cmdLast {
        width: 10px;
        padding: 3px;
        display: inline-block;
        text-indent: -99999px;
        background: url(../images/news-pager-last.jpg) center center no-repeat
    }

        .pagerWrap #PageContent_Section_C039_newsFrontendList_ctl00_ctl00_pager_ctl00_ctl00_cmdLast:hover {
            background: url(../images/news-pager-last-hover.jpg) center center no-repeat
        }

    .pagerWrap #PageContent_Section_C039_newsFrontendList_ctl00_ctl00_pager_ctl00_ctl00_cmdPrev {
        width: 10px;
        padding: 3px;
        display: inline-block;
        text-indent: -99999px;
        background: url(../images/news-nav-prev.jpg) center center no-repeat
    }

        .pagerWrap #PageContent_Section_C039_newsFrontendList_ctl00_ctl00_pager_ctl00_ctl00_cmdPrev:hover {
            background: url(../images/news-nav-prev-hover.jpg) center center no-repeat
        }

    .pagerWrap #PageContent_Section_C039_newsFrontendList_ctl00_ctl00_pager_ctl00_ctl00_cmdFirst {
        width: 10px;
        padding: 3px;
        display: inline-block;
        text-indent: -99999px;
        background: url(../images/news-pager-first.jpg) center center no-repeat
    }

        .pagerWrap #PageContent_Section_C039_newsFrontendList_ctl00_ctl00_pager_ctl00_ctl00_cmdFirst:hover {
            background: url(../images/news-pager-first-hover.jpg) center center no-repeat
        }

.sfnewsDetails .sfnewsAuthorAndDate {
    margin: 0 0 20px 0
}

.sfsearchResultStatistics {
    margin: 0 0 15px 0
}

.sfsearchResultTitle {
    margin: 0 0 3px 0;
    font-size: 1.2em
}

.sfsearchResultHighLighter {
    margin: 0 0 25px 0;
    line-height: 1.3em
}

.myclass {
    color: #245287;
    font-size: 16px
}

.myclassfloatleft {
    float: left;
    width: 15%
}

.myclassfloatright {
    float: right;
    width: 85%
}

.k-ie7 .myclassfloatleft {
    float: left;
    width: 15%
}

.k-ie7 .myclassfloatright {
    float: right;
    width: 130%
}

.k-ie7 .homeEvents .events .eventInfo .date {
    font-family: 'm_1cmedium', Arial, Helvetica, Sans-Serif;
    color: #009ddc;
    font-size: .875em;
    padding-bottom: 10px
}

.k-ie8 body {
    min-width: 1100px !important
}

.popupWrap {
    display: none;
    max-width: 480px;
    padding: 50px;
    position: relative;
    background: #fff;
    font-family: 'MuseoSans-300';
    color: #7d878c;
    border-radius: 8px
}

.ltie8 .popupWrap {
    width: 480px
}

.popupWrap .close {
    position: absolute;
    top: 20px;
    right: 20px
}

.popupWrap .newsAlert {
    position: absolute;
    top: 20px;
    left: 52px
}

.popupWrap .popupImage {
    margin-bottom: 15px
}

.popupWrap h1 {
    color: #0071ba;
    font-size: 1.675em
}

.popupWrap .popupButton {
    margin-top: 20px
}

@media only screen and (min-width:0) and (max-width:500px) {
    .popupWrap {
        max-width: 86%;
        padding: 70px 6%
    }

        .popupWrap .popupImage img {
            width: 100%
        }

        .popupWrap .close {
            top: 25px;
            right: 10px
        }

        .popupWrap .newsAlert {
            top: 25px;
            left: 10px
        }
}

.eventsFormLeft {
    float: left;
    width: 50%
}

    .eventsFormLeft .RTextBox {
        position: relative;
        bottom: 70px;
        left: 188px
    }

    .eventsFormLeft .attendeeTitleWrap {
        display: none
    }

    .eventsFormLeft .attendeeErrorPanel {
        padding-bottom: 15px;
        color: #f00
    }

    .eventsFormLeft .mobileEventInfo {
        display: none;
        margin-bottom: 20px
    }

        .eventsFormLeft .mobileEventInfo .wName {
            margin-bottom: 10px;
            color: #0076ca;
            font-size: 1.4em;
            font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif
        }

        .eventsFormLeft .mobileEventInfo .wDate {
            margin-bottom: 10px;
            color: #666;
            font-size: 1.15em;
            font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif
        }

        .eventsFormLeft .mobileEventInfo .subHead {
            color: #0076ca;
            font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif
        }

        .eventsFormLeft .mobileEventInfo .left {
            width: 48%;
            float: left
        }

        .eventsFormLeft .mobileEventInfo .right {
            width: 48%;
            float: right
        }

.eventsFormRight {
    float: right;
    width: 45%;
    color: #676767
}

    .eventsFormRight .graySection {
        width: 92%;
        padding: 4% 4% 1% 4%
    }

    .eventsFormRight .secHead {
        color: #0076ca;
        font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif
    }

    .eventsFormRight .secSubHead {
        font-size: 1.1em
    }

    .eventsFormRight .eventName {
        margin-bottom: 10px;
        font-size: 1.4em;
        font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif
    }

    .eventsFormRight .eventInfoDate {
        margin-bottom: 10px;
        color: #666;
        font-size: 1.15em;
        font-family: 'MuseoSans-700', Arial, Helvetica, Sans-Serif
    }

    .eventsFormRight .eventInfoSec {
        margin-bottom: 20px
    }

    .eventsFormRight .eventLeft {
        float: left;
        width: 45%
    }

    .eventsFormRight .eventRight {
        float: right;
        width: 45%
    }

.pnlAttendeeList {
    width: 98%;
    margin-top: 25px
}

.pnlAttendeeListPopulated {
    margin-bottom: 15px;
    border-top: 1px solid #cbc9ca
}

.attendeeItem {
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid #cbc9ca
}

.attendeeItemAlt {
    background: #efefef
}

.attendeeItem .attendeeName {
    width: 130px;
    margin-right: 15px;
    float: left
}

.attendeeItem .attendeeEmail {
    width: 200px;
    margin-right: 15px;
    overflow: hidden;
    float: left
}

.attendeeItem .attendeeEdit {
    float: left;
    margin-right: 15px
}

.ltie7 .attendeeItem .attendeeEdit {
    display: none
}

.attendeeItem .attendeeRemove {
    float: left
}

.EditLine .sbHolder {
    width: 70.5% !important
}

    .EditLine .sbHolder ul li {
        padding: 0 0 5px 15px
    }

.editAttendeeForm .saveButton,
.editAttendeeForm .closeButton,
.removeAttendeeForm .saveButton,
.removeAttendeeForm .closeButton {
    width: 100px;
    display: inline-block;
    *display: block;
    padding: 5px 0 5px 0;
    background: #50bde8;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    font-family: 'MuseoSans-500', Arial, Helvetica, Sans-Serif;
    text-align: center;
    z-index: 9000
}

.editAttendeeForm .closeButton,
.removeAttendeeForm .closeButton {
    position: static;
    background: #7d868d
}

.ltie8 .editAttendeeForm .closeButton,
.ltie8 .removeAttendeeForm .closeButton {
    position: relative;
    top: -48px;
    left: 125px
}

.editAddTitleWrap {
    display: none
}

.removeAttendeeForm .removeAttendeeFormHtml span {
    color: #0071ba;
    font-family: 'MuseoSans-500', Arial, Helvetica, Sans-Serif
}

.removeAttendeeForm .removeAttendeeFormHtml .removeName {
    float: left;
    width: 48%
}

.removeAttendeeForm .removeAttendeeFormHtml .removeEmail {
    float: left;
    width: 48%
}

.editAttendeeErrorPanel {
    max-width: 90%;
    margin-top: -10px;
    padding-bottom: 15px;
    color: #f00
}

.attendeeBtnWrap .left {
    float: left;
    width: 44%
}

.ltie8 .attendeeBtnWrap .left {
    width: 40%
}

.attendeeBtnWrap .right {
    width: auto;
    padding-left: 44%;
    font-style: italic;
    color: #676767;
    font-size: .95em
}

.eventsFormLeft .sitebuttonRight {
    position: relative;
    top: 0;
    right: 12px;
    -webkit-appearance: none
}

.efConfWrap .sub {
    color: #666;
    font-weight: bold;
    font-size: 1.025em
}

.efConfWrap span {
    color: #4ebde8
}

@media only screen and (min-width:0) and (max-width:959px) {
    .eventsFormLeft {
        width: 530px
    }

        .eventsFormLeft .mobileEventInfo {
            display: block
        }

    .eventsFormRight {
        display: none
    }
}

@media only screen and (min-width:0) and (max-width:799px) {
    .eventsFormLeft {
        padding-left: 10px
    }

        .eventsFormLeft .RTextBox {
            left: 0;
            bottom: 32px
        }
}

@media only screen and (min-width:0) and (max-width:560px) {
    .eventsFormLeft {
        width: 97%
    }

    .attendeeItem .attendeeName {
        width: 69%
    }

    .attendeeItem .attendeeEmail {
        display: none
    }

    .attendeeBtnWrap .left {
        width: 100%;
        margin-bottom: 15px
    }

    .attendeeBtnWrap .right {
        width: 100%;
        padding-left: 0
    }
}

@media only screen and (min-width:0) and (max-width:515px) {
    .eventsFormLeft .mobileEventInfo .left {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }

    .eventsFormLeft .mobileEventInfo .right {
        width: 100%;
        float: none
    }
}

@media only screen and (min-width:0) and (max-width:460px) {
    .attendeeItem .attendeeName {
        width: 62%
    }

    .removeAttendeeForm .removeAttendeeFormHtml .removeEmail {
        display: none
    }
}

@media only screen and (min-width:0) and (max-width:400px) {
    .attendeeItem .attendeeEdit {
        float: right;
        clear: right;
        text-align: right;
        margin: 0 10px 10px 0
    }

    .attendeeItem .attendeeRemove {
        float: right;
        clear: right;
        margin-right: 10px
    }
}

.sitebutton {
    display: inline-block;
    *display: block;
    padding: 8px 30px;
    background: #50bde8;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    font-size: 1.1em;
    font-family: 'MuseoSans-700';
    vertical-align: middle
}

    .sitebutton:link,
    .sitebutton:visited,
    .sitebutton:hover,
    .sitebutton:active {
        color: #fff
    }

.sitebuttonRight {
    float: right
}

.darkBlueButton {
    background: #0071bd
}

@media only screen and (min-width:0) and (max-width:1080px) {
    .wkspAdminArea .workshopContentWrap {
        width: 98%;
        margin: 0 auto
    }

        .wkspAdminArea .workshopContentWrap .sitewidth {
            width: 100%
        }
}

.wkspAdminArea .sbHolder .sbOptions li {
    padding: 0 0 8px 10px
}

.wkspAdminArea h1 {
    margin-bottom: 25px
}

.wkspAdminArea #HeaderWrapper {
    border-bottom: 1px solid #ccc
}

.wkspAdminArea #Header {
    height: 85px
}

.wkspAdminArea .stickyHeader #Header {
    height: 57px
}

.wkspAdminArea #Header .divider {
    border: 0 solid #fff
}

.wkspAdminArea .mean-bar {
    display: none
}

.wkspAdminArea #ContentWrapper {
    padding-top: 105px
}

.wkspAdminArea p.description {
    font-size: 1.25em
}

.wkspAdminArea .center {
    text-align: center
}

.wkspAdminNav {
    margin-bottom: 30px;
    padding: 20px 0 20px 0;
    vertical-align: middle;
    position: relative;
    top: 101px;
    z-index: 1;
    background: #efefef
}

.wkspLabel {
    float: left;
    position: relative;
    top: 0;
    left: 10px;
    z-index: 100;
    font-family: 'MuseoSans-700';
    color: #0077c0;
    font-size: 1.5em
}

    .wkspLabel a {
        color: #0077c0
    }

.wkspAdminNav ul {
    padding-right: 15px;
    position: relative;
    top: 3px;
    right: 0;
    z-index: 1;
    text-align: right;
    color: #5c5c5c
}

    .wkspAdminNav ul li {
        display: inline-block;
        *display: inline;
        margin-left: 6px
    }

        .wkspAdminNav ul li a {
            color: #5c5c5c
        }

        .wkspAdminNav ul li.current a {
            color: #55bee6
        }

        .wkspAdminNav ul li.wkspLoginLink {
            margin-left: 10px
        }

            .wkspAdminNav ul li.wkspLoginLink img {
                vertical-align: middle
            }

.wkspHome .left {
    float: left
}

.wkspHome .right {
    float: right
}

.wkspHome .wkspHomeSection {
    width: 48%;
    margin-bottom: 2em;
    background: #efefef;
    border-radius: 4px
}

    .wkspHome .wkspHomeSection .content {
        padding: 20px
    }

        .wkspHome .wkspHomeSection .content .wkspHomeHead {
            font: 1.25em 'MuseoSans-700';
            color: #0073b9;
            padding: 0 0 10px 0
        }

        .wkspHome .wkspHomeSection .content .wkspHomeBody {
            min-height: 75px
        }

.wkspAdminArea #ContentWrapper table {
    width: 100%;
    margin: 30px 0;
    border-collapse: collapse
}

    .wkspAdminArea #ContentWrapper table tr {
        border-bottom: 1px solid #cbc9c9
    }

.ltie8 .wkspAdminArea #ContentWrapper table tr td {
    border-bottom: 1px solid #cbc9c9
}

.wkspAdminArea tr.odd {
    background: #efefef
}

.ltie8 .wkspAdminArea #ContentWrapper table tr.odd td {
    background: #efefef
}

.wkspAdminArea #ContentWrapper table th,
.wkspAdminArea #ContentWrapper table td {
    text-align: left
}

.wkspAdminArea #ContentWrapper table th {
    font-weight: normal;
    color: #0073b9;
    font-family: 'MuseoSans-700';
    padding: 0 15px 10px 15px
}

.wkspAdminArea #ContentWrapper .editGrid table th {
    color: #7d878c
}

.wkspAdminArea #ContentWrapper table td {
    padding: 15px
}

    .wkspAdminArea #ContentWrapper table td.checkin {
        text-align: right
    }

.wkspAdminArea p.showevents {
    text-align: right
}

.wkspAdminArea #ContentWrapper .eCheckinContent {
    float: left
}

.wkspAdminArea .notRegisteredTop {
    float: right
}

.wkspAdminArea ul.abcFilter {
    border-top: 1px solid #cbc9c9;
    border-bottom: 1px solid #cbc9c9;
    font-size: 1.25em;
    text-align: center;
    padding: 10px 0;
    margin: 20px 0 0 0
}

    .wkspAdminArea ul.abcFilter li {
        display: inline-block;
        *display: inline;
        padding: 10px 1.175%
    }

.wkspAdminArea .popup p.subhead {
    font: 1.125em 'MuseoSans-700';
    padding: 0 0 10px 0
}

.wkspAdminArea .popupWrap {
    color: #666
}

    .wkspAdminArea .popupWrap h3 {
        font: 1.875em 'MuseoSans-700';
        color: #0073b9;
        padding: 0 0 20px 0
    }

    .wkspAdminArea .popupWrap p.subhead {
        font: 1.125em 'MuseoSans-700';
        padding: 0 0 10px 0
    }

    .wkspAdminArea .popupWrap table.erCheckin {
        width: 100%
    }

.wkspAdminArea .eventCancelPopup {
    max-width: 500px !important
}

    .wkspAdminArea .eventCancelPopup .popupCancelNoSelection,
    .wkspAdminArea .eventCancelPopup .popupCancelPleaseWait {
        display: none
    }

.wkspAdminArea .popupWrap table.erCheckin tr th,
.wkspAdminArea .popupWrap table.erCheckin tr td {
    padding: 7px 40px 7px 0
}

.wkspAdminArea .popupWrap table th {
    font-weight: normal;
    font-family: 'MuseoSans-700';
    color: #0073b9;
    text-align: left
}

.wkspAdminArea .popupWrap table tr {
    background: none
}

    .wkspAdminArea .popupWrap table tr td {
        padding: 20px 40px 20px 0
    }

.wkspAdminArea .popupWrap .confirmCheckin {
    margin: 0 15px 0 0
}

.wkspAdminArea .popupWrap .cancel {
    position: initial;
    position: static
}

.wkspAdminArea .popupWrap .loginPopup {
    width: 100%;
    text-align: center
}

.wkspAdminArea .popupWrap .loginWrapper {
    background: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0
}

.wkspAdminArea .showevents {
    text-align: right
}

.wkspAdminArea .eventTable {
    width: 100%;
    color: #666;
    margin: 15px 0
}

    .wkspAdminArea .eventTable th {
        font-weight: normal;
        color: #0073b9;
        font-family: 'MuseoSans-700';
        padding: 15px 15px 10px 15px
    }

    .wkspAdminArea .eventTable tr {
        text-align: left;
        border-bottom: 1px solid #cbc9c9
    }

        .wkspAdminArea .eventTable tr.odd {
            background: #efefef
        }

    .wkspAdminArea .eventTable td {
        padding: 15px;
        vertical-align: middle
    }

        .wkspAdminArea .eventTable td img {
            vertical-align: middle
        }

    .wkspAdminArea .eventTable .evDate .mobile {
        display: none
    }

    .wkspAdminArea .eventTable .evLink {
        text-align: right
    }

.wkspAdminArea .wkspBackNav {
    display: none;
    margin-bottom: 30px;
    padding: 20px 0 20px 0;
    vertical-align: middle;
    position: relative;
    top: 101px;
    z-index: 1;
    background: #efefef
}

    .wkspAdminArea .wkspBackNav span {
        position: relative;
        left: 0;
        bottom: 1px;
        font-size: .9em
    }

@media only screen and (min-width:0) and (max-width:799px) {
    .wkspAdminArea #Header {
        height: 76px
    }

        .wkspAdminArea #Header .logo {
            top: 13px
        }

    .wkspAdminArea .wkspAdminNav {
        top: 78px
    }

    .wkspAdminArea #ContentWrapper {
        padding-top: 80px
    }
}

@media only screen and (min-width:0) and (max-width:767px) {
    .wkspAdminArea .wkspBackNav {
        padding-left: 10px
    }

    .wkspAdminArea h1 {
        padding-left: 10px
    }

    .wkspAdminArea p.description {
        padding-left: 10px
    }

    .wkspHome .wkspHomeSection {
        width: 375px;
        float: none;
        margin: 0 auto 2em auto
    }

    .wkspAdminArea .mobileP {
        padding-left: 10px
    }

    .wkspAdminArea #ContentWrapper .eCheckinContent {
        float: none
    }

    .wkspAdminArea .notRegisteredTop {
        margin-top: 25px;
        padding-left: 10px;
        float: none
    }

    .wkspAdminArea .notRegisteredBottom {
        padding-left: 10px
    }
}

@media only screen and (min-width:0) and (max-width:380px) {
    .wkspHome .wkspHomeSection {
        width: 100%;
        float: none;
        margin: 0 auto 2em auto
    }
}

@media only screen and (min-width:0) and (max-width:899px) {
    .wkspAdminArea .eventTable .evDate .mobile {
        display: block
    }

    .wkspAdminArea .eventTable .evTime,
    .wkspAdminArea .eventTable .evLoc,
    .wkspAdminArea .eventTable .evDate .nonMobile {
        display: none
    }
}

.eventQuickRegForm {
    float: left;
    width: 50%
}

    .eventQuickRegForm .Line {
        display: block;
        padding-bottom: 18px
    }

    .eventQuickRegForm .attendeeTitleWrap {
        display: none
    }

    .eventQuickRegForm .InlineLabel {
        display: inline-block;
        width: 35%;
        color: #0076ca;
        text-transform: none;
        font-weight: normal;
        font-size: 1em;
        font-family: 'MuseoSans-700'
    }

    .eventQuickRegForm .NameTextBox {
        display: inline-block;
        font-family: 'm_1cregular';
        width: 29%;
        font-size: .95em;
        padding-top: 8px;
        padding-right: 0;
        padding-left: 4px;
        padding-bottom: 8px;
        margin-right: .9%;
        color: #818285;
        border: 1px solid #818285 !important;
        outline: none !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3)
    }

    .eventQuickRegForm .TextBox {
        font-family: 'm_1cregular';
        width: 61%;
        font-size: .95em;
        padding-top: 8px;
        padding-right: 0;
        padding-left: 4px;
        padding-bottom: 8px;
        color: #818285;
        border: 1px solid #818285 !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3)
    }

    .eventQuickRegForm .MaskedTextBox {
        font-family: 'm_1cregular' !important;
        font-size: 14px !important;
        width: 61%;
        padding-top: 8px !important;
        padding-right: 0 !important;
        padding-left: 4px !important;
        padding-bottom: 8px !important;
        color: #818285 !important;
        border: 1px solid #818285 !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        -moz-box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3);
        box-shadow: inset 1px 2px 6px rgba(129, 130, 133, .3)
    }

    .eventQuickRegForm .Line .InlineLabelAdjust {
        position: relative;
        top: -10px
    }

    .eventQuickRegForm .sbHolder {
        width: 61.5%
    }

.ltie9 .eventsFormLeft .sbHolder {
    width: 60.5% !important;
    float: left;
    left: 4px;
    *display: inline-block !important;
    right: 0
}

.ltie9 .dropdownLabelAdjust {
    float: left;
    top: 0 !important
}

.ltie9 .eventQuickRegForm .sbHolder {
    width: 60%;
    float: left;
    left: 4px;
    *display: inline-block !important;
    right: 0
}

.ltie9 .dropdownLabelAdjust {
    top: 0 !important
}

.ltie9 .eventQuickRegForm .dropdownLabelAdjust {
    float: left
}

.ie8 .eventQuickRegForm .sbHolder {
    width: 61.5%
}

.ie8 .eventsFormLeft .sbHolder {
    width: 61.5% !important;
    left: 4px
}

.eventQuickRegForm .regButton {
    position: relative;
    right: 12px;
    top: 0;
    float: right;
    -webkit-appearance: none
}

.wkspAdminArea .eventRegButtonRow {
    text-align: right;
    padding-right: 12px
}

@media screen and (min-width:0) and (max-width:800px) {
    .eventQuickRegForm {
        width: 450px
    }
}

@media screen and (min-width:0) and (max-width:767px) {
    .eventQuickRegForm {
        padding-left: 10px
    }

    .wkspAdminArea .eventQuickRegForm p.description {
        padding-left: 0
    }
}

@media screen and (min-width:0) and (max-width:500px) {
    .eventQuickRegForm {
        width: 92%
    }

        .eventQuickRegForm .InlineLabel {
            width: 100%
        }

        .eventQuickRegForm .NameTextBox {
            width: 100%;
            margin-bottom: 8px
        }

        .eventQuickRegForm .TextBox {
            width: 100%
        }

        .eventQuickRegForm .MaskedTextBox {
            width: 100%
        }

        .eventQuickRegForm .sbHolder {
            width: 100%
        }

        .eventQuickRegForm .regButton {
            right: -6px
        }

    .wkspAdminArea .eventRegButtonRow {
        padding-right: 0
    }

    .eventQuickRegForm .Line .InlineLabelAdjust {
        top: -3px
    }
}

#ContentWrapper .search.edit-search .searchField {
    width: 19%
}

    #ContentWrapper .search.edit-search .searchField input.FilterTextBox,
    #ContentWrapper .search.edit-search .searchField select {
        width: 90%
    }

#ContentWrapper .edit-search .searchField .FilterTextBox {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #818285;
    height: 31px;
    padding: 0 0 0 5px;
    font: 1em 'MuseoSans-300', arial, helvetica, sans-serif
}

#ContentWrapper .edit-search .searchField .FilterLabel {
    font-family: 'MuseoSans-700';
    color: #7d878c
}

#ContentWrapper .edit-search .searchField .sbHolder {
    width: 90%;
    background: #fff
}

    #ContentWrapper .edit-search .searchField .sbHolder .sbSelector {
        padding: 6px 0 0 10px
    }

#ContentWrapper .editForm {
    width: 600px
}

    #ContentWrapper .editForm .row {
        clear: both;
        margin: 0 0 15px 0
    }

    #ContentWrapper .editForm .label {
        width: 25%;
        float: left
    }

    #ContentWrapper .editForm .field {
        width: 70%;
        float: right
    }

        #ContentWrapper .editForm .field .name {
            width: 46%
        }

            #ContentWrapper .editForm .field .name.first {
                margin: 0 15px 0 0
            }

    #ContentWrapper .editForm .save {
        margin: 0 15px 0 0
    }

    #ContentWrapper .editForm input[type="text"],
    #ContentWrapper .editForm select {
        width: 100%
    }

    #ContentWrapper .editForm .row.btn {
        float: right
    }

.wkspAdminArea #ContentWrapper .showOldSection {
    margin-bottom: 35px;
    text-align: right
}

.wkspAdminArea .editGrid .editRegName .mobile {
    display: none
}

.wkspAdminArea .editGrid td {
    vertical-align: middle
}

@media screen and (min-width:0) and (max-width:1024px) {
    #ContentWrapper .navCTA {
        float: none;
        width: 93%;
        margin: 0 0 20px 0
    }

    ul.abcFilter li {
        padding: 0 .78%
    }

    #ContentWrapper .search .searchField,
    #ContentWrapper .search .searchField.btn {
        width: 25%
    }
}

@media screen and (min-width:0) and (max-width:1023px) {
    #ContentWrapper .search .searchField,
    #ContentWrapper .search .searchField.btn {
        width: 17%
    }
}

@media screen and (min-width:0) and (max-width:960px) {
    #ContentWrapper .search.edit-search .searchField {
        float: none;
        width: 100%
    }

        #ContentWrapper .search.edit-search .searchField input.searchbtn {
            float: none
        }

        #ContentWrapper .search.edit-search .searchField input[type="text"],
        #ContentWrapper .search select {
            width: 95%
        }

    #ContentWrapper .edit-search .searchField .sbHolder {
        width: 95.5%
    }

    .wkspAdminArea #ContentWrapper .showOldSection {
        padding-right: 10px
    }
}

@media screen and (min-width:0) and (max-width:824px) {
    .wkspAdminArea .editGrid .editRegName .mobile {
        display: block
    }

    .wkspAdminArea .editGrid .editRegName .nonMobile {
        display: none
    }

    .wkspAdminArea .editGrid .editRegAgency {
        display: none
    }
}

#ContentWrapper .cancel-search .searchField {
    width: 26%
}

#ContentWrapper .cancel-search .searchButtonRow {
    width: 18% !important
}

#ContentWrapper .cancel-search .searchField input[type="text"],
#ContentWrapper .cancel-search .searchField select {
    width: 90%
}

#ContentWrapper .cancel-search .searchField .FilterTextBox {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #818285;
    height: 31px;
    padding: 0 0 0 5px;
    font: 1em 'MuseoSans-300', arial, helvetica, sans-serif
}

#ContentWrapper .cancel-search .searchField .FilterLabel {
    font-family: 'MuseoSans-700';
    color: #0073b9
}

#ContentWrapper .cancel-search .searchField .sbHolder {
    width: 90%;
    background: #fff
}

    #ContentWrapper .cancel-search .searchField .sbHolder .sbSelector {
        padding: 6px 0 0 10px
    }

#ContentWrapper .cancel-search .searchField .searchButton {
    float: right;
    margin: 20px 0 0 0
}

.cancelBtnWrap .firstName {
    display: none
}

.cancelBtnWrap .agencyName {
    display: none
}

#ContentWrapper .search {
    background: #efefef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 20px 20px 25px 20px
}

    #ContentWrapper .search .searchField {
        float: left;
        padding: 20px 0 0 0
    }

    #ContentWrapper .search .searchFieldBtnRow {
        width: 17% !important
    }

    #ContentWrapper .search .searchField input.FilterTextBox {
        width: 92%
    }

    #ContentWrapper .search .searchField input.searchbtn {
        float: right;
        margin: 20px 0 0 0
    }

    #ContentWrapper .search p {
        font: 1.25em 'MuseoSans-700'
    }

#cancelpopup table {
    margin: 20px 0
}

    #cancelpopup table tr td {
        padding: 5px 40px 5px 0;
        font-size: 1.25em
    }

#cancelpopup .removebtn {
    margin: 0 15px 0 0
}

.ltie8 #ContentWrapper .edit-search .searchField {
    margin: 20px 0 0 0 !important
}

    .ltie8 #ContentWrapper .edit-search .searchField .searchbtn {
        margin: 20px 0 0 0
    }

@media screen and (min-width:0) and (max-width:960px) {
    #ContentWrapper .cancel-search .searchField {
        float: none;
        width: 100%
    }

        #ContentWrapper .cancel-search .searchField input.searchbtn {
            float: none
        }

        #ContentWrapper .cancel-search .searchField input.FilterTextBox,
        #ContentWrapper .cancel-search .searchField .sbHolder {
            width: 99%
        }

        #ContentWrapper .cancel-search .searchField .searchButton {
            float: none
        }

    #ContentWrapper .cancel-search .searchButtonRow {
        width: 100% !important
    }
}

.cancelGrid .checkboxWrap {
    width: 22px;
    height: 23px
}

.cancelGrid .imgChecked {
    display: none
}

.cancelGrid .checked .imgChecked {
    display: inline
}

.cancelGrid .checked .imgUnchecked {
    display: none
}

.cancelGrid .cancelCheckbox {
    display: none
}

.MessageSection .NameSection {
    line-height: 1.5em
}

.cancelGrid .cancelNameWrap .mobile,
.cancelGrid .cancelNameWrap .mobile .mobileEventLine {
    display: none
}

.GridSection .RFilterSection {
    padding-left: 10px
}

@media screen and (min-width:0) and (max-width:920px) {
    .cancelGrid tr td {
        width: 33%
    }

    .cancelGrid .cancelNameWrap .nonMobile {
        display: none
    }

    .cancelGrid .cancelNameWrap .mobile {
        display: block
    }

    .cancelGrid .cancelAgencyWrap {
        display: none
    }
}

@media screen and (min-width:0) and (max-width:767px) {
    .MessageSection {
        padding-left: 10px
    }

    .cancelGrid tr td {
        width: 50%
    }

    .cancelGrid .cancelNameWrap .mobile {
        line-height: 1.4em
    }

        .cancelGrid .cancelNameWrap .mobile .mobileEventLine {
            display: inline
        }

    .cancelGrid .cancelEventWrap {
        display: none
    }
}

.loginWrapper {
    background: #efefef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 30px;
    margin: 30px 0;
    text-align: center
}

p.description {
    font-size: 1.25em
}

.loginWrapper .txtPassword {
    width: 50%;
    margin: 15px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #818285;
    height: 31px;
    padding: 0 0 0 5px;
    font: 1em 'MuseoSans-300', arial, helvetica, sans-serif
}

@media only screen and (min-width:799px) {
    .sf_2cols_2_75 .leftCta {
        display: none
    }
}

@media only screen and (min-width:0) and (max-width:799px) {
    .fixedSidebar {
        display: none
    }

    .bottomCTA {
        display: block
    }

    .sf_colsOut .sf_2cols_1_25 .leftNavMenu {
        display: none
    }

    .sf_2cols_1_25 .leftCta {
        display: none
    }

    .sf_2cols_2_75 .leftCta {
        display: block
    }

    .paddingBottomSection {
        text-align: left !important
    }

    .sf_colsOut .sf_2cols_1_50 {
        width: auto;
        margin-bottom: 10px;
        float: none
    }

    .sf_colsOut .sf_2cols_2_50 {
        width: auto;
        float: none;
        margin-top: 10px
    }

    .sf_2cols_2_50 .sf_2cols_2in_50 {
        margin-left: 0 !important
    }

    #curAgentContactUsWrapper {
        margin-bottom: 20px
    }

    .grayBoxButton {
        position: relative !important;
        bottom: 0 !important;
        left: 0 !important
    }
}

.sf_2cols_1_25 .leftCta {
    margin-right: 50px
}

.grayBoxButton {
    position: absolute;
    bottom: 20px;
    left: 10px
}

.constantHeight .graySection.singleColumn {
    position: relative;
    height: 200px
}

.alignBottom {
    position: absolute;
    bottom: 30px
}

.workshopsAndWebinars .sfimageWrp {
    margin-bottom: 20px
}

.homePageArticles {
    padding-right: 10px;
    border-right: 1px solid #ccc
}

.homePageArticle {
    background-color: #f1f1f1;
    padding: 10px;
    display: table-cell;
    vertical-align: top;
    width: 49%
}

.homePageArticle_Image {
    width: 100%;
    display: block;
    margin-bottom: 15px
}

    .homePageArticle_Image img {
        width: 100%
    }

.homePageArticle_Info {
    display: block;
    vertical-align: top
}

.homePageArticle_Header a {
    font-size: 120%;
    font-weight: bold
}

.homePageArticle_Link {
    font-weight: bold
}

.homeSection .content {
    padding: 0
}

.tableMargin {
    display: table-cell;
    width: 2%
}