/*
Item Name : Responsive Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 4.0
*/

.page_wrapper, .page_wrapper_vertical {
    width: 1000px;
    margin: 36px auto;
    font-family: Verdana,"Trebuchet MS",Arial,sans-serif;
    font-size: 12px;
    line-height: 21px;
}

.menu_description {
    color: #262626;
    text-shadow: 1px 1px 1px #fff;
    padding-bottom: 36px;
}

    .menu_description h1 {
        margin-top: 24px;
        font-size: 24px;
        line-height: 38px;
    }

    .menu_description h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .menu_description ul.description {
        font-size: 12px;
        line-height: 21px;
        list-style: square;
        margin: 0 0 0 15px;
        padding: 0;
    }

    .menu_description a {
        color: #888;
        text-decoration: none;
    }

.page_wrapper_vertical {
    width: 960px;
    margin: 36px auto;
}

    .page_wrapper_vertical .menu_description {
        float: left;
        width: 760px;
        margin-left: 40px;
    }

        .page_wrapper_vertical .menu_description h1 {
            margin-top: -6px;
        }

.page_wrapper_fixed {
    margin: 70px auto;
}

@media only screen and (min-width:769px) and (max-width:984px) {
    .page_wrapper, .page_wrapper_vertical {
        width: 100%;
        margin: 0;
    }

        .page_wrapper_vertical .menu_description {
            width: 500px;
        }
}

@media only screen and (max-width:768px) {
    .page_wrapper_vertical .menu_description {
        width: 100%;
        margin: 0;
    }

        .page_wrapper_vertical .menu_description h1 {
            margin-top: 24px;
        }

    .page_wrapper {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width:480px) {
    .page_wrapper {
        width: 100%;
    }
}

.megamenu_container {
    width: 98%;
    height: 35px;
    *height: 34px;
    margin: 0 auto;
    z-index: 1001;
    top: 142px;
    background: white;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.megamenu_fixed {
    width: inherit;
    position: fixed;
    *width: expression(this.parentNode.currentStyle['width']);
}

.megamenu {
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0 10px 0 10px;
    font-family: Verdana,"Trebuchet MS",Arial,sans-serif;
    font-size: 14px;
    line-height: 1;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

    .megamenu > li {
        float: left;
        margin: 0;
        border: 0;
        -webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
        -ms-transition: background .5s ease;
        transition: background .5s ease;
        background: white;
    }

        .megamenu > li > a {
            font-size: 12px;
            text-transform: uppercase;
            outline: 0;
            text-decoration: none;
            display: block;
            padding: 11px 15px 12px 15px;
        }

        .megamenu > li .megamenu_drop {
            padding-right: 30px;
            background-color: white;
        }

    .megamenu li.megamenu_button, .megamenu li.megamenu_button_close {
        display: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }

    .megamenu li.megamenu_right {
        float: right;
        margin-right: -1px;
    }

        .megamenu li.megamenu_right a {
            margin-right: 5px;
        }

.headerright {
    color: #0060af !important;
    font-weight: bold !important;
}

.megamenu li .dropdown_container, .megamenu li .dropdown_fullwidth, .megamenu li .dropdown_multilevel {
    position: absolute;
    margin: 0;
    padding-top: 24px;
    padding-bottom: 10px;
    left: -9999em;
    top: -9999em;
    display: block;
    zoom: 1;
    z-index: 9998;
    float: left;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 10px 12px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 10px 12px -6px rgba(0,0,0,0.75);
    box-shadow: 0 10px 12px -6px rgba(0,0,0,0.75);
}

.megamenu li .dropdown_first {
    margin-left: -1px;
}

.megamenu li .droplast_right {
    margin-right: -1px;
}

.megamenu li:hover .dropdown_container {
    top: 45px;
    left: auto;
}

.megamenu li:hover .dropdown_fullwidth {
    top: 45px;
    left: -1px;
}

.megamenu li .dropdown_right {
    right: 0;
}

.megamenu li:hover .dropdown_right {
    top: 45px;
    left: auto;
    right: 0;
}

.megamenu .dropdown_1column {
    width: 8.3334%;
    padding-left: 2%;
    padding-right: 2%;
}

.megamenu .dropdown_2columns {
    width: 16.6667%;
    padding-left: 1.8333%;
    padding-right: 1.8333%;
}

.megamenu .dropdown_3columns {
    width: 25%;
    padding-left: 1.5%;
    padding-right: 1.5%;
}

.megamenu .dropdown_4columns {
    width: 33.3334%;
    padding-left: 1.333%;
    padding-right: 1.333%;
}

.megamenu .dropdown_5columns {
    width: 41.6667%;
    padding-left: 1.166%;
    padding-right: 1.166%;
}

.megamenu .dropdown_6columns {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%;
}

.megamenu .dropdown_7columns {
    width: 58.3334%;
    padding-left: .833%;
    padding-right: .833%;
}

.megamenu .dropdown_8columns {
    width: 66.6667%;
    padding-left: .666%;
    padding-right: .666%;
}

.megamenu .dropdown_9columns {
    width: 75%;
    padding-left: .5%;
    padding-right: .5%;
}

.megamenu .dropdown_10columns {
    width: 83.3334%;
    padding-left: .333%;
    padding-right: .333%;
}

.megamenu .dropdown_11columns {
    width: 91.6667%;
    padding-left: .1666%;
    padding-right: .1666%;
}

.megamenu .dropdown_12columns, .megamenu .dropdown_fullwidth {
    width: 100%;
}

.megamenu .col_1, .megamenu .col_2, .megamenu .col_3, .megamenu .col_4, .megamenu .col_5, .megamenu .col_6, .megamenu .col_7, .megamenu .col_8, .megamenu .col_9, .megamenu .col_10, .megamenu .col_11, .megamenu .col_12 {
    float: left;
    display: inline;
    position: relative;
    margin-left: 2%;
    margin-right: 2%;
    *margin-left: 1.9%;
    *margin-right: 1.9%;
}

.megamenu .col_1 {
    width: 4.33%;
}

.megamenu .col_2 {
    width: 12.66%;
}

.megamenu .col_3 {
    width: 21%;
}

.megamenu .col_4 {
    width: 29.33%;
}

.megamenu .col_5 {
    width: 37.66%;
}

.megamenu .col_6 {
    width: 46%;
}

.megamenu .col_7 {
    width: 54.33%;
}

.megamenu .col_8 {
    width: 62.66%;
}

.megamenu .col_9 {
    width: 71%;
}

.megamenu .col_10 {
    width: 79.33%;
}

.megamenu .col_11 {
    width: 87.66%;
}

.megamenu .col_12 {
    width: 96%;
}

.megamenu .rowcontent {
    clear: left;
    *display: inline;
}

.megamenu .dropdown_flyout, .megamenu .dropdown_flyout .dropdown_flyout_level {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .megamenu .dropdown_flyout li {
        float: left;
        width: 92%;
        padding: 3px 4% 3px 4%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .megamenu .dropdown_flyout ul li {
        width: 140px;
        padding: 3px 10px 3px 10px;
    }

    .megamenu .dropdown_flyout a {
        display: block;
        width: 10em;
    }

    .megamenu .dropdown_flyout .dropdown_flyout_level {
        position: absolute;
        margin: 15px 0 0 4px;
        padding: 6px;
        left: -9999em;
        top: -9999em;
        display: block;
        zoom: 1;
        float: left;
    }

    .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
        left: 95%;
        top: -21px;
    }

    .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
        left: -108%;
        right: 100%;
    }

.megamenu p, .megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5, .megamenu h6 {
    padding: 0;
    margin: 0;
}

.megamenu > li > div a {
    text-decoration: none;
    outline: 0;
}

    .megamenu > li > div a:hover {
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -o-transition: color .3s;
        -ms-transition: color .3s;
        transition: color .3s;
    }

.megamenu p {
    font-size: 12px;
    line-height: 21px;
}

.megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5, .megamenu h6 {
    font-weight: bold;
    margin: 0 0 20px 0;
}

.megamenu h1 {
    font-size: 24px;
    line-height: 28px;
}

.megamenu h2 {
    font-size: 20px;
    line-height: 22px;
}

.megamenu h3 {
    font-size: 16px;
    line-height: 20px;
}

.megamenu h4 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 14px;
}

.megamenu h5 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 14px;
}

.megamenu h6 {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.megamenu li ul, .megamenu li ol {
    padding: 0;
    margin: 0 0 18px 20px;
}

.megamenu li ul {
    list-style: disc;
}

.megamenu li ol {
    list-style: decimal;
    *margin-left: 22px;
}

    .megamenu li ul li, .megamenu li ol li {
        font-size: 12px;
        line-height: 21px;
        position: relative;
        padding: 0;
        margin: 0;
        float: none;
        text-align: left;
    }

.megamenu li .list_unstyled {
    list-style: none;
    margin-left: 0;
}

.megamenu .blue, .megamenu .grey, .megamenu .orange, .megamenu .dark, .megamenu .purple {
    padding: 0 0 0 15px;
    margin-bottom: 18px;
    border-left: solid 5px;
}

.megamenu .blue {
    border-left-color: #929292;
}

.megamenu .grey {
    border-left-color: #ece7ba;
}

.megamenu .orange {
    border-left-color: #bd4f33;
}

.megamenu .dark {
    border-left-color: #3f3f3f;
}

.megamenu .purple {
    border-left-color: #382e34;
}

.megamenu .black_box {
    text-shadow: none;
    padding: 10px;
    margin-top: -10px;
    *margin-top: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.megamenu .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 24px;
}

    .megamenu .video_container iframe, .megamenu .video_container object, .megamenu .video_container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.megamenu .dropcap {
    display: block;
    float: left;
    font-size: 42px;
    line-height: 36px;
    margin: 4px 8px 0 0;
}

.megamenu hr {
    width: 100%;
    height: 0;
    *height: 2px;
    border: 0;
    margin-bottom: 24px;
}

.megamenu img {
    max-width: 100%;
    height: auto;
    border: 0;
    margin-bottom: 18px;
}

    .megamenu img.img_left {
        float: left;
        margin-right: 18px;
    }

    .megamenu img.img_right {
        float: right;
        margin-left: 18px;
    }

.megamenu li.megamenu_home img {
    margin: 0;
    width: 20px;
}

.megamenu li.megamenu_home a {
    padding: 8px 13px;
}

.megamenu img:hover {
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.megamenu .paragraph_icon {
    padding-left: 36px;
    padding-right: 10px;
}

.megamenu .mini_icon {
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-left: -34px;
    float: left;
    width: 20px;
    height: 20px;
}

.megamenu_dark .megamenu .mini_icon {
    background-image: url("../images/mini-icons-white.png");
}

.megamenu_light .megamenu .mini_icon {
    background-image: url("../images/mini-icons-black.png");
}

.megamenu .ic_archive {
    background-position: 0 0;
}

.megamenu .ic_attachment {
    background-position: 0 -56px;
}

.megamenu .ic_bookmark {
    background-position: 0 -112px;
}

.megamenu .ic_brush {
    background-position: 0 -168px;
}

.megamenu .ic_calc {
    background-position: 0 -224px;
}

.megamenu .ic_calendar {
    background-position: 0 -280px;
}

.megamenu .ic_cancel {
    background-position: 0 -336px;
}

.megamenu .ic_chat {
    background-position: 0 -392px;
}

.megamenu .ic_chats {
    background-position: 0 -448px;
}

.megamenu .ic_cloud {
    background-position: 0 -504px;
}

.megamenu .ic_delete {
    background-position: 0 -560px;
}

.megamenu .ic_documents {
    background-position: 0 -616px;
}

.megamenu .ic_down {
    background-position: 0 -672px;
}

.megamenu .ic_down_circle {
    background-position: 0 -728px;
}

.megamenu .ic_download {
    background-position: 0 -784px;
}

.megamenu .ic_edit {
    background-position: 0 -840px;
}

.megamenu .ic_empty_document {
    background-position: 0 -896px;
}

.megamenu .ic_favorite {
    background-position: 0 -952px;
}

.megamenu .ic_folder {
    background-position: 0 -1008px;
}

.megamenu .ic_fullscreen {
    background-position: 0 -1064px;
}

.megamenu .ic_graph {
    background-position: 0 -1120px;
}

.megamenu .ic_grid {
    background-position: 0 -1176px;
}

.megamenu .ic_left {
    background-position: 0 -1232px;
}

.megamenu .ic_left_circle {
    background-position: 0 -1288px;
}

.megamenu .ic_list {
    background-position: 0 -1344px;
}

.megamenu .ic_lock {
    background-position: 0 -1400px;
}

.megamenu .ic_mail {
    background-position: 0 -1456px;
}

.megamenu .ic_minus {
    background-position: 0 -1512px;
}

.megamenu .ic_ok {
    background-position: 0 -1568px;
}

.megamenu .ic_picture {
    background-position: 0 -1624px;
}

.megamenu .ic_pin {
    background-position: 0 -1680px;
}

.megamenu .ic_plus {
    background-position: 0 -1736px;
}

.megamenu .ic_power {
    background-position: 0 -1792px;
}

.megamenu .ic_print {
    background-position: 0 -1848px;
}

.megamenu .ic_refresh {
    background-position: 0 -1904px;
}

.megamenu .ic_right {
    background-position: -56px 0;
}

.megamenu .ic_right_circle {
    background-position: -56px -56px;
}

.megamenu .ic_settings {
    background-position: -56px -112px;
}

.megamenu .ic_sound {
    background-position: -56px -168px;
}

.megamenu .ic_sync {
    background-position: -56px -224px;
}

.megamenu .ic_tag {
    background-position: -56px -280px;
}

.megamenu .ic_target {
    background-position: -56px -336px;
}

.megamenu .ic_text_document {
    background-position: -56px -392px;
}

.megamenu .ic_time {
    background-position: -56px -448px;
}

.megamenu .ic_unlock {
    background-position: -56px -504px;
}

.megamenu .ic_up {
    background-position: -56px -560px;
}

.megamenu .ic_up_circle {
    background-position: -56px -616px;
}

.megamenu .ic_user {
    background-position: -56px -672px;
}

.megamenu .ic_users {
    background-position: -56px -728px;
}

.megamenu .ic_zoom {
    background-position: -56px -784px;
}

.megamenu .social_icon {
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    *padding-bottom: 18px;
    float: left;
    background: url("../images/social-icons.png") no-repeat top left;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: .3s all ease-in;
    -o-transition: .3s all ease-in;
    -moz-transition: .3s all ease-in;
    transition: .3s all ease-in;
}

    .megamenu .social_icon:hover {
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

.megamenu .social_icon_delicious {
    background-position: 0 0;
}

.megamenu .social_icon_digg {
    background-position: 0 -62px;
}

.megamenu .social_icon_dribble {
    background-position: 0 -124px;
}

.megamenu .social_icon_ember {
    background-position: 0 -186px;
}

.megamenu .social_icon_facebook {
    background-position: 0 -248px;
}

.megamenu .social_icon_flickr {
    background-position: 0 -310px;
}

.megamenu .social_icon_forrst {
    background-position: 0 -372px;
}

.megamenu .social_icon_google {
    background-position: 0 -434px;
}

.megamenu .social_icon_last_fm {
    background-position: 0 -496px;
}

.megamenu .social_icon_linkedin {
    background-position: 0 -558px;
}

.megamenu .social_icon_my_space {
    background-position: 0 -620px;
}

.megamenu .social_icon_quora {
    background-position: 0 -682px;
}

.megamenu .social_icon_rss {
    background-position: 0 -744px;
}

.megamenu .social_icon_sharethis {
    background-position: 0 -806px;
}

.megamenu .social_icon_skype {
    background-position: 0 -868px;
}

.megamenu .social_icon_stumbleupon {
    background-position: 0 -930px;
}

.megamenu .social_icon_tumblr {
    background-position: 0 -992px;
}

.megamenu .social_icon_twitter {
    background-position: 0 -1054px;
}

.megamenu .social_icon_vimeo {
    background-position: 0 -1116px;
}

.megamenu .social_icon_you_tube {
    background-position: 0 -1178px;
}

.megamenu #megamenu_form {
    margin: 0 0 20px 0;
    display: block;
}

    .megamenu #megamenu_form fieldset {
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .megamenu #megamenu_form label {
        width: 94%;
        float: left;
        margin: 0 0 12px 0;
        padding-top: 3px;
        font-size: 12px;
        font-family: Verdana,"Trebuchet MS",Arial,sans-serif;
    }

    .megamenu #megamenu_form input.form-input, .megamenu #megamenu_form textarea {
        width: 90%;
        padding: 6px;
        border: 1px solid #ddd;
        box-shadow: none;
        margin: 0 0 12px 0;
        transition: border-color .2s;
        font-family: Verdana,"Trebuchet MS",Arial,sans-serif;
        font-size: 12px;
    }

    .megamenu #megamenu_form input.form-captcha {
        width: 40px;
    }

    .megamenu #megamenu_form textarea {
        height: 120px;
    }

        .megamenu #megamenu_form input.form-input:hover, .megamenu #megamenu_form textarea:hover {
            border: 1px solid #bbb;
        }

        .megamenu #megamenu_form input.form-input:focus, .megamenu #megamenu_form textarea:focus {
            border: 1px solid #aaa;
            box-shadow: none;
            outline: 0;
        }

    .megamenu #megamenu_form .form-buttons {
        list-style: none;
        width: 94%;
        margin: 6px 0 0 0;
    }

        .megamenu #megamenu_form .form-buttons li {
            float: left;
            margin: 0 12px 0 0;
        }

            .megamenu #megamenu_form .form-buttons li input {
                float: left;
                margin: 0 12px 0 0;
                padding: 9px 0;
                width: 90px;
                font-size: 12px;
                cursor: pointer;
                color: #eee;
                border: 0;
                background: #000;
            }

    .megamenu #megamenu_form label.error, .megamenu #megamenu_form #error, .megamenu #megamenu_form #success {
        color: #fff;
        clear: both;
        width: 90%;
        padding: 6px;
        font-size: 12px;
        line-height: 18px;
    }

    .megamenu #megamenu_form label.error, .megamenu #megamenu_form #error {
        background: #e45635;
    }

    .megamenu #megamenu_form input.error, .megamenu #megamenu_form input.error:hover, .megamenu #megamenu_form input.error:focus, .megamenu #megamenu_form textarea.error, .megamenu #megamenu_form textarea.error:hover, .megamenu #megamenu_form textarea.error:focus {
        border-color: #f4baad;
    }

    .megamenu #megamenu_form #success {
        background: #90ab76;
    }

    .megamenu #megamenu_form #success, .megamenu #megamenu_form #error {
        display: none;
        position: absolute;
        top: 0;
        margin-left: 0;
        width: 90%;
    }

    .megamenu #megamenu_form .required {
        color: #e9266d;
    }

.megamenu .table_light, .megamenu .table_dark {
    width: 100%;
    padding: 0;
    margin: 6px 0 18px 0;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
}

    .megamenu .table_light th, .megamenu .table_dark th {
        text-align: left;
        padding: 12px 9px 12px 9px;
        font-weight: bold;
        font-size: 12px;
    }

    .megamenu .table_light td, .megamenu .table_dark td {
        padding: 12px 9px 12px 9px;
    }

.megamenu_dark_bar {
    background: #212121;
    background: -webkit-linear-gradient(top,#333 0,#181818);
    background: -moz-linear-gradient(top,#333 0,#181818);
    background: -o-linear-gradient(top,#333 0,#181818);
    background: -ms-linear-gradient(top,#333 0,#181818);
    background: linear-gradient(top,#333 0,#181818);
    border: 1px solid #171717;
    -webkit-box-shadow: inset 0 0 2px rgba(40,40,40,0.7);
    -moz-box-shadow: inset 0 0 2px rgba(40,40,40,0.7);
    box-shadow: inset 0 0 2px rgba(40,40,40,0.7);
}

    .megamenu_dark_bar .megamenu {
        color: #fff;
    }

        .megamenu_dark_bar .megamenu > li:hover, .megamenu_dark_bar .megamenu > li.active {
            background: #121212;
            -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
            -moz-box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
            box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
        }

        .megamenu_dark_bar .megamenu li.noactive {
            background: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .megamenu_dark_bar .megamenu > li > a {
            color: #fff;
            text-shadow: 1px 1px 1px #000;
        }

        .megamenu_dark_bar .megamenu > li:hover > a {
            color: #fff;
            text-shadow: 1px 1px 1px #000;
        }

        .megamenu_dark_bar .megamenu > li .megamenu_drop {
            background: white url("../images/dropdown.png") no-repeat right 18px;
        }

    .megamenu_dark_bar .megamenu_vertical > li .megamenu_drop {
        background: url("../images/right.png") no-repeat right 16px;
    }

    .megamenu_dark_bar .megamenu li.megamenu_button, .megamenu_dark_bar .megamenu li.megamenu_button:hover {
        background: url("../images/dropdown.png") no-repeat right 19px;
    }

    .megamenu_dark_bar .megamenu li.megamenu_button_active, .megamenu_dark_bar .megamenu li.megamenu_button_active:hover {
        background: url("../images/dropdown-up.png") no-repeat right 18px;
    }

.megamenu_light_bar .megamenu {
    color: #212121;
}

    .megamenu_light_bar .megamenu li.noactive {
        background: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .megamenu_light_bar .megamenu > li > a {
        color: #212121;
        text-shadow: 1px 1px 1px #fff;
    }

    .megamenu_light_bar .megamenu > li:hover > a {
        color: #212121;
        text-shadow: 1px 1px 1px #fff;
    }

    .megamenu_light_bar .megamenu > li .megamenu_drop {
        background: white url("../images/dropdown-b.png") no-repeat right 15px;
    }

.megamenu_light_bar .megamenu_vertical > li .megamenu_drop {
    background: url("../images/right-b.png") no-repeat right 16px;
}

.megamenu_light_bar .megamenu li.megamenu_button, .megamenu_light_bar .megamenu li.megamenu_button:hover {
    background: url("../images/dropdown-b.png") no-repeat right 19px;
}

.megamenu_light_bar .megamenu li.megamenu_button_active, .megamenu_light_bar .megamenu li.megamenu_button_active:hover {
    background: url("../images/dropdown-b-up.png") no-repeat right 18px;
}

.megamenu_dark .megamenu li .dropdown_container, .megamenu_dark .megamenu li .dropdown_fullwidth, .megamenu_dark .megamenu li .dropdown_flyout li ul {
    border: 1px solid #000;
    border-top-width: 0;
    background: #111;
    color: #f6f6f6;
}

.megamenu_container_vertical .megamenu li .dropdown_container, .megamenu_container_vertical .megamenu li .dropdown_fullwidth, .megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
    border-top-width: 1px;
}

.megamenu_dark .megamenu li .dropdown_flyout li ul {
    border: 1px solid #000;
}

.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
    background: url("../images/right.png") no-repeat right 9px;
}

    .megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover, .megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active {
        background-color: #000;
    }

    .megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.noactive {
        background-color: white;
    }

.megamenu_dark .megamenu p, .megamenu_dark .megamenu h1, .megamenu_dark .megamenu h2, .megamenu_dark .megamenu h3, .megamenu_dark .megamenu h4, .megamenu_dark .megamenu h5, .megamenu_dark .megamenu h6 {
    color: #f6f6f6;
    text-shadow: 1px 1px 1px #000;
}

.megamenu_dark .megamenu > li > div a, .megamenu_dark .megamenu li ul li, .megamenu_dark .megamenu li ol li {
    color: #aaa;
}

    .megamenu_dark .megamenu > li > div a:hover {
        color: #ddd;
    }

    .megamenu_dark .megamenu li ul li:hover, .megamenu_dark .megamenu li ol li:hover, .megamenu_dark .megamenu .blue, .megamenu_dark .megamenu .grey, .megamenu_dark .megamenu .orange, .megamenu_dark .megamenu .dark, .megamenu_dark .megamenu .purple {
        color: #eee;
    }

.megamenu_dark .megamenu .black_box {
    background: #000;
    color: #fff;
}

.megamenu_dark .megamenu .grey_bg {
    background: #eee;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}

.megamenu_dark .megamenu > li.megamenu_searchform:hover {
    background: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.megamenu_dark .megamenu hr {
    border: 0;
    border-bottom: 1px solid #202020;
    border-top: 1px solid #000;
}

.megamenu_light .megamenu li .dropdown_container, .megamenu_light .megamenu li .dropdown_fullwidth, .megamenu_light .megamenu li .dropdown_flyout li ul {
    border: 1px solid #ccc;
    border-top-width: 0;
    background: #fafafa;
    color: #212121;
}

.megamenu_container_vertical .megamenu li .dropdown_container, .megamenu_container_vertical .megamenu li .dropdown_fullwidth, .megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
    border-top-width: 1px;
}

.megamenu_light .megamenu li .dropdown_flyout li ul {
    border: 1px solid #ccc;
}

.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
    background: url("../images/right-b.png") no-repeat right 9px;
}

    .megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover, .megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
        background-color: #eee;
    }

    .megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.noactive {
        background-color: white;
    }

.megamenu_light .megamenu p, .megamenu_light .megamenu h1, .megamenu_light .megamenu h2, .megamenu_light .megamenu h3, .megamenu_light .megamenu h4, .megamenu_light .megamenu h5, .megamenu_light .megamenu h6 {
    color: #212121;
    text-shadow: 1px 1px 1px #fff;
}

.megamenu_light .megamenu > li > div a, .megamenu_light .megamenu li ul li, .megamenu_light .megamenu li ol li {
    color: #888;
}

    .megamenu_light .megamenu > li > div a:hover {
        color: #333;
    }

    .megamenu_light .megamenu li ul li:hover, .megamenu_light .megamenu li ol li:hover, .megamenu_light .megamenu .blue, .megamenu_light .megamenu .grey, .megamenu_light .megamenu .orange, .megamenu_light .megamenu .dark, .megamenu_light .megamenu .purple {
        color: #444;
    }

.megamenu_light .megamenu .black_box {
    background: #212121;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.megamenu_light .megamenu .grey_bg {
    background: #eee;
}

.megamenu_light .megamenu > li.megamenu_searchform:hover {
    background: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.megamenu_light .megamenu hr {
    border: 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e4e4e4;
}

.megamenu > li.megamenu_searchform .megamenu_searchfield {
    background: #fff;
    border: solid 1px #bcbbbb;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.megamenu .table_light {
    border: 1px solid #cbcbcb;
    border-bottom: 0;
}

    .megamenu .table_light th {
        color: #3a3a3a;
        border-bottom: 1px solid #cbcbcb;
        background: #f5f5f5;
    }

    .megamenu .table_light td {
        border-bottom: 1px solid #cbcbcb;
        background: #fff;
        color: #888;
    }

.megamenu .table_dark {
    border: 1px solid #000;
    border-bottom: 0;
}

    .megamenu .table_dark th {
        color: #FFF;
        border-bottom: 1px solid #000;
        background: #0d0d0d;
    }

    .megamenu .table_dark td {
        border-bottom: 1px solid #000;
        background: #0f0f0f;
        color: #DDD;
    }

@media only screen and (max-width:984px) {
    .megamenu {
        margin: 0;
        -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.75);
        -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.75);
        box-shadow: 0 3px 7px 0 rgba(0,0,0,0.75);
    }

        .megamenu img {
            max-width: 96%;
            height: auto;
        }

        .megamenu textarea {
            width: 96%;
        }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    .megamenu_container .megamenu > li > div > .responsive_sixths, .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_sixths {
        width: 8.66%;
    }

    .megamenu_container .megamenu > li > div > .responsive_fourths, .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_fourths {
        width: 17%;
    }

    .megamenu_container .megamenu > li > div > .responsive_thirds, .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_thirds {
        width: 25.33334%;
    }

    .megamenu_container .megamenu > li > div > .responsive_halfs, .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_halfs {
        width: 42%;
    }
}

@media only screen and (min-width:769px) and (max-width:984px) {
    .megamenu_container .megamenu > li {
        margin: 0 8px 0 0;
        background-color: white;
    }

        .megamenu_container .megamenu > li.right {
            margin-right: -1px;
        }

        .megamenu_container .megamenu > li .megamenu_drop {
            padding-right: 30px;
            background-color: white;
        }
}

@media only screen and (max-width:768px) {
    .megamenu {
        top: 0;
    }

    .megamenu_container {
        z-index: 99999;
        width: 100%;
        top: 35px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
        position: absolute;
        height: 40px;
        margin: 0;
        box-shadow: none;
    }

    li.megamenu_button:first-child > a {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmI2YiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(left, rgba(0,107,107,0.8) 0%, rgba(0,174,239,0.8) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,107,107,0.8)), color-stop(100%,rgba(0,174,239,0.8)));
        background: -webkit-linear-gradient(left, rgba(0,107,107,0.8) 0%,rgba(0,174,239,0.8) 100%);
        background: -o-linear-gradient(left, rgba(0,107,107,0.8) 0%,rgba(0,174,239,0.8) 100%);
        background: -ms-linear-gradient(left, rgba(0,107,107,0.8) 0%,rgba(0,174,239,0.8) 100%);
        background: linear-gradient(to right, rgba(0,107,107,0.8) 0%,rgba(0,174,239,0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc006b6b', endColorstr='#cc0089d0',GradientType=1 );
        text-shadow: none;
        color: white;
        text-transform: lowercase;
        font-weight: bold;
        border: 0;
        box-shadow: none;
        height:30px;
    }

        li.megamenu_button:first-child > a:hover {
            text-shadow: none;
            color: lightgrey;
        }

    .megamenu_container .megamenu > li, .megamenu_container .megamenu > li:hover, .megamenu_container .megamenu > li.right, .megamenu_container .megamenu > li.right:hover {
        float: none;
        width: auto;
        padding-right: 0;
        margin-right: 0;
        background-color: white;
    }

        .megamenu_container .megamenu > li > a {
            padding: 16px 10px;
            background-color: white;
        }

    .megamenu_container .megamenu li.right a {
        margin-right: 0;
    }

    .megamenu_container .megamenu li:hover .dropdown_container, .megamenu_container .megamenu li:hover .dropdown_fullwidth, .megamenu_container .megamenu li:hover .dropdown_right {
        top: auto;
        left: -1px;
    }

    .megamenu_container .megamenu .dropdown_1column, .megamenu_container .megamenu .dropdown_2columns, .megamenu_container .megamenu .dropdown_3columns, .megamenu_container .megamenu .dropdown_4columns, .megamenu_container .megamenu .dropdown_5columns, .megamenu_container .megamenu .dropdown_6columns, .megamenu_container .megamenu .dropdown_7columns, .megamenu_container .megamenu .dropdown_8columns, .megamenu_container .megamenu .dropdown_9columns, .megamenu_container .megamenu .dropdown_10columns, .megamenu_container .megamenu .dropdown_11columns, .megamenu_container .megamenu .dropdown_12columns {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .megamenu_container .megamenu .col_1, .megamenu_container .megamenu .col_2, .megamenu_container .megamenu .col_3, .megamenu_container .megamenu .col_4, .megamenu_container .megamenu .col_5, .megamenu_container .megamenu .col_6, .megamenu_container .megamenu .col_7, .megamenu_container .megamenu .col_8, .megamenu_container .megamenu .col_9, .megamenu_container .megamenu .col_10, .megamenu_container .megamenu .col_11, .megamenu_container .megamenu .col_12 {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }

    .megamenu_container .megamenu > li.megamenu_searchform .megamenu_searchfield {
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .megamenu .dropdown_flyout, .megamenu .dropdown_flyout .dropdown_flyout_level {
        position: relative;
        left: auto;
        top: auto;
        padding: 0;
        margin: 0 4% 0 4%;
    }

        .megamenu .dropdown_flyout li, .megamenu .dropdown_flyout ul li {
            width: 100%;
            padding: 3px 0 3px 0;
        }

            .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
                left: auto;
                top: auto;
            }

            .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
                left: auto;
                right: auto;
            }

    .megamenu_dark .megamenu li .dropdown_flyout li ul, .megamenu_light .megamenu li .dropdown_flyout li ul {
        border: 0;
        background: 0;
    }

    .megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
        background: url("../images/dropdown.png") no-repeat right 9px;
    }

    .megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
        background: url("../images/dropdown-b.png") no-repeat right 9px;
    }

        .megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover, .megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active, .megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover, .megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
            background-color: white;
        }
}

@media only screen and (max-width:480px) {
    .megamenu_container .megamenu > li > div > .responsive_sixths, .megamenu_container .megamenu > li > div > .responsive_fourths, .megamenu_container .megamenu > li > div > .responsive_thirds, .megamenu_container .megamenu > li > div > .responsive_halfs {
        width: 42%;
    }
}

@media only screen and (max-width:984px) {
    .megamenu_container_vertical .megamenu li .dropvertical_container {
        width: 400px;
    }

    .megamenu_container_vertical .megamenu .dropdown_1column, .megamenu_container_vertical .megamenu .dropdown_2columns, .megamenu_container_vertical .megamenu .dropdown_3columns, .megamenu_container_vertical .megamenu .dropdown_4columns, .megamenu_container_vertical .megamenu .dropdown_5columns, .megamenu_container_vertical .megamenu .dropdown_6columns, .megamenu_container_vertical .megamenu .dropdown_7columns, .megamenu_container_vertical .megamenu .dropdown_8columns, .megamenu_container_vertical .megamenu .dropdown_9columns, .megamenu_container_vertical .megamenu .dropdown_10columns, .megamenu_container_vertical .megamenu .dropdown_11columns, .megamenu_container_vertical .megamenu .dropdown_12columns {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .megamenu_container_vertical .megamenu .col_1, .megamenu_container_vertical .megamenu .col_2, .megamenu_container_vertical .megamenu .col_3, .megamenu_container_vertical .megamenu .col_4, .megamenu_container_vertical .megamenu .col_5, .megamenu_container_vertical .megamenu .col_6, .megamenu_container_vertical .megamenu .col_7, .megamenu_container_vertical .megamenu .col_8, .megamenu_container_vertical .megamenu .col_9, .megamenu_container_vertical .megamenu .col_10, .megamenu_container_vertical .megamenu .col_11, .megamenu_container_vertical .megamenu .col_12 {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }

    .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_sixths, .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_fourths, .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_thirds, .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_halfs {
        width: 42%;
    }

    .megamenu_container_vertical .megamenu .dropdown_flyout, .megamenu_container_vertical .megamenu .dropdown_flyout .dropdown_flyout_level {
        position: relative;
        left: auto !important;
        top: auto !important;
        padding: 0;
        margin: 0 4% 0 4%;
    }

        .megamenu_container_vertical .megamenu .dropdown_flyout li, .megamenu_container_vertical .megamenu .dropdown_flyout ul li {
            width: 100% !important;
            padding: 3px 0 3px 0;
        }

            .megamenu_container_vertical .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
                left: auto !important;
                top: auto !important;
            }

            .megamenu_container_vertical .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
                left: auto !important;
                right: auto !important;
            }

    .megamenu_dark .megamenu_vertical li .dropdown_flyout li ul, .megamenu_light .megamenu_vertical li .dropdown_flyout li ul {
        border: 0;
        background: 0;
    }

    .megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent {
        background: url("../images/dropdown.png") no-repeat right 9px;
    }

    .megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent {
        background: url("../images/dropdown-b.png") no-repeat right 9px;
    }

        .megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent:hover, .megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent.active, .megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent:hover, .megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent.active {
            background-color: white;
        }
}

@media only screen and (max-width:768px) {
    .megamenu_container_vertical, .megamenu_container_vertical .megamenu {
        width: 100%;
    }

        .megamenu_container_vertical .megamenu > li, .megamenu_container_vertical .megamenu > li:hover, .megamenu_container_vertical .megamenu > li.right, .megamenu_container_vertical .megamenu > li.right:hover {
            float: none;
            width: auto;
            padding-right: 0;
            margin-right: 0;
        }

        .megamenu_container_vertical .megamenu li .megamenu_drop {
            padding-right: 30px;
        }

    .megamenu_light_bar .megamenu_vertical li .megamenu_drop {
        background: url("../images/dropdown-b.png") no-repeat right center;
    }

    .megamenu_dark_bar .megamenu_vertical li .megamenu_drop {
        background: url("../images/dropdown.png") no-repeat right center;
    }

    .megamenu_container_vertical .megamenu li .dropdown_container, .megamenu_container_vertical .megamenu li .dropdown_fullwidth {
        margin: 0 auto 0 0;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .megamenu_container_vertical .megamenu li .dropdown_first {
        margin: 0 auto 0 -1px;
    }

    .megamenu_container_vertical .megamenu li .dropvertical_container {
        width: 100%;
    }

    .megamenu_container_vertical .megamenu li:hover .dropdown_container, .megamenu_container_vertical .megamenu li:hover .dropdown_fullwidth, .megamenu_container_vertical .megamenu li:hover .dropdown_right {
        top: auto;
        left: -1px;
    }
}

div.menuClose {
    clear: both;
    position: absolute;
    bottom: -20px;
    width: 100%;
    text-align: center;
}

    div.menuClose a.megamenu_close:link, div.menuClose a.megamenu_close:visited {
        background-color: #c6168d;
        padding: 4px 8px;
        color: white;
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
        -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
        box-shadow: 0 3px 5px rgba(0,0,0,0.25);
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

li.megamenu_button_close a.megamenu_close:link {
    text-transform: lowercase;
    text-align: center;
    color: white;
    text-shadow: none;
    background-color: #858586;
}


/*
YMCA Website Stylesheet
*/
html {
    color: #000;
    background-color: white;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
}



h1 {
    font-family: Cachet,Verdana,"Trebuchet MS",Arial,sans-serif;
}

hr {
    border-bottom: 1px solid #dadada;
}

p, .base li {
    font-family: Verdana,"Trebuchet MS",Arial,sans-serif;
}


#content-wrap .base p a:link, #content-wrap .base p a:visited, #content-wrap .base li a:link, #content-wrap .base li a:visited {
    font: bold 12px/16px Verdana,"Trebuchet MS",Arial,sans-serif;
}

#content-wrap .sidebox p a:link, #content-wrap .sidebox p a:visited {
    font-weight: normal;
}

#content-wrap .sidebox .entry-txt p a, .entry-txt a {
    font-weight: bold;
}





button, input.button, input[type="submit"], input[type="button"] {
    background-color: #0060af;
    border: 1px solid #ccc;
    text-transform: uppercase;
    color: white;
    font: bold 12px/16px Verdana,"Trebuchet MS",Arial,sans-serif;
    padding: 4px;
    margin-bottom: 8px;
    border-radius: 3px;
    cursor: pointer;
}



input[type="submit"]:hover, input[type="button"]:hover {
    color: #fff;
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 0;
}

.map img {
    max-width: none;
}

img.noradius {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#navinfo {
    display: none;
}

html.mmenu-opened #top {
    margin-left: 0;
    left: 0;
}

html.mmenu-opening #top {
    left: 435px;
}

p#breadcrumb {
    padding-top: 20px;
    margin-left: 20px;
    font-size: 11px;
}

#touts {
    margin: 10px 0;
}

.tout {
    width: 210px;
    height: 225px;
    position: relative;
    float: left;
    margin: 10px;
    overflow: hidden;
    border: 1px solid #dadada;
    text-align: center;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

    .tout:hover {
        cursor: pointer;
    }

    .tout img {
        position: relative;
    }

    .tout h4 a {
        text-decoration: none;
        text-transform: lowercase;
        display: block;
        color: gray;
        width: 100%;
        position: absolute;
        text-align: center;
        letter-spacing: -0.04em;
    }



        .tout h4 a::after {
            content: "\00bb";
            color: gray;
            padding-left: 10px;
            position: absolute;
        }

    .tout p {
        position: absolute;
        bottom: 25px;
        background-color: #c6168d;
        background-color: rgba(192,22,141,0.65);
        color: #FFF;
        height: 30px;
        margin: 0;
        text-align: center;
        width: 100%;
        padding: 5px 0;
    }

        .tout p a, .tout p a:hover, .tout p a:visited {
            color: #FFF;
        }

        .tout p:hover {
            background-color: rgba(192,22,141,1);
        }

.subnav {
    margin-bottom: 20px;
}

#gmap_canvas {
    width: 220px;
    height: 250px;
}

#footer h2 {
    background-color: #0089d0;
    color: white;
    font:bold 11px/16px Verdana,"Trebuchet MS",Arial,sans-serif !Important;
    padding: 5px;
    margin-bottom: 8px;
    border-radius: 5px;
}

#footer h3 {
    color: white;
    font: normal 11px/16px Verdana,"Trebuchet MS",Arial,sans-serif;
    margin: 2px 0 8px;
}

    #footer h3 span {
        font: normal 18px Verdana,"Trebuchet MS",Arial,sans-serif;
    }

#footer p, #footer a {
    color: white;
    font: normal 11px/14px Verdana,"Trebuchet MS",Arial,sans-serif;
}
#footer_bottom, #footer_bottom a {
    clear: both;
    font: normal 10px Verdana,"Trebuchet MS",Arial,sans-serif;
    color: white;
    text-align: center;
    padding-top: 10px;
}

#footer table {
    color: white;
}

#footer thead {
    border-bottom: 2px solid #6c6d6f;
}

#footer th, #footer td {
    padding: 5px;
    font: normal 10px/11px Verdana;
    vertical-align: top;
}

#footer tr.odd {
    background-color: #6c6d6f;
}

#footer h4 {
    text-align: center;
    padding-top: 10px;
}

    #footer h4 a {
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
    }

    #footer h4 span {
        background: url("../images/footer-arrow.png") 4px -1px no-repeat;
        display: inline-block;
        height: 10px;
        position: relative;
        top: 1px;
        width: 10px;
    }

#footer_ymcalogo {
    padding-bottom: 16px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#footer button#donatetoday {
    margin-top: 10px;
}

#footer-logo {
    zoom: 1;
    width: 130px;
    border-radius: 10px;
    background: #6c6d6f;
    padding: 15px 0;
    color: #6c0007;
    margin-bottom: 10px;
}

    #footer-logo img {
        margin: 0 15px;
    }

    #footer-logo a {
        color: #f9af2f;
        text-decoration: none;
    }

ul.social-icons {
    display: inline-block;
    height: 30px;
    margin: 0;
}

.social-icons li {
    display: inline;
    margin: 0;
}

    .social-icons li a {
        height: 20px;
        width: 21px;
        display: inline-block;
        position: relative;
        top: 3px;
        background: url("../images/icon_socialmedias1.png") 0 0 no-repeat;
        text-indent: -9999em;
    }

.social-icons .fb a {
    background-position: 0 0;
}

.social-icons .tw a {
    background-position: -30px 0;
}

.social-icons .yt a {
    background-position: -60px 0;
}

.social-icons .fl a {
    background-position: -90px 0;
}

.social-icons .mo a {
    background-position: -120px 0;
}

.social-icons li.first a {
    padding-left: 0;
}

#scrollbar {
    position: fixed;
    right: 2px;
    height: 50px;
    width: 6px;
    background: #444;
    background: rgba(0,0,0,0.6);
    border: 1px solid rgba(255,255,255,0.6);
    z-index: 300;
    border-radius: 3px;
}

.skrollr-desktop #scrollbar {
    display: none;
}

.date {
    margin: 0;
    font-size: 11px;
    color: #636466;
}

.entry {
    clear: left;
    float: left;
    padding-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid #b9b9b9;
    margin: 10px 0;
}

.entry-txt {
    margin-left: 75px;
}

    .entry-txt p {
        margin: 2px 0;
    }

        .entry-txt p a, .entry-txt a {
            font-weight: normal;
            font-weight: bold;
        }

.entry img {
    float: left;
    margin: 8px 8px 8px 0;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

#rss {
    text-align: right;
    height: 24px;
    margin-bottom: 20px;
    background-color: #dadada;
    border-radius: 3px;
}

    #rss a {
        margin: 6px;
        background-color: #c6168d;
        padding: 0 4px;
        color: white;
        font: normal 12px/24px Verdana,"Trebuchet MS",Arial,sans-serif;
        border-radius: 3px;
    }

.subnav > ul {
    padding-bottom: 14px;
}

    .subnav > ul > li {
        list-style: circle;
        list-style-position: outside;
        font-size: 24px;
    }

    .subnav > ul li {
        color: rgba(211,88,40,0.8);
    }

    .subnav > ul li {
        padding: 10px 0 10px;
        margin-left: 25px;
        border-bottom: 1px solid #dadada;
    }

        .subnav > ul li > a {
            color: #636466;
            font: normal 12px Verdana,"Trebuchet MS",Arial,sans-serif;
        }

            .subnav > ul li > a:hover {
                color: black;
            }

    .subnav > ul > li.current {
        color: #dd5828;
    }

    .subnav > ul li.current > a {
        color: black;
    }

    .subnav > ul li:last-child {
        border-bottom: 0;
    }

    .subnav > ul > li > ul > li::before, .subnav > ul > li > ul > li:hover {
        content: "\2013";
        margin-right: 5px;
    }

    .subnav > ul > li > ul > li:first-child {
        margin-top: 8px;
    }

    .subnav > ul > li > ul li {
        padding: 10px 0 10px;
        margin-left: -20px;
        border-bottom: 1px solid #dadada;
    }

.subnav > h4 {
    padding: 8px 0;
    font: normal 18px/25px Verdana,"Trebuchet MS",Arial,sans-serif;
    border-bottom: 2px solid #dd5828;
}

.subnav > h5 {
    padding: 12px 8px 8px;
    font: normal 14px/20px Verdana,"Trebuchet MS",Arial,sans-serif;
    border-bottom: 2px solid #c6168d;
}

#content-wrap #hours {
    margin-bottom: 20px;
}



    #content table td, #content-wrap table td {
        font-family: Verdana,"Trebuchet MS",Arial,sans-serif;

    }

    #content table a:hover, #content-wrap table a:hover {
        color: #f48e44;
    }



#footer_center table, #footer_center tr {
    border: 0;
    width: 100%;
}

#footer_center > table > thead > tr > th {
    background-color: #0089d0;
    color: white;
    font: bold 12px/16px Verdana,"Trebuchet MS",Arial,sans-serif;
    padding: 4px;
    margin-bottom: 8px;
}

    #footer_center > table > thead > tr > th:first-child {
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    #footer_center > table > thead > tr > th:last-child {
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

#footer_center tr.even {
    background-color: #626465;
}

#content tr.alt, #content-wrap tr.alt {
    background: #f9f9f9;
}

.slide_header, .tab_header, .centerbox h3 {
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    clear: both;
    background-color: #f37920;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

ul.tabs {
    padding: 0;
    margin: 0;
}

    ul.tabs li, ul.tabs li:active {
        margin: 0 3px 0 0;
    }

        ul.tabs li a.active {
            color: rgba(198,22,141,1);
        }

.tabs li {
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    clear: both;
    background-color: #f7b17f;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

    .tabs li.active {
        background-color: #f37920;
    }

    .slide_header, .slide_header a, .tab_header a, .centerbox h3, .tabs li a, #content_2 ul.tabs > li > a {
        color: white;
        font: normal 14px/14px Cachet,Verdana,"Trebuchet MS",Arial,sans-serif;
    }

.centerbox_content {
    background: rgba(245,245,245,.8);
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    margin-bottom: 30px;
    display: inline-block;
    width: 95%;
}

.sidebutton {
    border: 2px solid #c6168d;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 5px;
}

.homepage .sidebox h3 {
    position: relative;
    background: #fff;
    border: 2px solid #f37920;
    border-top: 0;
    border-right: 0;
    border-bottom-left-radius: 5px;
    color: #006b6b;
    font: bold 12px/16px Verdana,"Trebuchet MS",Arial,sans-serif;
    padding: 10px;
    margin-bottom: 15px;
    margin-left: -8px;
    clear: both;
}

    .homepage .sidebox h3::after, .homepage .sidebox h3::before {
        top: 100%;
        left: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .homepage .sidebox h3::after {
        border-color: rgba(255,255,255,0);
        border-top-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

    .homepage .sidebox h3::before {
        border-color: rgba(198,22,141,0);
        border-top-color: #f37920;
        border-width: 13px;
        margin-left: -13px;
    }

.sidebutton:hover {
    background: rgba(198,22,141,.8);
    color: white;
}

.sidebutton a {
    color: black;
    font: normal 14px/20px Cachet,Verdana,"Trebuchet MS",Arial,sans-serif;
    text-decoration: none;
    display: block;
}

    .sidebutton a:hover {
        color: white;
    }

.triangle, .triangle::before, .triangle::after {
    width: 15px;
    height: 15px;
    float: left;
    position: relative;
    background: orange;
    border-top-right-radius: 50%;
    margin: -2px 10px;
}

    .triangle::before, .triangle::after {
        content: '';
        position: absolute;
        margin: 0;
    }

.triangle {
    -webkit-transform: rotate(0) skewX(-30deg) scale(1,.866);
    -moz-transform: rotate(0) skewX(-30deg) scale(1,.866);
    o-transform: rotate(0) skewX(-30deg) scale(1,.866);
    -ms-transform: rotate(0) skewX(-30deg) scale(1,.866);
    transform: rotate(0) skewX(-30deg) scale(1,.866);
}

    .triangle::before {
        -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
        -moz-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
        o-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
        -ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
        transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
    }

    .triangle::after {
        -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
        -moz-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
        o-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
        -ms-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
        transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
    }

.sidebox {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(245,245,245,.8);
    padding: 8px;
    margin-bottom: 20px;
}

    .sidebox h3 {
        border-bottom: 2px solid #dd5828;
        margin-bottom: 10px;
        padding-bottom: 8px;
    }

    .sidebox a {
        font: normal 13px/16px Verdana,"Trebuchet MS",Helvetica,"Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
    }

    .sidebox iframe {
        border: 1px solid #dadada;
    }

#content_3 table {
    width: 100%;
    border: 1px solid #ccc;
    border-top-color: #fc9f26;
    margin-bottom: 20px;
}



    #content_3 table a:hover {
        color: #f48e44;
    }

#content_3 th {
    background: #fcca66;
    padding: 5px 10px;
    text-align: left;
}

#content_3 tr {
    background: #fafafa;
    border-bottom: 1px solid #ccc;
}

    #content_3 tr.alt {
        background: #f9f9f9;
    }

#content_3 td {
    padding: 8px;
    vertical-align: top;
}

.centerbox_content .entry {
    clear: left;
    float: left;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #b9b9b9;
    padding: 10px 0;
}

    .centerbox_content .entry:last-child {
        border: 0;
    }

fb:like-box {
    display: none;
}

#map_canvas2 {
    width: 98%;
    height: 450px;
}

#events.centerbox {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.opriframe {
    margin-left: -25px;
    width: 783px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

fieldset#joinenews {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    border: 1px solid #dadada;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

    fieldset#joinenews h2 {
        font-size: 18px;
        margin: 10px 0;
        color: grey;
    }

#quick-signup input {
    width: 90%;
    margin: 5px 0;
    background-color:;
}

div.skiptranslate {
    color: white;
}

#cse div {
    margin: 0;
    padding: 0;
    color: #636466;
    font: normal 12px/16px Verdana,"Trebuchet MS",Arial,sans-serif;
}

#framework table, #cse table {
    border: 0;
    margin-bottom: 0px;
    width: 98%;
}

#framework table, td#cse table td {
    font: normal 12px/16px Verdana,"Trebuchet MS",Arial,sans-serif;
}


    #framework table a:hover, #cse table a:hover {
        color: #0089d0;
    }

    #framework table tr {
        border: 0;
    }

#cse th {
    background: #ffffff;
}

#cse tr {
    background: #ffffff;
    border-bottom: 0;
}

#cse .gsc-clear-button {
    margin-right: 20px;
    padding-top: 25px;
    font-size: 20px;
}

#cse .gsc-cursor-box {
    padding: 5px;
}

#cse .gsc-cursor-page {
    margin: 5px;
    color: #0089d0;
    font: normal 14px/16px Verdana,"Trebuchet MS",Arial,sans-serif;
}

#cse .gsc-cursor-current-page {
    background: #fff;
    text-shadow: none;
    color: #636466;
}

#cse .gsc-cursor-page:hover {
    color: #636466;
}

#cse .gcsc-branding-text-name {
    display: none;
}

#accordion {
    margin: 20px 0;
}

    #accordion h3 a {
        font-weight: normal;
        padding: 5px 10px;
        display: block;
    }

    #accordion h3 {
        background: #e8e8e8;
    }

span.signuperror, span.error {
    font-size: 18px;
    color: red;
    font-style: italic;
}

.issuuembed.issuu-isrendered > div > div > span {
    display: none;
}

@media screen and (max-width:768px) {
    #events.centerbox {
        width: 98%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    #socialicons {
        display: none;
    }

    #top {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    #top_bar {
        top: 0;
        width: 100%;
        z-index: 9999;
        height: 36px;
        position: relative;
        background-color: #636466;
    }

    #top_bar_content {
        width: 98%;
    }

    ul#action_links li a, ul#for_members li a, ul#info_links li a {
        color: white;
        font: normal 14px/16.8px "Cachet Book",Verdana,"Trebuchet MS",Arial,sans-serif;
    }

    ul#action_links, ul#for_members {
        float: left;
        text-align: center;
        list-style: none;
        margin: 6px 0 0 0;
        padding: 7px 0;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }

    ul#action_links {
        background: #f37920;
    }

        ul#action_links li {
            float: left;
            margin: 0;
            padding: 0 3px;
            border-right: 1px solid white;
        }

            ul#action_links li:first-child, ul#info_links li:first-child {
                padding-left: 8px;
            }

            ul#action_links li:last-child, ul#info_links li:last-child {
                border-right: 0;
                padding-right: 8px;
            }

    ul#for_members, .slide_header, .tab_header {
        background: #0089d0;
        margin-left: 6px;
    }

        ul#for_members li {
            padding: 0 8px;
        }

    #info_links {
        display: none;
    }

    #cse-search-box {
        float: right;
        margin: 6px 0;
    }

        #cse-search-box fieldset {
            border: 0;
            margin: 0;
            padding: 0;
        }

        #cse-search-box input {
            color: #636466;
        }

            #cse-search-box input[type="text"] {
                padding: 3px 5px 3px 6px;
                font-size: 12px;
                height: 16px;
                width: 100px;
                -moz-border-radius: 5px 0 0 5px;
                -webkit-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
                border: 1px inset #e4e4e4;
            }

            #cse-search-box input[type="submit"] {
                height: 24px;
                width: 29px;
                color: #FFF;
                text-indent: -9999em;
                background: url(../images/search.png) no-repeat;
                border: 0;
                line-height: 0;
            }

    #cse-searh-box input[type="submit"]:hover {
        background-position: -380px -391px;
    }

    #cse-search-box-mobile input[type="submit"] {
        display: none;
    }

    #banner {
        position: absolute;
        width: 80%;
        margin-left: 55px;
        height: 42px;
        z-index: 9999999;
        background-color: transparent;
    }

    #mobileheader a {
        background: center center no-repeat transparent;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99999;
    }

    html.mmenu-opened #mobileheader {
        margin-left: 0;
        left: 0;
        z-index: 99999;
    }

    html.mmenu-opening #mobileheader {
        z-index: 99999;
    }

    #banner #logo {
        display: none;
    }

    #centername {
        width: 100%;
        height: 34px;
        text-align: center;
        position: relative;
    }

        #centername h2::before {
            display: inline-block;
            vertical-align: middle;
            top: 7px;
            content: url('../images/ymca_logo_32.png');
            width: 40px;
            height: 30px;
        }

        #centername h2, #centername h2 a {
            position: absolute;
            float: left;
            font: normal 11px/10px Cachet,Verdana,"Trebuchet MS",Arial,sans-serif;
            color: white;
            width: 100%;
            margin-top: 9px;
            text-decoration: none;
            height: 100%;
        }

            #centername h2 span {
                font: normal 9px/8px Cachet,Verdana,"Trebuchet MS",Arial,sans-serif;
            }



    #content-wrap {
        width: 100%;
        margin: 43px auto 20px;
        display: block;
    }

    #content_1, #content_2, #leftcontent_2, #leftcontent_3, #rightcontent_3, #content_3, #content_4, #rightcontent_4, .leftcontent_half, .rightcontent_half, #footer_left, #footer_center, #footer_right {
        width: 95%;
        padding: 10px;
    }

    #footer {
        display: block;
        width: 100%;
        z-index: 3;
        background-color: #636466;
        -webkit-box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);
        padding-bottom: 10px;
    }

    .opriframe {
        margin-left: 0;
        width: 100%;
    }

    #footer_left {
        padding-top: 15px;
    }
}

@media screen and (max-width:480px) {
    #events.centerbox {
        width: 98%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    #cse-search-box-mobile input[type="submit"] {
        float: left;
        display: block;
        height: 24px;
        width: 29px;
        color: #FFF;
        text-indent: -9999em;
        background: url(../images/search.png) no-repeat;
        border: 0;
        line-height: 0;
        margin: 8px 0 0 3px;
        border: none;
    }

    #top_bar_content {
        width: 99%;
        margin: 0 auto;
    }

    ul#action_links li a, ul#for_members li a, ul#info_links li a {
        color: white;
        font: normal 12px/13.8px "Cachet Book",Verdana,"Trebuchet MS",Arial,sans-serif;
    }

    ul#action_links, ul#for_members {
        float: left;
        text-align: center;
        list-style: none;
        margin: 6px 0 0 0;
        padding: 7px 0;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    ul#action_links {
        background: #f37920;
    }

        ul#action_links li {
            float: left;
            margin: 0;
            padding: 0 3px;
            border-right: 1px solid white;
        }

            ul#action_links li:first-child, ul#info_links li:first-child {
                padding-left: 5px;
            }

            ul#action_links li:last-child, ul#info_links li:last-child {
                border-right: 0;
                padding-right: 5px;
            }

    ul#for_members, .slide_header, .tab_header {
        background: #0089d0;
        margin-left: 3px;
    }

        ul#for_members li {
            padding: 0 5px;
        }

    ul#info_links {
        float: right;
        text-align: left;
        list-style: none;
        margin: 12px 0 0 0;
    }

        ul#info_links li {
            display: none;
        }

    #cse-search-box {
        display: none;
    }

    #banner {
        top: 35px;
    }

    .leftcontent_half, .rightcontent_half, #leftcontent_3, #rightcontent_3 {
        width: 95%;
        float: left;
    }
}

@media screen and (min-width:769px) {
    #events.centerbox {
        width: 98%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    #slide1 {
        background-color: black;
    }

    #cse-search-box-mobile input[type="submit"] {
        display: none;
    }

    #slide2 {
        background-color: black;
    }

    #slide3 {
        background-color: black;
    }

    #mobileheader {
        display: none;
    }

    #top_bar {
        height: 36px;
        background-color: #636466;
        top: 0;
        left: 0;
        width: 100%;
        position: fixed;
        z-index: 9999;
    }

    #top_bar_content, #footer_content {
        width: 1000px;
        margin: 0 auto;
    }

    ul#action_links li a, ul#for_members li a, ul#info_links li a {
        color: white;
        font: normal 14px/16.8px "Cachet Book",Verdana,"Trebuchet MS",Arial,sans-serif;
    }

    ul#action_links, ul#for_members {
        float: left;
        text-align: center;
        list-style: none;
        margin: 2px 0 0 0;
        padding: 7px 0;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }

    ul#action_links {
        background: #f37920;
    }

        ul#action_links li {
            float: left;
            margin: 0;
            padding: 0;
            border-right: 1px solid white;
        }

            ul#action_links li:first-child, ul#info_links li:first-child {
                padding-left: 5px;
            }

            ul#action_links li:last-child, ul#info_links li:last-child {
                border-right: 0;
            }

    ul#for_members, .slide_header, .tab_header {
        background: #0089d0;
        margin-left: 6px;
    }

        ul#for_members li {
            padding: 0 8px;
        }

    ul#info_links {
        float: right;
        text-align: left;
        list-style: none;
        margin: 12px -2px 0 0;
        padding: 0;
    }

        ul#info_links li {
            float: left;
            padding: 0 5px;
            border-right: 1px solid white;
        }

    #cse-search-box {
        float: right;
        margin: 6px 0;
    }

        #cse-search-box fieldset {
            border: 0;
            margin: 0;
            padding: 0;
        }

        #cse-search-box input {
            color: #636466;
        }

            #cse-search-box input[type="text"] {
                padding: 3px 5px 3px 6px;
                font-size: 12px;
                height: 16px;
                width: 115px;
                -moz-border-radius: 5px 0 0 5px;
                -webkit-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
                border: 1px inset #e4e4e4;
            }

            #cse-search-box input[type="submit"] {
                height: 24px;
                width: 29px;
                color: #FFF;
                text-indent: -9999em;
                background: url(../images/search.png) no-repeat;
                border: 0;
                line-height: 0;
            }

    #cse-searh-box input[type="submit"]:hover {
        background-position: -380px -391px;
    }

    #top_banner {
        top: 36px;
        width: 1000px;
        margin: 0 auto;
        z-index: 2;
    }

    #banner {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmI2YiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(left, rgba(0,107,107,0.8) 0%, rgba(0,174,239,0.8) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,107,107,0.8)), color-stop(100%,rgba(0,174,239,0.8)));
        background: -webkit-linear-gradient(left, rgba(0,107,107,0.8) 0%,rgba(0,174,239,0.8) 100%);
        background: -o-linear-gradient(left, rgba(0,107,107,0.8) 0%,rgba(0,174,239,0.8) 100%);
        background: -ms-linear-gradient(left, rgba(0,107,107,0.8) 0%,rgba(0,174,239,0.8) 100%);
        background: linear-gradient(to right, rgba(0,107,107,0.8) 0%,rgba(0,174,239,0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc006b6b', endColorstr='#cc0089d0',GradientType=1 );
        height: 106px;
        position: fixed;
        width: 1000px;
        top: 36px;
        z-index: 1001;
        box-shadow: 0 0 5px rgba(0,0,0,.2);
    }

        #banner #logo {
            position: absolute;
            text-transform: uppercase;
            background: url(../images/ymca_logo_238.png) no-repeat;
            top: 15px;
            left: 18px;
            height: 80px;
            width: 214px;
            text-indent: -9999em;
        }

    #socialicons {
        position: absolute;
        right: 0;
        margin: 10px 30px;
    }

    #centername h2, #centername h2 a {
        position: absolute;
        right: 0;
        font: normal 30px/28px "Cachet Std Medium",Verdana,"Trebuchet MS",Arial,sans-serif;
        color: white;
        width: 400px;
        float: right;
        margin: 43px 30px auto auto;
        text-align: right;
        text-decoration: none;
    }

        #centername h2 span {
            display: block;
            font: normal 20px/18px Cachet,Verdana,"Trebuchet MS",Arial,sans-serif;
        }


    ul#top_menu {
        float: left;
        text-align: center;
        list-style: none;
        margin: 6px 0 0 0;
        padding: 7px 0;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }

    #footer {
        display: block;
        min-width: 1000px;
        width: 100%;
        background-color: #636466;
        -webkit-box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);
        padding-bottom: 10px;
    }

    #footer_left, #footer_center, #footer_right {
        float: left;
        padding-top: 20px;
        margin: 5px 0 5px 20px;
    }

    #footer_left {
        width: 230px;
    }

    #footer_center {
        width: 490px;
    }

    #footer_right {
        width: 200px;
    }

    #navigation {
        height: 31px;
        position: fixed;
        z-index: 999;
        bottom: 0;
        top: 152px;
        background: white;
        width: 1000px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0 0 5px rgba(0,0,0,.2);
    }

        #navigation > ul {
            margin-left: 10px;
        }

            #navigation > ul > li {
                float: left;
                padding: 0 0 5px 5px;
            }

        #navigation li a:link, #navigation li a:visited {
            color: #636466;
            display: block;
            position: relative;
            font-weight: normal;
            text-decoration: none;
            margin: 5px 5px;
            font: normal 14px/22px Cachet,Verdana,"Trebuchet MS",Arial,sans-serif;
        }

        #navigation li a:hover {
            color: black;
        }

        #navigation > ul > li > a {
            font: normal 16px/18px Cachet,Verdana,"Trebuchet MS",Arial,sans-serif;
            text-transform: lowercase;
        }

    .sf-menu, .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .sf-menu li {
            position: relative;
        }

        .sf-menu ul {
            background: white;
            position: absolute;
            display: none;
            top: 31px;
            left: 10px;
            z-index: 99;
            padding: 5px;
        }

            .sf-menu ul li ul {
                margin-left: -5px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                box-shadow: 2px 2px 6px rgba(0,0,0,.8);
            }

        .sf-menu > li {
            float: left;
        }

        .sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
            display: block;
        }

        .sf-menu a {
            display: block;
            position: relative;
        }

        .sf-menu ul ul {
            top: 0;
            left: 100%;
        }

    .sf-menu {
        float: left;
    }

        .sf-menu ul {
            box-shadow: 2px 2px 6px rgba(0,0,0,.2);
            min-width: 10em;
            *width: 10em;
            -moz-border-radius-bottomleft: 10px;
            -webkit-border-bottom-left-radius: 10px;
            border-bottom-left-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            -webkit-border-bottom-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        .sf-menu a {
            text-decoration: none;
            zoom: 1;
        }

            .sf-menu a:hover {
                text-decoration: underline;
                color: #f37920;
            }

        .sf-menu li {
            white-space: nowrap;
            *white-space: normal;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

        .sf-menu ul li {
            margin: 0;
        }

        .sf-menu li:hover, .sf-menu li.sfHover {
            color: rgba(0,0,0,0);
            -webkit-transition: none;
            transition: none;
        }

    .sf-arrows .sf-with-ul {
        padding-right: 1.5em;
        *padding-right: 1em;
    }

        .sf-arrows .sf-with-ul::after {
            content: '';
            position: absolute;
            top: 50%;
            right: .4em;
            margin-top: -3px;
            height: 0;
            width: 0;
            border: 5px solid transparent;
            border-top-color: #636466;
            border-top-color: rgba(99,100,102,.5);
        }

    .sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after {
        border-top-color: #636466;
        border-top-color: rgba(99,100,102);
    }

    .sf-arrows ul .sf-with-ul::after {
        margin-top: -5px;
        margin-right: -3px;
        border-color: transparent;
        border-left-color: #636466;
        border-left-color: rgba(99,100,102,.5);
    }

    .sf-arrows ul li > .sf-with-ul:focus::after, .sf-arrows ul li:hover > .sf-with-ul::after, .sf-arrows ul .sfHover > .sf-with-ul::after {
        border-left-color: #636466;
        border-left-color: rgba(99,100,102);
    }

    #content-wrap {
        width: 1000px;
        margin: 178px auto 20px;
        display: block;
    }

    #framework, #content_1 {
        width: 98%;
        padding: 10px;
    }

    #content_2 {
        width: 720px;
        margin-left: 250px;
        padding: 10px;
        float: left;
    }

    .leftcontent_half, .rightcontent_half {
        width: 50%;
        float: left;
    }

    #leftcontent_2 {
        width: 230px;
        margin-left: -990px;
        padding: 10px;
        float: left;
        position: relative;
        zoom: 1;
    }

    #content_3 {
        width: 500px;
        margin-left: 250px;
        float: left;
        padding: 5px 0 10px;
    }

    #leftcontent_3 {
        width: 230px;
        margin-left: -750px;
        padding: 10px;
        float: left;
        position: relative;
        zoom: 1;
    }

    #rightcontent_3 {
        width: 230px;
        padding: 10px;
        float: right;
    }

    #content_4 {
        width: 720px;
        padding: 10px;
        float: left;
    }

    #rightcontent_4 {
        width: 230px;
        padding: 10px;
        float: left;
    }
}

#videos.module {
    position: relative;
}

    #videos.module .entry {
        clear: left;
        float: left;
        padding-bottom: 0;
        border-bottom: 0;
        margin: 20px 0;
    }

    #videos.module .featured iframe {
        position: relative;
        height: 360px;
    }

    #videos.module a {
        display: block;
    }

    #videos.module .featured {
        height: 360px;
    }

        #videos.module .featured .entry {
            float: none;
            clear: none;
            margin: 0;
        }

        #videos.module .featured p {
            margin: 10px 0 0;
            text-align: center;
        }

    #videos.module .jcarousel-wrapper {
        position: relative;
    }

    #videos.module .jcarousel {
        position: relative;
        padding: 15px 0;
        background: #fff;
        margin: 0;
        overflow: hidden;
    }

        #videos.module .jcarousel ul {
            width: 2000em;
            position: relative;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #videos.module .jcarousel li {
            margin: 0 6px;
            padding: 0;
            float: left;
            display: inline;
        }

            #videos.module .jcarousel li img {
                border: 0;
                display: block;
                height: auto !important;
                width: 90px;
            }

    #videos.module .jcarousel-control-prev, #videos.module .jcarousel-control-next {
        position: absolute;
        top: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px;
    }

    #videos.module .jcarousel-control-next {
        border-color: transparent transparent transparent #ccc;
        right: -30px;
    }

    #videos.module .jcarousel-control-prev {
        border-color: transparent #ccc transparent transparent;
        left: -30px;
    }

        #videos.module .jcarousel-control-prev.inactive,
        #videos.module .jcarousel-control-next.inactive {
            opacity: .5;
            cursor: default;
        }


        cufon {
            text-indent: 0 !important;
        }

        @media screen,projection {
            cufon {
                display: inline !important;
                display: inline-block !important;
                position: relative !important;
                vertical-align: middle !important;
                /*font-size: 1px !important;*/
                line-height: 1px !important;
            }

                cufon cufontext {
                    display: -moz-inline-box !important;
                    display: inline-block !important;
                    width: 0 !important;
                    height: 0 !important;
                    overflow: hidden !important;
                    text-indent: -10000in !important;
                }

                cufon canvas {
                    position: relative !important;
                }
        }

        @media print {
            cufon {
                padding: 0 !important;
            }

                cufon canvas {
                    display: none !important;
                }
        }
        cufon {
            text-indent: 0 !important;
        }

        @media screen,projection {
            cufon {
                display: inline !important;
                display: inline-block !important;
                position: relative !important;
                vertical-align: middle !important;
                /*font-size: 1px !important;*/
                line-height: 1px !important;
            }

                cufon cufontext {
                    display: -moz-inline-box !important;
                    display: inline-block !important;
                    width: 0 !important;
                    height: 0 !important;
                    overflow: hidden !important;
                    text-indent: -10000in !important;
                }

                cufon canvas {
                    position: relative !important;
                }
        }

        @media print {
            cufon {
                padding: 0 !important;
            }

                cufon canvas {
                    display: none !important;
                }
        }