.navbar {
    background: #fff;
    margin-bottom: 0
}

.navbar-nav {
    background: #ccc;
    margin-top: 10px;
    border-bottom: 0 solid #000
}

.navbar-inverse {
    border: none
}

    .navbar-inverse .navbar-toggle {
        border-color: #0399d8
    }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #0399d8
        }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #0399d8
        }

            .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
                background-color: #fff
            }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background: none;
        color: #0399d8
    }

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #0399d8
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background: transparent;
        color: #999
    }

.navbar-nav > li > .dropdown-menu {
    margin-top: 17px
}

.carousel-inner .item {
    height: 400px
}

.banner-img {
    height: 100%;
    background-size: auto 100% !important
}

    .banner-img.first {
        background: url("/App_Themes/Education/images/banner01-bg.jpg") no-repeat scroll center top
    }

    .banner-img.second {
        background: url("/App_Themes/Education/images/banner01-bg.jpg") no-repeat scroll center top
    }

    .banner-img.third {
        background: url("/App_Themes/Education/images/banner01-bg.jpg") no-repeat scroll center top
    }

.carousel-caption {
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-shadow: none;
    color: #333;
    background: rgba(54,25,25,.5);
    width: 630px;
    top: 6%
}

    .carousel-caption h1 {
        text-transform: uppercase;
        font-size: 60px;
        font-weight: bold;
        color: #fff;
        text-shadow: 3px 2px 2px #333
    }

    .carousel-caption p {
        font-weight: 300;
        color: #fff;
        padding: 0 10%;
        text-shadow: 3px 2px 2px #333
    }

    .carousel-caption .btn {
        font-weight: bold;
        font-size: 25px;
        text-transform: uppercase;
        padding: 6px 20px
    }

.carousel-indicators li {
    border: 1px solid #0399d8
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 40%
}

.carousel-indicators .active {
    background-color: #0399d8
}

.glyphicon-chevron-left:before {
    content: url("/App_Themes/Education/images/prev.png")
}

.glyphicon-chevron-right:before {
    content: url("/App_Themes/Education/images/next.png")
}

#featured-section {
    background-color: #2492de;
    margin-top: 1px;
    padding: 25px 0
}

    #featured-section .marketing h2 {
        font-size: 35px;
        color: #fff;
        font-weight: bold;
        line-height: 30px;
        margin-top: 15px
    }

    #featured-section .marketing p {
        font-weight: 300;
        color: #fff;
        margin: 15px 0 0;
        font-size: 15px
    }

        #featured-section .marketing p a {
            color: #fff;
            font-weight: bold
        }

.featured-sprit {
    background-image: url(/App_Themes/Education/images/featured-sprite.png);
    width: 87px;
    height: 87px
}

#featured-section .marketing .fd-01 {
    background-position: 0 0
}

    #featured-section .marketing .fd-01:hover {
        background-position: 0 -88px;
        transition: background-position .5s ease;
        -webkit-transition: background-position .5s ease;
        -moz-transition: background-position .5s ease;
        -o-transition: background-position .5s ease
    }

#featured-section .marketing .fd-02 {
    background-position: -88px 0
}

    #featured-section .marketing .fd-02:hover {
        background-position: -88px -88px;
        transition: background-position .5s ease;
        -webkit-transition: background-position .5s ease;
        -moz-transition: background-position .5s ease;
        -o-transition: background-position .5s ease
    }

#featured-section .marketing .fd-03 {
    background-position: -176px 0
}

    #featured-section .marketing .fd-03:hover {
        background-position: -176px -88px;
        transition: background-position .5s ease;
        -webkit-transition: background-position .5s ease;
        -moz-transition: background-position .5s ease;
        -o-transition: background-position .5s ease
    }

#body-section {
    background: url(/App_Themes/Education/images/content-bg.jpg) repeat-x 0 0
}

    #body-section .container h2 {
        font-size: 35px;
        color: #fff;
        font-weight: bold;
        margin: 25px 0 20px
    }

    #body-section .container .b-content {
        padding-top: 25px
    }

    #body-section .container .n-list {
        margin-bottom: 15px
    }

    #body-section .container p {
        font-weight: 300;
        color: #999;
        margin-top: -5px
    }

        #body-section .container p a, .news-session a {
            font-weight: bold;
            color: #78de25
        }

    #body-section .container .bb-content h2 {
        color: #2492de;
        margin-top: 0
    }

#body-section {
    background: url(/App_Themes/Education/images/content-bg.jpg) repeat-x 0 0
}

    #body-section .containerM h2 {
        font-size: 35px;
        color: #fff;
        font-weight: bold;
        margin: 25px 0 20px
    }

    #body-section .containerM .b-content {
        padding-top: 25px
    }

    #body-section .containerM .n-list {
        margin-bottom: 15px
    }

    #body-section .containerM p {
        font-weight: 300;
        color: #999;
        margin-top: -5px
    }

        #body-section .containerM p a, .news-session a {
            font-weight: bold;
            color: #78de25
        }

    #body-section .containerM .bb-content h2 {
        color: #2492de;
        margin-top: 0
    }

#footer ul {
    padding: 0
}

#footer h3 {
    font-family: 'Open Sans',sans-serif;
    margin-bottom: 20px
}

#footer ul.links li a {
    padding-left: 15px;
    background: url(/App_Themes/Education/images/arrow-icon.png) no-repeat scroll 0 center;
    color: #aaa;
    font-size: 13px
}

    #footer ul.links li a:hover {
        color: #0399d8;
        text-decoration: none
    }

#footer .col-lg-9 .activities {
    border-bottom: 1px solid #e1e1e1
}

.copyrights {
    color: #aaa;
    font-size: 11px;
    margin-top: 15px
}

.social {
    margin-top: 15px;
    padding: 0
}

    .social li {
        list-style: none;
        float: left;
        margin: 0 10px
    }

        .social li a {
            background: url(/App_Themes/Education/images/social-top.png) no-repeat left center;
            text-indent: -9999px;
            display: inline-block;
            height: 19px
        }

            .social li a:hover {
                background: url(/App_Themes/Education/images/social-hover.png) left center no-repeat
            }

        .social li.fb a {
            background-position: 0 0;
            width: 8px
        }

        .social li.tw a {
            background-position: -19px 0;
            width: 17px
        }

        .social li.rs a {
            background-position: -48px 0;
            width: 15px
        }

        .social li.gp a {
            background-position: -73px 0;
            width: 20px
        }

        .social li.li a {
            background-position: -103px 0;
            width: 16px
        }

        .social li.pi a {
            background-position: -132px 0;
            width: 12px
        }

.zoneLeft {
    width: 50%;
    float: left;
    padding: 0 0 0 0;
    background: #253779
}

.zoneRight {
    width: 50%;
    float: right;
    padding: 0;
    margin-bottom: 1px;
    background: #253779
}

.menuGap {
    margin-top: 40px
}

.leftBoxCSSlist {
    background-color: #fff
}

.leftM_CMSListMenuUL {
    list-style: none;
    line-height: 2;
    float: left;
    padding-right: 0;
    margin: 0;
    padding-left: 15px
}

.leftM_CMSListMenuLI .leftM_CMSListMenuUL, .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL .leftM_CMSListMenuUL {
    display: none
}

.leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL, .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL {
    display: block
}

    .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL li {
        border-bottom: none !important
    }

    .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL .leftM_CMSListMenuHighlightedLI {
        text-decoration: none;
    }

        .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL .leftM_CMSListMenuHighlightedLI {
            background: none;
            text-decoration: none
        }

        .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL li {
            background-color: #fafafa;
            text-decoration: none;
            padding-left: 10px
        }

        .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuUL .leftM_CMSListMenuHighlightedLI a {
            color: blue;
            line-height: 1.6em;
            font-weight: 100
        }

.leftM_CMSListMenuLI, .leftM_CMSListMenuHighlightedLI {
    width: 85%;
    line-height: 1;
    float: left;
    margin: 0;
    font-size: 15px;
    border-bottom: 1px solid #dfe1e2;
    padding-bottom: 2px;
    padding-top: 2px
}

    .leftM_CMSListMenuLI a, .leftM_CMSListMenuHighlightedLI a {
        line-height: 1.6em;
        text-decoration: none
    }

    .leftM_CMSListMenuHighlightedLI ul li a {
        line-height: 1.5;
        text-decoration: none;
    }

.leftM_CMSListMenuHighlightedLI {
    line-height: 1.5
}

.leftM_CMSListMenuLI:hover {
    line-height: 1.5
}

.leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuLinkHighlighted {
    color: #005ea2;
    font-weight: 700
}

    .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuLinkHighlighted::before {
        border-radius: 99rem;
        content: "|";
        display: block;
        position: absolute;
        background-color: #005ea2;
        width: .25rem;
        left: .25rem
    }

.leftM_CMSListMenuLink, .leftM_CMSListMenuHighlightedLI .leftM_CMSListMenuLinkHighlighted {
    text-decoration: none;
    display: block
}

.center {
    text-align: center;
    font-weight: bold;
    padding: 2px
}

.feet {
    text-decoration: none;
    font-size: 12px;
    color: #000
}

a.feet:hover {
    color: #0298d0;
    text-decoration: none
}

a.feet:visited {
    color: #000;
    text-decoration: none
}

.B1 {
    background: #c12126;
    font-face: arial;
    color: #fff;
    weight: bold
}

.B2 {
    background: #192f5a;
    font-face: arial;
    color: #fff;
    weight: bold
}

.slidePad {
    padding-top: 50px
}

.EventCalendar {
    padding: 0;
    width: 100%
}

.Navigation {
    padding-right: 50px;
    padding-left: 30px
}

.titleCalendar {
    color: #000;
    font-size: 140%;
    font-face: arial;
    font-weight: bold;
    background: #fff;
    padding-bottom: 10px;
    margin-left: 2px;
    margin-right: 16px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 50px;
    border-bottom: 1px #ccc solid
}

.size {
    font-size: 5px
}

.pageBodyCalendar {
    background: #fff !important;
    font-face: arial;
    font-size: 12px;
    color: #000;
    border-left: #000 1px solid !important;
    border-right: #000 1px solid !important;
    min-height: 100%;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    margin-right: 14px;
    margin-left: 0
}

.Day {
    min-height: 60px;
    min-width: 90px;
    max-width: 90px;
    font-face: arial;
    font-size: 13px;
    color: #000;
    vertical-align: text-top;
    padding-bottom: 5px;
    padding-top: 10px;
    margin-top: 0;
    border: #000 1px solid !important;
    text-align: left;
    padding-left: 5px
}

    .Day a {
        valign: top;
        font-face: arial;
        font-size: 15px
    }

.Title {
    background: url(/Images/calback1.aspx)repeat-x !important;
    min-height: 60px;
    font-face: arial;
    font-size: 20px;
    font-weight: bold;
    color: #fff
}

.DayHeader {
    background: #ccc !important;
    min-width: 65px;
    max-width: 65px;
    font-face: arial;
    text-align: center;
    font-size: 16px;
    color: #000;
    border: #000 1px solid !important
}

.OtherMonth {
    background: #a9a9a2;
    min-height: 60px;
    min-width: 90px;
    max-width: 90px;
    font-face: arial;
    font-size: 13px;
    text-align: left;
    padding-left: 5px;
    color: #90908d;
    vertical-align: text-top;
    padding-bottom: 5px;
    border: #90908d 1px solid
}

    .OtherMonth a {
        font-face: arial;
        font-size: 10px;
        color: #6988a9
    }

.Today {
    font-size: 13px;
    background: #ebedef;
    vertical-align: text-top;
    text-align: left;
    padding-left: 5px
}

.Weekend {
    font-size: 13px;
    text-align: left;
    padding-left: 5px;
    vertical-align: text-top;
    border: #000 1px solid !important
}

.element.style {
    height: 257px;
    margin-left: 0;
    margin-top: -42.3px;
    visibility: visible;
    width: 385px;
    padding-top: 50px
}

.navbarCMSMenuItem {
    font-size: 18px;
    color: #fff;
    margin: 0
}

.navbarCMSMenuItemMouseOver {
    font-size: 18px;
    color: #ccc;
    margin: 0
}

.moreNews {
    text-decoration: none;
    font-size: 20px;
    color: #000;
    padding: 10px
}

    .moreNews a {
        text-decoration: none;
        font-size: 20px;
        color: #000;
        padding: 10px
    }

.FFCbutton {
    background-color: #253779;
    border: 1px solid #253779;
    color: white;
    padding: 20px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    border-radius: 6px;
    min-width: 250px
}

    .FFCbutton:hover {
        background-image: linear-gradient(#ecc663,#ecc663);
        color: #00e;
        border: 1px solid #ecc663
    }

.ffcMain {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #fff
}

    .ffcMain a {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 15px;
        line-height: 1.5;
        text-decoration: none;
        color: #fff
    }

.ffcHead {
    margin: .67em 0;
    font-size: 2em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #ddbe7e
}

.MSDbutton a {
    background-color: #fff;
    border: 3px solid #952428;
    color: white;
    padding: 20px 12px;
    display: inline-block;
    font-size: 24px;
    color: #908b8b;
    border-radius: 6px;
    min-width: 250px;
    text-decoration: none
}

    .MSDbutton a:link {
        background-color: #000;
        border: 3px solid #952428;
        color: white;
        padding: 20px 12px;
        display: inline-block;
        font-size: 24px;
        color: #908b8b;
        border-radius: 6px;
        min-width: 250px;
        text-decoration: none
    }

    .MSDbutton a:hover {
        text-decoration: none;
        background-color: #952428;
        border: 3px solid #fff;
        color: white;
        padding: 20px 12px;
        display: inline-block;
        font-size: 24px;
        color: #fff;
        border-radius: 6px;
        min-width: 250px
    }

.atpTable td {
    border: 1px solid #000;
    font-size: small;
    padding: 0;
    white-space: nowrap
}

.SRObutton {
    background-color: #253779;
    border: 1px solid #253779;
    color: white;
    padding: 20px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    border-radius: 6px;
    min-width: 250px
}

    .SRObutton:hover {
        background-image: linear-gradient(#ecc663,#ecc663);
        color: #00e;
        border: 1px solid #ecc663
    }

.rotateStyle {
    font-size: 150%;
    color: #fff;
    margin-top: 0;
    padding-top: 50px
}

.dropDownBorder {
    border: 0;
    background: #253779;
    padding: 8px;
    border-radius: 4px;
    color: #fff;
    font-size: medium;
    line-height: 1.5;
    -webkit-box-shadow: inset 0 0 5px #c1c1c1;
    -moz-box-shadow: inset 0 0 5px #c1c1c1;
    box-shadow: inset 0 0 5px #c1c1c1;
    outline: none
}

.dropDownTitle {
    font-weight: bold
}

.cpTable {
    border: 1px solid #fff;
    border-radius: 6px
}

.iconItem1 {
    background: #253779;
    height: 60px
}

    .iconItem1:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.iconItem2 {
    background: #253779;
    border-left: 1px solid #fff;
    height: 60px
}

    .iconItem2:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.iconItem3 {
    background: #253779;
    border-left: 1px solid #fff;
    height: 60px
}

    .iconItem3:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.iconItem4 {
    background: #253779;
    border-left: 1px solid #fff;
    height: 60px
}

    .iconItem4:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.iconItem5 {
    background: #cca332;
    border-left: 1px solid #fff;
    height: 60px
}

    .iconItem5:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.FIPbutton {
    background-color: #ccc;
    border: 1px solid #253779;
    color: white;
    padding: 20px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    border-radius: 6px;
    min-width: 250px
}

    .FIPbutton:hover {
        background-image: linear-gradient(#ecc663,#ecc663);
        color: #00e;
        border: 1px solid #ecc663;
        text-decoration: none;
        color: #fff
    }

    .FIPbutton:a {
        text-decoration: none;
        color: #fff
    }

.UCRbutton {
    background-color: #0a2037;
    border: 1px solid #253779;
    color: white;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 6px;
    min-width: 200px
}

    .UCRbutton:hover {
        background-image: linear-gradient(#ecc663,#ecc663);
        color: #fff;
        border: 1px solid #ecc663;
        text-decoration: none;
        color: #fff
    }

    .UCRbutton:a {
        text-decoration: none;
        color: #ccc
    }

.CJISbutton {
    background-color: #0a2037;
    border: 1px solid #253779;
    color: white;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 6px;
    min-width: 150px
}

    .CJISbutton:hover {
        background-image: linear-gradient(#12c409,#12c409);
        color: #fff;
        border: 1px solid #ecc663;
        text-decoration: none;
        color: #fff
    }

    .CJISbutton:a {
        text-decoration: none;
        color: #ccc
    }

.FiconItem1 {
    background: #17773e;
    height: 40px
}

    .FiconItem1:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.FiconItem2 {
    background: #cca332;
    height: 40px
}

    .FiconItem2:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.FiconItem3 {
    background: #253779;
    height: 40px
}

    .FiconItem3:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.FiconItem4 {
    background: #b5241a;
    height: 40px
}

    .FiconItem4:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.FiconItem5 {
    background: #ccc;
    height: 40px
}

    .FiconItem5:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.FiconItem6 {
    background: #ffa500;
    height: 40px
}

    .FiconItem6:hover {
        background-color: #5076ff;
        cursor: pointer
    }

.input-width-15 {
    min-width: 30px;
    Max-width: 30px
}

.input-width-20 {
    min-width: 40px;
    Max-width: 40px
}

.mainSquare1 {
    min-width: 171px;
    min-height: 264px;
    max-width: 264px;
    max-height: 171px;
    background: url(/Main/Images/OneBack.aspx) no-repeat;
    border-radius: 6px 0 0 0;
}

    .mainSquare1: hover {
        min-width: 400px;
        min-height: 617px;
        max-width: 400px;
        max-height: 617px;
        background: url(/Main/Images/mainSquare1.aspx) no-repeat;
        border-radius: 6px 0 0 0;
    }

.mainSquare2 {
    min-width: 300px;
    min-height: 112px;
    max-width: 300px;
    max-height: 112px;
    background: url(/Main/Images/OneBack.aspx) no-repeat;
    border-radius: 6px 0 0 0;
}

    .mainSquare2: hover {
        min-width: 500px;
        min-height: 187px;
        max-width: 500px;
        max-height: 187px;
        background: url(/Main/Images/mainSquare1.aspx) no-repeat;
        border-radius: 6px 0 0 0;
    }

.contentPadding {
    text-align: justify;
    padding: 10px 10px 10px 30px;
    font-size: 14px
}

.headPadding {
    padding-left: 30px;
    padding-top: 10px;
    weight: bold;
    min-height: 70px
}

.slider {
    height: 450px;
    resize: both;
    margin: 0;
    position: relative;
    padding: 0
}

.slide1, .slide2, .slide3, .slide4, .slide5 {
    position: absolute;
    width: 100%;
    height: 100%
}

.slide1 {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Home/Images/Image1.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.slide2 {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Home/Images/Image2.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade2 15s infinite;
    -webkit-animation: fade2 20s infinite
}

.slide3 {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Home/Images/Image3.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade3 15s infinite;
    -webkit-animation: fade3 20s infinite
}

@keyframes fade {
    0% {
        opacity: 1
    }

    33.333% {
        opacity: 0
    }

    66.666% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade2 {
    0% {
        opacity: 0
    }

    33.333% {
        opacity: 1
    }

    66.666% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes fade3 {
    0% {
        opacity: 0
    }

    33.333% {
        opacity: 0
    }

    66.666% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.iconFSACNav .FiconItem {
    margin-top: 1px;
    margin-bottom: 1px
}

.tm_CMSListMenuUL {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1
}

    .tm_CMSListMenuUL li {
        float: left;
        padding: 0 5px 0 0
    }

        .tm_CMSListMenuUL li:last-of-type {
            background: none
        }

        .tm_CMSListMenuUL li a {
            color: #000;
            text-decoration: none;
            display: block;
            height: 23px;
            font-size: 14px;
            margin: 0;
            padding-bottom: 0 !important;
            border: 1px solid transparent;
            font-family: Arial
        }

    .tm_CMSListMenuUL .CMSListMenuHighlightedLIfirst a, .tm_CMSListMenuUL .CMSListMenuLIfirst a {
        padding-left: 0
    }

.tm_CMSListMenuHighlightedLI a, .tm_CMSListMenuHighlightedLIfirst a {
    color: #ccc !important;
    text-decoration: none
}

.tm_CMSListMenuUL li:hover a {
    background-color: #f0f0f0;
    color: #000 !important
}

.tm_CMSListMenuUL li .CMSListMenuUL {
    display: none
}

.tm_CMSListMenuUL li:hover .CMSListMenuUL {
    display: block;
    position: absolute;
    height: auto;
    overflow: visible;
    background-color: #4a83bc;
    padding-top: 8px
}

    .tm_CMSListMenuUL li:hover .CMSListMenuUL li {
        float: none;
        padding-right: 8px
    }

    .tm_CMSListMenuUL li:hover .CMSListMenuUL .CMSListMenuLIfirst, .tm_CMSListMenuUL li:hover .CMSListMenuUL .CMSListMenuHighlightedLIfirst {
        padding-left: 8px
    }

    .tm_CMSListMenuUL li:hover .CMSListMenuUL a {
        border: none;
        font-size: 13px;
        color: #fff !important
    }

.hider {
    height: auto;
    resize: both;
    margin: 0;
    position: relative;
    padding: 0
}

.hide1, .hide2, .hide3, .hide4, .hide5, .hide6, .hide7, .hide8, .hide9, .hide10, .hide11, .hide12 {
    position: relative;
    width: 285px;
    height: 190px
}

.hide1 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Compliments,-Concerns,-and-Complaints.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide2 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Contact-Us.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide3 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Crime-Stats.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide4 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Online-Reporting.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide5 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Records-and-Report-Requests.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide6 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Request-a-CPTED-Survey.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide7 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Request-an-Escort.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide8 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Request-Extra-Patrols.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide9 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Request-Training.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide10 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Special-Events.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide11 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Traffic-Concerns.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hide12 {
    background: linear-gradient(to bottom,#e0e0e0,#30568cba),url(/CapitolPolice/Community/Images/Traffic-Crash-Self-Reporting.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.midText a {
    position: absolute;
    bottom: 40%;
    left: 8%;
    right: 8%;
    color: white;
    font-size: 20px;
    weight: bold
}

    .midText a:hover {
        color: blue;
        font-size: 20px
    }

.middoubleText a {
    position: absolute;
    bottom: 30%;
    left: 8%;
    right: 8%;
    color: white;
    font-size: 20px;
    weight: bold
}

    .middoubleText a:hover {
        color: blue;
        font-size: 20px
    }

.bcROC {
    border-bottom: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    padding: 4px;
    font-weight: bold;
    float: left
}

    .bcROC a {
        color: #fff
    }

        .bcROC a hover {
            color: #fff
        }

.strokeROC {
    margin: .67em 0;
    font-size: 1.5em;
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    padding-left: 2%;
    padding-right: 5%
}

.trocSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/trocSmall.aspx)no-repeat center;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.troc {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/troc.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.fmrocSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/fmrocSmall.aspx)no-repeat center;
    margin-top: 5%;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.fmroc {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/fmroc.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.jrocSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/jrocSmall.aspx)no-repeat center;
    margin-top: 5%;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.jroc {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/jroc.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.mrocSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/mrocSmall.aspx)no-repeat center;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.mroc {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/mroc.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.orocSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/orocSmall.aspx)no-repeat center;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.oroc {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/oroc.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.procSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/procSmall.aspx)no-repeat center;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.proc {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/proc.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.tbrocSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/tbrocSmall.aspx)no-repeat center;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.tbroc {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/tbroc.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.proffSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/proffSmall.aspx)no-repeat center;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.proff {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/proff.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.hqSmall {
    background: linear-gradient(to right,#fffffccc,#fffffccc),url(/Images/hqSmall.aspx)no-repeat center;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.hqBack {
    background: linear-gradient(to right,#30568cba,#30568ccc),url(/Images/ROCS/hqBack.aspx)no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    animation: fade1 15s infinite;
    -webkit-animation: fade1 20s infinite
}

.iconItemBio {
    background: #b5241a;
    height: 80px;
    min-width: 200px;
    max-width: 200px;
    border-radius: 6px;
    border: 2px solid #3a7bd5;
    line-height: 1.2em;
    background-image: linear-gradient(to right,#00d2ff 0%,#3a7bd5 51%,#00d2ff 100%);
    rightcenter;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px
}

    .iconItemBio:hover {
        background-color: #5076ff;
        cursor: pointer;
        box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
        background-image: linear-gradient(to right,#dd5e89 0%,#f7bb97 51%,#dd5e89 100%)
    }

    .iconItemBio a {
        text-decoration: none;
        color: #fff
    }

        .iconItemBio a:link {
            color: #fff;
            text-decoration: none
        }

        .iconItemBio a:visited {
            text-decoration: none;
            color: #fff
        }

        .iconItemBio a:active {
            color: yellow;
            text-decoration: none
        }

.iconItemVideo {
    background: #b5241a url(/Forensics/Images/Icons/VideoBack.aspx) no-repeat scroll 0;
    height: 125px;
    border-radius: 6px;
    border: 2px solid #3a7bd5;
    line-height: 1.2em;
    min-width: 275px;
    max-width: 275px;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

    .iconItemVideo:hover {
        background-color: #5076ff;
        cursor: pointer;
        box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
        background-image: linear-gradient(to right,#dd5e89 0%,#f7bb97 51%,#dd5e89 100%)
    }

.iconVideo {
    color: #fff;
    line-height: 1.2em
}

    .iconVideo:a {
        text-decoration: none;
        color: #fff
    }

.iconVideoAlt {
    color: #fff;
    font-size: 16px;
    line-height: 1.2em
}

    .iconVideoAlt:a {
        text-decoration: none;
        color: #fff
    }

.buttonWidth {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 8px
}

.mainSquare1 {
    min-width: 171px;
    min-height: 264px;
    max-width: 264px;
    max-height: 171px;
    background: url(/Main/Images/OneBack.aspx) no-repeat;
    border-radius: 6px 0 0 0;
}

    .mainSquare1: hover {
        min-width: 400px;
        min-height: 617px;
        max-width: 400px;
        max-height: 617px;
        background: url(/Main/Images/mainSquare1.aspx) no-repeat;
        border-radius: 6px 0 0 0;
    }

.mainSquare2 {
    min-width: 300px;
    min-height: 112px;
    max-width: 300px;
    max-height: 112px;
    background: url(/Main/Images/OneBack.aspx) no-repeat;
    border-radius: 6px 0 0 0;
}

    .mainSquare2: hover {
        min-width: 500px;
        min-height: 187px;
        max-width: 500px;
        max-height: 187px;
        background: url(/Main/Images/mainSquare1.aspx) no-repeat;
        border-radius: 6px 0 0 0;
    }

.Grantsbutton {
    background-color: #233779;
    border: 1px solid #233779;
    color: white;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    min-width: 265px
}

    .Grantsbutton:hover {
        background-image: linear-gradient(#ccc,#ccc);
        color: #fff;
        border: 1px solid #ecc663;
        text-decoration: none;
        color: #233779
    }

    .Grantsbutton:a {
        text-decoration: none;
        color: #233779
    }

.GrantsItem {
    background: #233779;
    font-size: 18px;
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 7px
}

    .GrantsItem:a {
        text-decoration: none;
        font-size: 18px;
        font-color: #ccc;
        background-color: #ccc
    }

    .GrantsItem:hover {
        background-color: #ccc;
        font-size: 18px;
        color: #233779;
        cursor: pointer;
        text-decoration: none;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 7px
    }

.grantsGrad {
    background-image: linear-gradient(to right,grey,white);
    font-size: 22px;
    color: #fff;
    padding: 5px
}

.buttonWidth {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 8px
}

.textWidth {
    <!-- padding-right: 30px;
    --> padding-bottom: 10px
}

.GrantsbuttonOther {
    background-color: #ccc;
    border: 1px solid #233779;
    color: #233779;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
    min-width: 400px
}

.GrantsbuttonLong {
    background-color: #233779;
    border: 1px solid #233779;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    min-width: 400px
}

    .GrantsbuttonLong:hover {
        background-image: linear-gradient(#ccc,#ccc);
        color: #fff;
        border: 1px solid #ecc663;
        text-decoration: none;
        color: #233779
    }

    .GrantsbuttonLong:a {
        text-decoration: none;
        color: #233779
    }

.TabBoard {
    border: 1px solid #000
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #fff
}

    .panel-title a {
        color: #fff
    }

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-default {
    border-color: #ddd
}

a.cpImage:hover {
    opacity: .5
}

.accordion {
    width: auto;
    margin: auto;
    color: black;
    background-color: white
}

    .accordion .inside {
        position: relative;
        margin: 10px 10px
    }

    .accordion .label {
        position: relative;
        padding: 15px 0;
        font-size: 20px;
        color: black;
        cursor: pointer
    }

        .accordion .label:hover {
            color: blue;
            cursor: pointer
        }

        .accordion .label::before {
            content: '+';
            color: black;
            position: absolute;
            top: 50%;
            right: -30px;
            font-size: 30px;
            transform: translateY(-50%)
        }

            .accordion .label::before .hover {
                content: '+';
                color: blue;
                position: absolute;
                top: 50%;
                right: -30px;
                font-size: 30px;
                transform: translateY(-50%)
            }

    .accordion .content {
        position: relative;
        background: white;
        height: 0;
        font-size: 14px;
        text-align: justify;
        width: auto;
        overflow: hidden;
        transition: .5s;
        line-height: 1.6em;
        padding-top: 10px
    }

    .accordion hr {
        width: 100;
        margin-left: 0;
        border: 1px solid grey
    }

    .accordion .inside.active .content {
        height: auto
    }

    .accordion .inside .active .label::before {
        content: '-';
        font-size: 20px
    }

.basicButton {
    background-color: #e69500;
    border: 1px solid #000;
    border-radius: 5px;
    color: white;
    min-width: 225px;
    min-height: 60px;
    padding: 12px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    font-weight: bold
}

    .basicButton:hover {
        background-image: linear-gradient(#e69500,#000);
        color: #fff;
        text-decoration: none
    }