/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    WARNING:    DO NOT UPDATE OR CHANGE THIS FILE                    +
+     IF YOU WANT MODIFY THESE STYLES PLEASE USE THE OVERRIDE FILE IN YOUR CSS_SITE   +
+     FOLDER, UPDATES TO THESE STYLES DELETED UPON NEXT TEMPLATE UPGRADE              +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*----------

Screen sizes

PC Size 1920 x 1080 
PC Size 1280 x 1024 (campus lab computers)

ipad size 1024 x 768

nexus size 

-------*/
.btnNavMenu {
    display: none;
    background-color: inherit;
    color: #fff;
    padding: 2%;
}

    .btnNavMenu a {
        background-image: url("../images/icons/mobilemenu.png");
        background-repeat: no-repeat;
        height: 35px;
        background-position: left;
        background-repeat: no-repeat;
        border: solid 0px #fff;
        padding: 1%;
        background-color: transparent;
        color: #fff;
        text-shadow: 0px 4px 10px rgba(0,0,0,.5);
        width: 200px;
        display: block;
        text-indent: 38px;
    }

#divFolderNav {
    display: none;
}

#divFolderMenu {
    display: none;
}



@media screen and (min-width:1200px) and (max-width:1399px) {
    /*----------------------------------------------
     STANDARD PC SCREEN FOR COMPUTER LABS
    --------------------------------------- */



}

@media screen and (min-width:1020px) and (max-width:1200px) {
    /*----------------------------------------------
     STANDARD PC SCREEN / iPad in LAND SCAPE
    --------------------------------------- */
    .Show80Wide {
        width: 75%;
    }

    .Show60Wide {
        width: 57%;
    }

    #SiteName_Tabs {
        float: left;
        width: 100%;
    }
}

@media screen and (min-width:950px) and (max-width:1019px) {
    /*----------------------------------------------
     STANDARD PC SCREEN / iPad in LAND SCAPE
    --------------------------------------- */
    .Show80Wide {
        width: 75%;
    }

    .Show60Wide {
        width: 54%;
    }

    #SiteName_Tabs {
        float: left;
        width: 100%;
    }
}

@media screen and (min-width:800px) and (max-width:949px) {
    /*-------------------------------------------
    STANDARD SMALL PC SCREEN 
  ---------------------------------------------- */
    .Show80Wide {
        width: 70%;
    }

    .Show60Wide {
        width: 45%;
    }

    #SiteName_Tabs {
        float: left;
        width: 100%;
    }

    #sitecues-badge {
        display: none;
    }

    #Social {
        margin-right: 8px;
    }

        #Social img {
            height: 17px;
            width: 17px;
        }

    #SocialLinks {
        height: 40px;
    }

        #SocialLinks li {
            padding: 3px;
        }


    #EventFullFrame {
        width: 100%;
        margin-left: 0px;
    }

    .EventFull_calendar, .EventFull_clock {
        margin-left: 10%;
        width: 80%;
    }
}

@media screen and (min-width:750px) and (max-width:800px) {
    /*-------------------------------------------
    STANDARD SMALL PC SCREEN 
    ---------------------------------------------- */
    /*  .Show80Wide {
        width: 70%;
    }

    .Show60Wide {
        width: 42%;
    }

    #SiteName_Tabs {
        float: left;
        width: 100%;
    }

    #sitecues-badge {
        display: none;
    }

    #Social {
        margin-right: 8px;
    }

        #Social img {
            height: 17px;
            width: 17px;
        }

    #SocialLinks {
        height: 40px;
    }

        #SocialLinks li {
            padding: 3px;
        }

    #EventFullFrame {
        width: 100%;
        margin-left: 0px;
    }

    .EventFull_calendar, .EventFull_clock {
        margin-left: 10%;
        width: 80%;
    }*/
}


@media screen and (min-width:500px) and (max-width:800px) {
    /*---------------------------------------------------------------
    DEFAULT MOBILE STYLES LANDSCAPE VIEW ON MOST PHONES
    ----------------------------------------------------------------*/


    .h100, .h125, .h150, .h175, .h200, .h225, h250, .h275, .h300, .h325, .h350, .h375, .h400, .h425, .h450, .h475,
    .h500, .h525, .h550, .h575, .h600, .h625, .h650, .h675, .h700, .h725, .h750, .h775, .h800, .h825 {
        height: auto;
    }

    .Show80Wide, .Show60Wide {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        box-sizing: border-box;
    }

    body {
        position: relative;
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }

    #BannerImage {
        display: none;
    }



    #CSUFLink_Search {
        display: block;
        height: 40px;
        width: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        color: #222;
        background-color: #f4f5f5;
        z-index: 12000;
        border-bottom: solid 1px #ccc;
        background: #f6f8f9;
        background: -moz-linear-gradient(top, #f6f8f9 0%, #d7dee3 100%, #f5f7f9 100%);
        background: -webkit-linear-gradient(top, #f6f8f9 0%,#d7dee3 100%,#f5f7f9 100%);
        background: linear-gradient(to bottom, #f6f8f9 0%,#d7dee3 100%,#f5f7f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
        transition: width .1s;
    }

        #CSUFLink_Search .container {
            position: relative;
            height: 40px;
        }

    #CSUFTopLink {
        float: right;
        width: 50px;
        height: 41px;
        z-index: 300000;
        background-color: #003366;
        color: #f7f7f7;
        box-sizing: border-box;
        border: solid 1px #002b57;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f3c73+0,002b54+100 */
        background: #0f3c73; /* Old browsers */
        background: -moz-linear-gradient(top, #0f3c73 0%, #002b54 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0f3c73 0%,#002b54 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0f3c73 0%,#002b54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f3c73', endColorstr='#002b54',GradientType=0 ); /* IE6-9 */
    }

        #CSUFTopLink a {
            display: block;
            background: #002b54;
            background-color: inherit;
            color: #fff;
            font-size: .7em;
            font-family: Arial;
            width: 50px;
            height: 40px;
            margin: 0px;
            padding: 0px;
            text-align: center;
        }

            #CSUFTopLink a:before {
                content: 'CSUF';
                position: fixed;
                right: 0px;
                top: 0px;
                height: 40px;
                width: 50px;
                z-index: 8000;
                text-indent: 0px;
                padding-top: 9px;
                box-sizing: border-box;
            }

    #sitecues-badge, #AZ, #searchRadioBtns {
        display: none;
        margin: 0px;
        padding: 0px;
    }

    #Social, #SiteHours {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: left;
        clear: both;
        margin: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #003366;
        color: #fff;
        height: unset;
    }

    #CSUFLink_Search #SiteHours {
        margin-right: 0px;
        clear: none;
        width: 350px;
        float: left;
    }

        #CSUFLink_Search #SiteHours p.HoursTimeText {
            background: inherit !important;
            color: #222 !important;
            padding-left: 50px !important;
        }

    #CSUFLink_Search #btnSettingsSlider, #CSUFLink_Search #btnSearchSlider {
        color: #235392;
        background-color: inherit;
    }

    #SearchNav {
        right: unset;
        left: 55px;
        height: 40px;
        box-sizing: border-box;
        border-right: #aaa;
        z-index: 300000;
        background-color: transparent;
        background: transparent;
        padding-top: 5px;
        margin: 0px;
        width: 75%;
    }

        #SearchNav form {
            width: 98%;
        }

        #SearchNav label {
            display: none;
        }

        #SearchNav input[type='text'] {
            border: solid 1px #002B54;
            font-size: .95em;
            height: 18px;
            width: 280px;
            padding: 5px;
            font-weight: normal;
            margin-top: 0px;
            padding-top: 2px;
            float: left;
            border-radius: 0px;
            /* width: 350px;*/
            box-shadow: 0px 4px 4px rgba(0,0,0,.25);
        }

    #searchButton {
        width: 10%;
    }

    #search-button {
        border-radius: 4px;
        border: solid 1px rgba(22,55,88, .5);
        cursor: pointer;
        display: block;
        float: left;
        font-size: 14px;
        height: 15px;
        width: 60px;
        margin-left: 5px;
        margin-top: 0px;
        padding: 9px;
        padding-top: 5px;
        text-align: center;
        background: #093864;
        background-color: #093864;
        background: #0057ab; /* Old browsers */
        background: -moz-linear-gradient(top, #0057ab 0%, #093864 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0057ab 0%,#093864 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0057ab 0%,#093864 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057ab', endColorstr='#093864',GradientType=0 ); /* IE6-9 */
        color: #f7f7f7 !important;
        box-shadow: 0px 4px 4px rgba(0,0,0,.25);
    }

    #divHamburgerMenu {
        display: block;
        float: left;
        position: absolute;
        top: 2px;
        margin-left: 0px;
        width: 50px;
        height: 40px;
        z-index: 8000;
    }

        #divHamburgerMenu #btnMobileMenu {
            position: initial;
            background-image: none;
            border-radius: 4px;
            border: solid 1px transparent;
            cursor: pointer;
            display: block;
            float: left;
            font-size: 14px;
            height: 28px;
            width: 28px;
            background-color: transparent;
            color: #222;
            margin-left: 10px;
            margin-right: 8px;
            margin-top: 5px;
            overflow-x: visible;
            overflow-y: visible;
            padding: 5px;
            text-align: center;
            opacity: 1;
        }

            #divHamburgerMenu #btnMobileMenu:hover {
                border: solid 1px #aaa;
                border-top: solid 1px #cbcbcb;
                box-shadow: 0px 1px 0px rgba(0,0,0,.4);
                background-color: #f7f7f7;
                background: #f7f7f7;
                color: #333;
            }

    .menubar {
        display: block;
        float: left;
        width: 15px;
        height: 3px;
        margin-bottom: 3px;
        border-radius: 3px;
        background-color: #003366;
        background: #003366;
        color: #fff;
        transition: .25s ease-in-out;
    }

    #btnMobileMenu:active .menubar {
        background-color: #fff;
        color: inherit;
    }

    .sr-only {
        display: none;
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
        background-color: #002B54;
        color: #fff;
    }

    #divHamburgerMenu #btnMobileMenu:hover .menubar {
        background-color: #E17000;
        color: #222;
    }

    #divHamburgerMenu.mobileon #btnMobileMenu span:nth-child(2).menubar {
        top: 18px;
        position: absolute;
        background-color: #E17000;
        color: #000;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #divHamburgerMenu.mobileon #btnMobileMenu span:nth-child(3).menubar {
        opacity: 0;
    }

    #divHamburgerMenu.mobileon #btnMobileMenu span:nth-child(4).menubar {
        top: 18px;
        position: absolute;
        background-color: #E17000;
        color: #000;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }




    #SiteName_Tabs {
        z-index: 6000;
    }

    #lnkSearchDomains {
        display: none;
    }


    #divMobileSocialHours {
        display: block;
    }

    #divSocialHours {
        display: none;
    }

    #divSiteHoursMobile {
        clear: both;
    }


    #Navigation {
        display: block;
        position: relative;
        float: left;
        border: 0px;
        width: 50%;
        box-sizing: border-box;
        box-shadow: none;
        height: 0px;
        margin: 0px;
        padding: 0px;
        z-index: -1;
        color: #fff;
        background: #1D508A;
        transition: all 0.4s ease;
        opacity: 0;
    }


        #Navigation.mobileopen {
            height: auto;
            opacity: 1;
            z-index: 11000;
            max-width: 100%;
            width: 100%;
        }


        #Navigation #Tabs2Social {
            background: inherit;
            clear: both;
            float: left;
            height: auto;
            padding: 0px;
            margin: 0px;
        }

    #navTabs2Main {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

        #navTabs2Main li {
            /*  clear: both;
            position: relative;
            float: left;
            width: 100%;
            border-bottom: solid 1px #0057ab;
            border-top: solid 1px #719dcd;
            padding-top: 6px;
            padding-bottom: 4px;
            margin-top: 0px;
            margin-bottom: 0px;
            background-color: transparent;
            color: #fff;*/
        }

            #navTabs2Main li a:first-child {
                margin-left: 0px;
            }

            #navTabs2Main li a {
                margin: 0px;
                padding: 8px 5px 8px 5px;
            }

    #Tabs2 {
        width: 100%;
        float: left;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }

    #StartOfSiteNav, #EndofSiteNav {
        left: 0px;
        display: none;
    }

    .extendedmenu_closed, .extendedmenu_open {
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: #fff;
        background: transparent;
        color: transparent;
        margin: 5px;
        margin-top: 10px;
        text-align: center;
        border: 0px;
        border-left: solid 1px #ccc;
        padding: 3px;
        height: 20px;
        width: 42px;
        box-sizing: border-box;
        z-index: 12000;
        overflow: hidden;
        text-indent: -300px;
    }

        .extendedmenu_closed:before {
            content: "\f055";
            font-family: FontAwesome, 'fa';
            border-style: solid;
            border-width: 0px;
            font-size: 12px;
            color: #f7f7f7;
            border-color: transparent;
            position: absolute;
            left: -5px;
            top: 8px;
            height: 30px;
            width: 30px;
            margin-left: -20px;
            text-indent: 25px;
        }

        .extendedmenu_open:before {
            content: "\f146";
            font-family: FontAwesome, 'fa';
            border-style: solid;
            border-width: 0px;
            font-size: 12px;
            color: #f7f7f7;
            border-color: transparent;
            position: absolute;
            left: -5px;
            top: 8px;
            height: 30px;
            width: 30px;
            margin-left: -20px;
            text-indent: 25px;
        }

    #extendedA, #extendedB, #extendedC, #extendedD, #extendedE, #extendedF, #extendedG,
    #extendedH, #extendedI, #extendedJ, #extendedK, #extendedL, #extendedM, #extendedN,
    #extendedO, #extendedP, #extendedQ, #extendedR, #extendedS, #extendedT, #extendedU,
    #extendedV, #extendedW, #extendedX, #extendedY, #extendedZ {
        display: none;
        position: relative;
        margin: 0px;
        padding: 0px;
        max-width: 90%;
    }

        #extendedA.open, #extendedB.open, #extendedC.open, #extendedD.open, #extendedE.open, #extendedF.open, #extendedG.open,
        #extendedH.open, #extendedI.open, #extendedJ.open, #extendedK.open, #extendedL.open, #extendedM.open, #extendedN.open,
        #extendedO.open, #extendedP.open, #extendedQ.open, #extendedR.open, #extendedS.open, #extendedT.open, #extendedU.open,
        #extendedV.open, #extendedW.open, #extendedX.open, #extendedY.open, #extendedZ.open {
            position: relative;
            display: block;
            float: left;
            height: auto !important;
            min-width: 100% !important;
            max-width: 100%;
            padding: 0px;
            margin: 0px;
            margin-top: 2px !important;
            margin-bottom: 20px;
            background-color: #181A1B;
            color: #f0f0f0;
            box-sizing: border-box;
            z-index: 20000;
        }

    #navMain {
        list-style-type: none;
        margin: 0px;
        float: left;
        width: 100%;
        height: auto;
    }

        #navMain li {
            clear: both;
            position: relative;
            float: left;
            width: 100%;
            border-bottom: solid 1px #0057ab;
            border-top: solid 1px #719dcd;
            padding-top: 4px;
            padding-bottom: 4px;
            margin-top: 0px;
            margin-bottom: 0px;
            background-color: transparent;
            color: #fff;
        }



    #Navigation h1, #Navigation h2, #Navigation h3,
    #Navigation p, #Navigation li, #Navigation a {
        /*color: #f7f7f7;
        background: #1D508A;*/
        color: #bebebe;
        background: #2c3136;
    }

    #navMain {
        list-style-type: none;
        margin: 0px;
        float: left;
        width: 100%;
        height: auto;
    }

    #navTabs2Main li {
        clear: both;
        position: relative;
        float: left;
        width: 100%;
        border-bottom: 1px solid #373d44;
        padding-top: 6px;
        padding-bottom: 4px;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: transparent;
        color: #fff;
    }

    .HideMobileNav, #navMain li, #navTabs2Main li, #mobileLeftNav, #mobileLeftNav.HideMobileNav, #mobileLeftResourcesNav, #mobileLeftResourcesNav.HideMobileNav {
        opacity: 0;
        height: 0px;
        padding: 0px !important;
        overflow: hidden;
        border-width: 0px;
        transition: all .3s ease-in;
    }

        .ShowMobileNav, #lblMainNav, .ShowMobileNav .ExtendedNav li, #mobileLeftNav.ShowMobileNav, #mobileLeftResourcesNav.ShowMobileNav {
            opacity: 1 !important;
            height: unset !important;
            border-width: 1px !important;
            overflow: unset !important;
            padding: 4px !important;
            transition: all .65s ease-in, opacity .3s ease-in;
        }

        #navMain li a img,
        #navTabs2Main li a img {
            max-height: 16px;
            width: auto;
            display: block;
            float: left;
            margin: 2px;
            margin-top: 0px;
            margin-right: 8px;
            margin-bottom: 2px;
        }


        #navMain li a, #navTabs2Main li a {
            /* color: #f7f7f7 !important;
        background: #1D508A !important;*/
            margin: 0px;
            display: block;
            border-radius: 0px;
            border: 0px;
        }

            #navMain li a:hover,
            #navMain li a:active {
                color: #0057ab;
                background: #fff;
            }


        #navMain li.active a {
            background: #1D508A;
            border: 0px;
            padding: 5px;
            margin: 0px;
        }


    #Navigation h1, #Navigation h2, #Navigation h3,
    #Navigation p, #Navigation li {
    }

    #Navigation h1, #Navigation h2, #Navigation h3,
    #Navigation p {
        margin-bottom: 5px;
    }

    #Navigation h1, #Navigation h2, #Navigation h3 {
        line-height: normal;
        padding-bottom: 4px;
        margin-bottom: 1%;
    }

    #lnkShowMainNavMobile:after, #lnkShowMainNavMobile.closed:after, #lnkShowLeftNavMobile:after, #lnkShowLeftNavMobile.closed:after, #lnkShowLeftResourcesMobile:after, #lnkShowLeftResourcesMobile.closed:after {
        content: "\f055";
        font-family: FontAwesome, 'fa';
        border-style: solid;
        border-width: 0px;
        font-size: 16px;
        color: #f7f7f7;
        border-color: transparent;
        position: absolute;
        right: 35px;
        top: 5px;
        height: 30px;
        width: 30px;
        margin-left: -20px;
        text-indent: 25px;
    }

    #lnkShowMainNavMobile.open:after, #lnkShowLeftNavMobile.open:after, #lnkShowLeftResourcesMobile.open:after {
        content: "\f146";
        font-family: FontAwesome, 'fa';
        border-style: solid;
        border-width: 0px;
        font-size: 16px;
        color: #f7f7f7;
        border-color: transparent;
        position: absolute;
        right: 35px;
        top: 5px;
        height: 30px;
        width: 30px;
        margin-left: -20px;
        text-indent: 25px;
    }

    #divMobileLeftNav {
        display: block;
    }

    #mobileLeftNav {
        width: 100%;
        margin: 0px;
        padding: 0px !important;
    }

    #mobileLeftNav, #mobileLeftResourcesNav {
        display: block;
        padding-left: 5px;
        padding-top: 4px;
        float: left;
    }

    .sectionnav {
        margin: 0px;
        padding: 0px;
        font-size: 13px;
        float: left;
        box-sizing: border-box;
        width: 96%;
    }

        .sectionnav ul {
            list-style-type: none;
            margin: 0px !important;
            float: left;
            width: 100%;
            clear: both;
            padding: 0px;
            box-sizing: border-box;
        }

    #StartOfSiteNav, #EndOfSiteNav {
        position: absolute;
        left: 0px;
        width: 0px;
        overflow: hidden;
    }

    .open .ExtendedNav {
        display: block;
        position: relative;
        top: auto;
        opacity: 1;
        left: 0px;
        height: 0px;
        max-height: 0px;
        visibility: visible;
        margin: 0% !important;
        padding: 0% !important;
        background-color: #fff;
        box-shadow: none;
        border: 0px !important;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .ExtendedNav div {
        box-sizing: border-box;
        width: 100%;
        padding: 1%;
        margin: 0px;
        float: left;
        clear: both;
        position: relative;
        background-color: #181A1B;
        color: #f0f0f0;
    }

    .ExtendedNav ul {
        width: 98%;
        margin: 0px;
        margin-left: 2%;
        padding: 0px;
        float: left;
        position: relative;
        clear: both;
    }

        .ExtendedNav ul li {
            background-image: url(../images/campuscss/bullet_blue.png) !important;
            background-position: left center !important;
            background-repeat: no-repeat !important;
            width: 96% !important;
            max-width: 96%;
            box-sizing: border-box;
            overflow: scroll;
            float: left;
            clear: both;
        }

    #navMain .ExtendedNav a, #navTabs2Main .ExtendedNav a,
    #Navigation .collapsingnav li.active ul li a,
    #Navigation #Navigation .collapsingnav li.active ul li a {
        background-color: #181A1B !important;
        color: #9CBFDE !important;
    }

    #Navigation .ExtendedNav p {
        background-color: #fff;
        color: #222;
        float: left;
        clear: both;
    }

    #navMain li .ExtendedNav h2, #navMain li .ExtendedNav h3, #navTabs2Main li .ExtendedNav h2, #navTabs2Main li .ExtendedNav h3 {
        padding: 8px 15px;
        background-color: #FCFCFC;
        color: #222;
        /* font-size: .9em !important; */
        font-weight: bold;
        float: left;
        border: solid 1px #ccc;
        border-bottom: solid 2px #999;
        width: 100%;
        box-sizing: border-box;
    }

    #Navigation .ExtendedNav h1, #Navigation .ExtendedNav h2, #Navigation .ExtendedNav h3, #Navigation .ExtendedNav h4, #Navigation .ExtendedNav ul, #Navigation .ExtendedNav ol, #Navigation .ExtendedNav li, #Navigation .ExtendedNav p, #Navigation .ExtendedNav span {
        background: #181A1B !important;
        color: #f0f0f0 !important;
        font-size: 13px !important;
    }

    #Navigation .ExtendedNav h1, #Navigation .ExtendedNav h2, #Navigation .ExtendedNav h3, #Navigation .ExtendedNav h4 {
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        padding: 4px !important;
        font-size: 16px !important;
    }

    .collapsingnav li.active ul {
        box-sizing: border-box;
        width: 100%;
        padding: 1%;
        margin: 0px;
        float: left;
        clear: both;
        position: relative;
        background-color: #181A1B;
        color: #f0f0f0;
    }

    #Social, #SiteHours {
        display: none;
        /*width: 100%;
        box-sizing: border-box;
        float: left;
        margin: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #003366;
        color: #fff;*/
    }


    /*--------- DEFAULT SOCIAL MEDIA / TIME WHEN USING THE ORIGINAL SEARCH TYPE ------- */
    .search_default #lblMainNav {
        display: block;
    }

    .search_default #Social {
        position: fixed;
        top: 40px;
        left: 0px;
        width: 100vw;
        margin: 0px;
        padding: 5px;
        min-height: 30px;
        z-index: 10;
    }

    .search_default #SiteHours {
        position: fixed;
        top: 85px;
        left: 0px;
        width: 100vw;
        margin: 0px;
        padding: 5px;
        height: 30px;
        z-index: 10;
        background-color: #2c3136;
    }


    #navMain li, #mobileLeftNav .sectionnav li {
        clear: both;
        position: relative;
        float: left;
        width: 100%;
        border-bottom: 1px solid #373d44;
        border-top: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: transparent;
        color: #fff;
        box-sizing: border-box;
        display: block;
    }

    #SiteHours {
        background-color: #2c3136;
        color: #fff;
        height: unset;
    }

        #SiteHours:before, #SiteHours:after {
            display: none;
        }

        #SiteHours p {
            float: left;
            box-sizing: border-box;
            text-align: center;
        }

        #SiteHours a, #SiteHours p, #SiteHours span {
            color: #fff !important;
            background-color: #2c3136 !important;
            margin-top: 0px !important;
            font-size: 1em !important;
        }

    .HoursTimeText, .TimeTextBlock {
        float: left;
        width: 48%;
    }

    .Hours_TemplateDisplay {
        background-color: #003366 !important;
        color: #fff;
    }

    #Navigation.mobileopen {
        width: 100vw;
        height: 100vh;
        opacity: 1;
        padding-top: 45px;
        padding-left: 5px;
        z-index: 11000;
        color: #bebebe;
        background: #2c3136;
        transition: opacity .35s ease-in;
        overflow: scroll;
    }

    #Navigation {
        display: block;
        position: relative;
        float: left;
        border: 0px;
        width: 50%;
        box-sizing: border-box;
        box-shadow: none;
        height: 0px;
        margin: 0px;
        padding: 0px;
        z-index: -1;
        color: #fff;
        background: #1D508A;
        transition: all 0.4s ease;
        opacity: 0;
        position: fixed;
        float: none;
    }

    #navMain li a, #navMain li button, #navTabs2Main li a, #navTabs2Main li button, .sectionnav li a {
        color: #bebebe;
        background: #2c3136;
        margin: 0px;
        margin-left: 0px !important;
        padding: 8px 15px !important;
        display: block;
        border-radius: 0px;
        border: 0px;
        line-height: unset !important;
    }

    #navMain #lblMainNav a, #lnkShowLeftNavMobile, #lnkShowLeftResourcesMobile {
        color: #9CBFDE !important;
        Background: inherit;
    }

    #navMain li #lnkShowMainNavMobile, #lnkShowLeftNavMobile, #lnkShowLeftResourcesMobile {
        font-size: 13px !important;
        font-family: "Open Sans", sans-serif !important;
        text-transform: unset;
        padding: 8px 15px;
        line-height: 24px;
        float: left;
        clear: both;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        border-bottom: 1px solid #373d44;
    }

    #header {
        padding: 0%;
        margin-top: 50px;
    }

    #macronav {
        position: absolute;
        top: 8px;
        right: 5px;
        margin: 0%;
        padding: 0%;
    }

    #branding {
        padding-top: 30px !important;
    }

    #unit, #breadcrumb {
        display: none;
    }


    #sitename {
        padding: 1%;
        padding-top: 2%;
        margin: 0%;
        font-size: .7em;
    }

    #sidebar1, #sidebar2 {
        clear: both;
        width: 95%;
        float: none;
        border-bottom: solid 1px #ccc;
        margin-bottom: 30px;
        box-sizing: border-box;
    }


        #sidebar1 #MainMenu, #sidebar2 #MainMenu {
            display: none;
        }

    #sidebar1 {
        float: left;
        min-height: 0;
        height: auto;
        width: 100%;
        max-width: 100%;
        margin: 0px;
        padding: 0px;
        color: #fff;
        background: rgb(9,56,100);
        background: -moz-linear-gradient(top, rgba(9,56,100,1) 0%, rgba(1,39,76,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,56,100,1)), color-stop(100%,rgba(1,39,76,1)));
        background: -webkit-linear-gradient(top, rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%);
        background: -o-linear-gradient(top, rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%);
        background: -ms-linear-gradient(top, rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%);
        background: linear-gradient(to bottom, rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%);
        display: none;
    }

    #btnMobileLeftMenu {
        display: block;
        position: relative;
        width: 100%;
        height: 30px;
        border: 0px;
        color: #1D508A;
        background: #f7f7f7;
        text-align: left;
        text-indent: 45px;
    }

        #btnMobileLeftMenu.closed:after, #btnMobileLeftMenu:after {
            content: "\A";
            border-style: solid;
            border-width: 4px 6px 4px 6px;
            font-size: .8em;
            color: #aaa;
            border-color: transparent transparent transparent #aaa;
            position: absolute;
            left: 20px;
            top: 12px;
            transform: rotateZ(0deg);
            transition: transform 500ms ease-in-out, left 200ms ease-in-out;
        }

        #btnMobileLeftMenu.open:after {
            content: "\A";
            border-style: solid;
            border-width: 4px 6px 4px 6px;
            font-size: .8em;
            color: #aaa;
            border-color: transparent transparent transparent #aaa;
            position: absolute;
            left: 20px;
            top: 12px;
            transform: rotateZ(-90deg);
            transition: transform 500ms ease-in-out, left 200ms ease-in-out;
        }

    .Show80Wide, .Show60Wide {
        width: 100%;
    }
    /*--- Section Navigation --- */
    .sectionnav {
        /* margin: 0px;
        padding: 0px;
        padding-top: .8em;*/
    }

        .sectionnav ul {
            list-style-type: none;
            margin: 0px;
            margin-left: 5px;
        }

        .sectionnav li {
            padding: .5%;
            border-bottom: solid 1px #3073AD;
            border-top: solid 1px #C3DCF6;
        }

            .sectionnav li:first-child {
                border-top: 0px;
            }

            .sectionnav li:last-child {
                border-bottom: 0px;
            }

        .sectionnav a {
            display: block;
            text-decoration: none;
            font-size: 1em;
            padding-left: 1%;
        }

        .sectionnav h3 {
            font-family: 'open_sansbold';
            font-weight: 800;
            text-transform: uppercase;
            font-size: 1em;
            line-height: 1.8em;
            color: #686868;
            margin: 0px;
            padding-left: 5px;
        }

    /*---------- VERTICAL NAV -----------------------*/

    #VerticalNavMenu {
        position: relative;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 0px;
        background-color: #f7f7f7;
        color: #222;
        z-index: 500;
        transition: left .6s;
        box-sizing: border-box;
        overflow: hidden;
    }

        #VerticalNavMenu.open {
            height: auto;
        }

        #VerticalNavMenu.closed {
            height: 0px;
        }

    #MobileVertNavSlider {
        display: block;
        position: fixed;
        height: 70%;
        left: 0px;
        padding: 3px;
        padding-top: 65%;
        width: 6px;
        background-color: #1D508A;
        color: #fdfdfd;
        z-index: 515;
        text-align: center;
        font-size: .6em;
        transition: all .6s;
    }

    .hideleft {
        left: 0px;
        text-align: right;
    }

    #VerticalNavMenu.hideleft {
        left: -100%;
        text-align: left;
    }

    #VerticalNavMenu.showright {
        left: 0px;
    }

    #MobileVertNavSlider.showright {
        left: 92% !important;
        width: 30px;
        text-align: left;
    }

    #VerticalNavMenu a {
        background-color: #f7f7f7;
        color: #1D508A;
    }

    #VerticalNavMenu button {
        color: #f7f7f7;
    }

    #VerticalNavMenu ul li ul {
        background-color: #f7f7f7;
        color: #222;
        border-bottom: solid 0px #121212;
        border-top: solid 0px #C2C2C2;
    }

    #VerticalNavMenu ul li:first-child {
        border-top: 0px;
    }

    #VerticalNavMenu ul li ul li {
        background-color: #f7f7f7;
        color: #222;
        border-bottom: solid 1px #efefef;
        border-top: solid 1px #ccc;
    }

    #VerticalNavMenu li {
        border-bottom: solid 1px #efefef;
        border-top: solid 1px #ccc;
    }

    #VerticalNavMenu ul li button {
        text-indent: 50px;
    }

    #centercontent {
        padding-top: 5px;
    }


    /* --- CSUF CLASSES FIXES --- */
    .CalendarBlock1, .CalendarBlock2,
    .featureBlock1, .featureBlock2, .featureBlock3 {
        width: 100%;
        float: none;
        clear: both;
    }

    .divA, .divB, .divC, .divD, .divE, .divF, .divG, .divH,
    .divI, .divJ, .divK, .divL, .divM, .divN, .divO, .divP,
    .divQ, .divR, .divS, .divT, .divU, .divV, .divW, .divX,
    .divY, .divZ {
        width: 100% !important;
        min-height: 0px;
        /* display:block !important;       */
        clear: both !important;
        float: left !important;
        margin: auto;
        margin-bottom: 1%;
        padding: 1%;
        box-sizing: border-box;
    }

    img.linkicon {
        height: auto !important;
        width: auto !important;
    }

    #MainContent {
        /*   padding-left: 15px;*/
    }

    /*LIST BOX STYLE FIX ALL BOXES SHOULD GO 100% AT SMALL SIZE*/
    .list_boxes_univBlue li, .list_boxes_medBlue li, .list_boxes_lightBlue li,
    .list_boxes_gray li, .list_boxes_orange li, .list_boxes_beige li,
    .list_boxes_black li, .list_boxes_white li, .list_boxes_gradient li {
        width: 98% !important;
        padding: 1% !important;
        box-sizing: border-box;
    }

    /*----------------------------------------
slide show
----------------------------------------*/
    .Slideshow_shell, .slider_container, .slideshowcontrols, .slide_image, .slide_caption, .slide_show, .Slideshow_Navbar {
        clear: both;
        float: left !important;
        width: 100% !important;
        position: relative !important;
        display: block;
        margin: 0px;
        padding: 1%;
        background-color: #fff;
        color: #333;
        top: 0px !important;
        box-sizing: border-box;
    }

    .Slideshow_shell {
        border: solid 1px #ccc !important;
    }

    .slide_caption h2, .slide_caption p {
        padding: 5px;
        font-size: .8em;
    }

    /*----------------------------------------
IMAGE GALLERIES
----------------------------------------*/
    .gallery_container .imageholder {
        margin-bottom: 10px !important;
        float: left !important;
    }

        .gallery_container .imageholder img,
        .gallery_container .image_metadata,
        .gallery_container .image_metadata .gallery_author_location_block,
        .gallery_container .image_metadata .gallery_author_location_block .gallery_user_info,
        .gallery_container .image_metadata .gallery_author_location_block .gallery_location_info,
        .gallery_container .image_metadata .gallery_user_info,
        .gallery_container .image_metadata .gallery_basic_info {
            float: left !important;
            clear: both !important;
            width: 98% !important;
            max-width: 98% !important;
            height: auto !important;
            margin: 1% !important;
            display: block !important;
            box-sizing: border-box !important;
            margin-bottom: 10px !important;
            text-align: left !important;
        }

            .gallery_container .image_metadata .location,
            .gallery_container .image_metadata .date,
            .gallery_container .image_metadata .medium {
                text-align: left !important;
                clear: both !important;
                float: left !important;
            }

            .gallery_container .image_metadata .gallery_author_location_block,
            .gallery_container .image_metadata .gallery_basic_info {
                float: left !important;
                width: 48% !important;
                max-width: 48% !important;
                clear: none !important;
            }


    .gallery_apps .gallery_container div img {
        max-width: unset !important;
        width: 120px !important;
        max-width: 120px !important;
        height: 120px !important;
    }

    .gallery_apps .gallery_container .imageholder {
        width: 33.3% !important;
        height: auto !important;
        float: left;
        clear: none !important;
    }

        .gallery_apps .gallery_container .imageholder .gallery_author_location_block {
            display: none !important;
        }
    /*----------------------------------------
FOOTER FIXES
----------------------------------------*/
    #divFooter .logo {
        margin: 5px;
        margin-left: 18px;
        padding: 0% !important;
        float: none;
        border-right: 0px solid #ccc;
    }

    #divFooter .disclaimer {
        float: none;
        margin: 1%;
        margin-top: 0%;
        padding: 0%;
        padding-top: 4px;
        padding-left: 1%;
        width: 95%;
        border-left: solid 0px #bcbcbc;
    }

    #divFooter .accessibility h2 {
        font-size: 1em;
        width: 95%;
        margin-bottom: 2px;
    }

    #divFooter .accessibility ul {
        font-size: 1em;
        width: 95%;
        margin: 1%;
        margin-top: 4px;
    }


    #divFooter .accessibility li {
        font-size: 1em;
        width: 95%;
        margin: 1%;
        margin-top: 4px;
    }



    /*---------------------------
    T4 divContainers
   -----------------------------*/

    #box1, #box2, #box3,
    #box4, #box5, #box6,
    #box7, #box8, #box9,
    #box10, #box11, #box12 {
        float: left;
        clear: both;
        display: block;
        width: 100% !important;
        min-height: 5px !important;
        margin: 0px !important;
        padding: 0px !important;
    }

        #box1 div, #box2 div, #box3 div,
        #box4 div, #box5 div, #box6 div,
        #box7 div, #box8 div, #box9 div,
        #box10 div, #box11 div, #box12 div {
            margin: 0px;
            padding: 0px;
            margin-bottom: 1px;
        }


    /*-------------------------------------
    parallax fixes
------------------------------------------------*/

    .parallax_group.emptycontent {
        display: none !important;
    }

    .parallax_group.hascontent {
        display: block;
    }

    .parallax_group {
        position: relative !important;
        margin: 0px !important;
        padding: 0px !important;
        height: auto;
    }

    .parallax {
        overflow-x: visible;
        overflow-y: visible;
    }

    .parallax_image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        margin: 0px;
        padding: 0px;
        background-color: #f7f7f7;
        color: #000;
        transform-origin-x: 100%;
        transform: translateZ(0px) scale(1);
    }

        .parallax_image div {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100% !important;
            margin: 0px !important;
        }

    .parallax_image_bg {
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 290px;
        background-size: 100% 100%;
    }

    .parallax_content {
        position: relative !important;
        margin: 3% !important;
        padding: 2% !important;
        width: 90%;
        height: auto;
        min-height: 250px;
        overflow-y: scroll;
        background-color: rgba(255,255,255,.98);
        color: #222;
        z-index: 3000;
        box-shadow: 1px 1px 3px rgba(0,0,0,.6);
    }


    /*--------------  CSUF CLASSES FIXES FOR MOBILE --------*/

    #centercontent .list_catalog_center ul,
    #centercontent .CalendarBlock3_list ul,
    #centercontent .CalendarBlock3_list_4col ul {
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        width: 100%;
    }


        #centercontent .list_catalog_center ul:first-child li,
        #centercontent .list_catalog_left ul:first-child li,
        #centercontent .CalendarBlock3_list ul:first-child li,
        #centercontent .CalendarBlock3_list_4col ul:first-child li,
        #centercontent .list_catalog_center ul:first-child li,
        #centercontent .list_catalog_left ul:first-child li,
        #centercontent .CalendarBlock3_list ul:first-child li,
        #centercontent .CalendarBlock3_list_4col ul li {
            width: 49%;
            float: left;
            clear: none;
            margin: 0px !important;
            margin-left: 1% !important;
            margin-bottom: 1% !important;
            box-sizing: border-box;
        }

    .CalendarBlock3_list ul li:nth-of-type(2n+2), .CalendarBlock3_list_4col ul li:nth-of-type(2n+2) {
        clear: both !important;
        float: left;
    }

    .CalendarBlock3_list > ul > li:first-child, .CalendarBlock3_list_4col > ul > li:first-child {
        width: 100% !important;
    }

    #centercontent .CalendarBlock3_list ul li ul li,
    #centercontent .CalendarBlock3_list_4col ul li ul li {
        width: 100% !important;
    }

    /****************************
        slideshow height
    */
    .slideheight_600 .slider_top_container, .slideheight_500 .slider_top_container,
    .slideheight_400 .slider_top_container, .slideheight_300 .slider_top_container,
    .slideheight_200 .slider_top_container {
        height: auto !important;
    }

    .slideheight_600 .slider_container .slide_image,
    .slideheight_600 .slider_container .slide_video,
    .slideheight_500 .slider_container .slide_image,
    .slideheight_500 .slider_container .slide_video,
    .slideheight_400 .slider_container .slide_image,
    .slideheight_400 .slider_container .slide_video,
    .slideheight_300 .slider_container .slide_image,
    .slideheight_300 .slider_container .slide_video,
    .slideheight_200 .slider_container .slide_image,
    .slideheight_200 .slider_container .slide_video {
        height: auto !important;
    }


    /*----------------EVENT FULL INFO ----------------*/
    #EventFullFrame {
        width: 100%;
        margin-left: 0px;
    }

    .EventFull_basicinfo, .EventFull_details {
        clear: both;
        width: 100%;
    }

    .EventFull_calendar, .EventFull_clock {
        margin-left: 10%;
        width: 80%;
        margin-bottom: 30px;
    }


    .Events_Cards_2 .EventCard_Shell, .Events_Cards_3 .EventCard_Shell, .Events_Cards_4 .EventCard_Shell {
        width: 50% !important;
        clear: none !important;
    }

    /* ---------------- BACKGROUND ZOOM ---------------- */

    .box1_bkgd_zoom #box1, .box2_bkgd_zoom #box2, .box3_bkgd_zoom #box3,
    .box4_bkgd_zoom #box4, .box5_bkgd_zoom #box5, .box6_bkgd_zoom #box6,
    .box7_bkgd_zoom #box7, .box8_bkgd_zoom #box8, .box9_bkgd_zoom #box9,
    .box10_bkgd_zoom #box10, .box11_bkgd_zoom #box11, .box12_bkgd_zoom #box12 {
        -webkit-animation: animateBg none;
        animation: animateBg none;
        overflow: visible;
    }
}


@media screen and (min-width:0px) and (max-width:499px) {

    /*---------------------------------------------------------------
DEFAULT MOBILE STYLES FOR NAVIGATION AND GENERAL PAGE ELEMENTS
----------------------------------------------------------------*/
    .h100, .h125, .h150, .h175, .h200, .h225, h250, .h275, .h300, .h325, .h350, .h375, .h400, .h425, .h450, .h475,
    .h500, .h525, .h550, .h575, .h600, .h625, .h650, .h675, .h700, .h725, .h750, .h775, .h800 {
        height: auto;
    }

    .Show80Wide, .Show60Wide {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        box-sizing: border-box;
    }

    body {
        position: relative;
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }

    #BannerImage {
        display: none;
    }



    #CSUFLink_Search {
        display: block;
        height: 40px;
        width: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        color: #222;
        background-color: #f4f5f5;
        z-index: 12000;
        border-bottom: solid 1px #ccc;
        background: #f6f8f9;
        background: -moz-linear-gradient(top, #f6f8f9 0%, #d7dee3 100%, #f5f7f9 100%);
        background: -webkit-linear-gradient(top, #f6f8f9 0%,#d7dee3 100%,#f5f7f9 100%);
        background: linear-gradient(to bottom, #f6f8f9 0%,#d7dee3 100%,#f5f7f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
        transition: width .1s;
    }

        #CSUFLink_Search .container {
            position: relative;
            height: 40px;
        }

    #CSUFTopLink {
        float: right;
        width: 50px;
        height: 41px;
        z-index: 300000;
        background-color: #003366;
        color: #f7f7f7;
        box-sizing: border-box;
        border: solid 1px #002b57;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f3c73+0,002b54+100 */
        background: #0f3c73; /* Old browsers */
        background: -moz-linear-gradient(top, #0f3c73 0%, #002b54 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0f3c73 0%,#002b54 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0f3c73 0%,#002b54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f3c73', endColorstr='#002b54',GradientType=0 ); /* IE6-9 */
    }

        #CSUFTopLink a {
            display: block;
            background: #002b54;
            background-color: inherit;
            color: #fff;
            font-size: .7em;
            font-family: Arial;
            width: 50px;
            height: 40px;
            margin: 0px;
            padding: 0px;
            text-align: center;
        }

            #CSUFTopLink a:before {
                content: 'CSUF';
                position: fixed;
                right: 0px;
                top: 0px;
                height: 40px;
                width: 50px;
                z-index: 8000;
                text-indent: 0px;
                padding-top: 9px;
                box-sizing: border-box;
            }

    #sitecues-badge, #AZ, #searchRadioBtns {
        display: none;
        margin: 0px;
        padding: 0px;
    }

    #SearchNav {
        left: 38px;
        right: unset;
        height: 40px;
        box-sizing: border-box;
        border-right: #aaa;
        z-index: 300000;
        background-color: transparent;
        background: transparent;
        padding-top: 5px;
        margin: 0px;
        width: 250px;
    }

        #SearchNav form {
            width: 98%;
        }

        #SearchNav label {
            display: none;
        }

        #SearchNav input[type='text'] {
            border: solid 1px #002B54;
            font-size: .95em;
            height: 18px;
            padding: 5px;
            font-weight: normal;
            margin-top: 0px;
            padding-top: 2px;
            float: left;
            border-radius: 0px;
            /* width: 90%;*/
            box-shadow: 0px 4px 4px rgba(0,0,0,.25);
        }

    #searchButton {
        width: 10%;
    }

    #search-button {
        border-radius: 4px;
        border: solid 1px rgba(22,55,88, .5);
        cursor: pointer;
        display: block;
        float: left;
        font-size: 12px !important;
        font-family: Roboto, Arial, sans-serif !important;
        text-transform: uppercase;
        height: 18px;
        width: 50px;
        margin-left: 5px;
        margin-top: 0px;
        padding: 9px;
        padding-top: 2px;
        text-align: center;
        background: #093864;
        background-color: #093864;
        color: #f7f7f7 !important;
        background: #0057ab; /* Old browsers */
        background: -moz-linear-gradient(top, #0057ab 0%, #093864 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0057ab 0%,#093864 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0057ab 0%,#093864 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057ab', endColorstr='#093864',GradientType=0 ); /* IE6-9 */
        box-shadow: 0px 4px 4px rgba(0,0,0,.25);
    }

    #divHamburgerMenu {
        display: block;
        float: left;
        position: absolute;
        top: 2px;
        margin-left: 0px;
        width: 50px;
        height: 40px;
        z-index: 10;
    }

        #divHamburgerMenu #btnMobileMenu {
            position: initial;
            background-image: none;
            border-radius: 4px;
            border: solid 1px transparent;
            cursor: pointer;
            display: block;
            float: left;
            font-size: 14px;
            height: 28px;
            width: 28px;
            background-color: transparent;
            color: #222;
            margin-left: 10px;
            margin-right: 8px;
            margin-top: 5px;
            overflow-x: visible;
            overflow-y: visible;
            padding: 5px;
            text-align: center;
            opacity: 1;
        }

            #divHamburgerMenu #btnMobileMenu:hover {
                border: solid 1px #aaa;
                border-top: solid 1px #cbcbcb;
                box-shadow: 0px 1px 0px rgba(0,0,0,.4);
                background-color: #f7f7f7;
                background: #f7f7f7;
                color: #333;
            }

    .menubar {
        display: block;
        float: left;
        width: 15px;
        height: 3px;
        margin-bottom: 3px;
        border-radius: 3px;
        background-color: #003366;
        background: #003366;
        color: #fff;
        transition: .25s ease-in-out;
    }

    #btnMobileMenu:active .menubar {
        background-color: #fff;
        color: inherit;
    }

    .sr-only {
        display: none;
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
        background-color: #002B54;
        color: #fff;
    }

    #divHamburgerMenu #btnMobileMenu:hover .menubar {
        background-color: #E17000;
        color: #222;
    }

    #divHamburgerMenu.mobileon #btnMobileMenu span:nth-child(2).menubar {
        top: 18px;
        position: absolute;
        background-color: #E17000;
        color: #000;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #divHamburgerMenu.mobileon #btnMobileMenu span:nth-child(3).menubar {
        opacity: 0;
    }

    #divHamburgerMenu.mobileon #btnMobileMenu span:nth-child(4).menubar {
        top: 18px;
        position: absolute;
        background-color: #E17000;
        color: #000;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #CSUFLink_Search #btnSettingsSlider,
    #CSUFLink_Search #btnSearchSlider {
        color: #235392;
        background-color:transparent;
    }


    #CSUFLink_Search #SiteHours {
        margin-right: 0px;
        clear: none;
        width: 150px;
        float: left;
    }

        #CSUFLink_Search #SiteHours p.HoursTimeText {
            background: inherit !important;
            color: #222 !important;
            padding-left: 0px !important;
        }

        #CSUFLink_Search #SiteHours .HoursTimeText.DateText {
            display: none;
        }

        #CSUFLink_Search #SiteHours div.HoursTimeBlock,
        #CSUFLink_Search #SiteHours div.TimeTextBlock {
            width: auto;
        }

        #CSUFLink_Search #SiteHours .HoursTimeText.Timesplicount_1 {
            padding-top: 0px;
            color: #222;
            background-color: inherit !important;
        }

    #SiteSearch_starting {
        width: 90px;
    }

    #SiteResources_panel, #SiteSearch_panel {
        width: 98vw;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: -5000px;
        right: 0px;
    }

        #SiteResources_panel.ShowSlider, #SiteSearch_panel.ShowSlider {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
        }

        .gs-result .gs-title {
            overflow: unset !important;
        }

    .gsib_b
    {
        display:none;
    }

    .gsc-input tr {
        padding:0px !important;
        border:0px !important;
    }
    .gsc-input
    {
        width:80%;
        height: 40px !important;
        clear:none;
    }

    .gsc-input-box {
        padding-top:0px !important;
        border: 0px !important;
        background-color: transparent !important;
    }

    .gsc-search-button{
        clear:none !important;
    }

    #SiteName_Tabs {
        z-index: 6000;
    }

    #lnkSearchDomains {
        display: none;
    }


    #divMobileSocialHours {
        display: block;
    }


    #Navigation {
        display: block;
        position: relative;
        float: left;
        border: 0px;
        width: 50%;
        box-sizing: border-box;
        box-shadow: none;
        height: 0px;
        margin: 0px;
        padding: 0px;
        z-index: -1;
        color: #fff;
        background: #1D508A;
        transition: all 0.4s ease;
        opacity: 0;
        position: fixed;
        float: none;
    }


        #Navigation.mobileopen {
            /* height: auto;
            opacity: 1;
            z-index: 11000;
            max-width: 100%;
            width: 100%;*/
            width: 100vw;
            height: 100vh;
            opacity: 1;
            padding-top: 45px;
            padding-left: 5px;
            z-index: 11000;
            color: #bebebe;
            background: #2c3136;
            transition: opacity .35s ease-in;
            overflow: scroll;
        }

    #divMobileLeftNav {
        display: block;
    }

    #mobileLeftNav, #mobileLeftResourcesNav {
        display: block;
        padding-left: 5px;
        padding-top: 4px;
        float: left;
    }


    #Navigation h1, #Navigation h2, #Navigation h3,
    #Navigation p, #Navigation li, #Navigation a {
        /* color: #f7f7f7;
        background: #1D508A;*/
        color: #bebebe !important;
        background: #2c3136 !important;
    }

        #navMain #lblMainNav a, #Navigation h3 a#lnkShowLeftNavMobile, #Navigation a#lnkShowLeftResourcesMobile {
            color: #9CBFDE !important;
            Background: inherit;
        }

    #navMain li #lnkShowMainNavMobile, #divMobileLeftNav #lnkShowLeftNavMobile, #divMobileLeftNav #lnkShowLeftResourcesMobile {
        font-size: 13px !important;
        font-family: "Open Sans", sans-serif !important;
        text-transform: unset;
        padding: 8px 15px;
        line-height: 24px;
        float: left;
        clear: both;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        border-bottom: 1px solid #373d44;
    }

    #lnkShowMainNavMobile:after, #lnkShowMainNavMobile.closed:after,
    #lnkShowLeftNavMobile:after, #lnkShowLeftNavMobile.closed:after,
    #lnkShowLeftResourcesMobile:after, #lnkShowLeftResourcesMobile.closed:after {
        content: "\f055";
        font-family: FontAwesome, 'fa';
        border-style: solid;
        border-width: 0px;
        font-size: 16px;
        color: #f7f7f7;
        border-color: transparent;
        position: absolute;
        right: 35px;
        top: 5px;
        height: 30px;
        width: 30px;
        margin-left: -20px;
        text-indent: 25px;
        /*transform: rotateZ(0deg);
            transition: transform 500ms ease-in-out, left 200ms ease-in-out;*/
    }

    #lnkShowMainNavMobile.open:after,
    #lnkShowLeftNavMobile.open:after,
    #lnkShowLeftResourcesMobile.open:after 
    {
        content: "\f146";
        font-family: FontAwesome, 'fa';
        border-style: solid;
        border-width: 0px;
        font-size: 16px;
        color: #f7f7f7;
        border-color: transparent;
        position: absolute;
        right: 35px;
        top: 5px;
        height: 30px;
        width: 30px;
        margin-left: -20px;
        text-indent: 25px;
        /*transform: rotateZ(0deg);
            transition: transform 500ms ease-in-out, left 200ms ease-in-out;*/
    }

    .HideMobileNav, #navMain li, #navTabs2Main li,
    #mobileLeftNav, #mobileLeftNav.HideMobileNav,
    #mobileLeftResourcesNav, #mobileLeftResourcesNav.HideMobileNav {
        opacity: 0;
        height: 0px;
        padding: 0px !important;
        overflow: hidden;
        border-width: 0px;
        transition: all .3s ease-in;
    }

    .mobileopen #Tabs #navMain li,
    .mobileopen #Tabs2Social #navTabs2Main li {
        height: auto;
        opacity: 1;
    }

        .ShowMobileNav, #lblMainNav,
        .ShowMobileNav .ExtendedNav li,
        #mobileLeftNav.ShowMobileNav,
        #mobileLeftResourcesNav.ShowMobileNav {
            opacity: 1 !important;
            height: unset !important;
            border-width: 1px !important;
            overflow: unset !important;
            padding: 4px !important;
            transition: all .65s ease-in, opacity .3s ease-in, padding 0s;
        }


    #Navigation #Tabs2Social {
        /* display:none;*/
        Background: inherit;
        clear: both;
        float: left;
        height: auto;
        padding: 0px;
        margin: 0px;
    }

    #navTabs2Main {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

        #navTabs2Main li {
            clear: both;
            position: relative;
            float: left;
            width: 100%;
            /* border-bottom: solid 1px #0057ab;
            border-top: solid 1px #719dcd;*/
            border-bottom: 1px solid #373d44;
            padding-top: 6px;
            padding-bottom: 4px;
            margin-top: 0px;
            margin-bottom: 0px;
            background-color: transparent;
            color: #fff;
        }

            #navTabs2Main li a {
                margin: 0px;
                padding: 8px 5px 8px 5px;
            }

    #Tabs2 {
        width: 100%;
        float: left;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }

    #StartOfSiteNav, #EndofSiteNav {
        left: 0px;
        display: none;
    }

    .extendedmenu_closed, .extendedmenu_open {
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: #1d508a;
        color: #fff;
        margin: 5px;
        margin-top: 10px;
        text-align: center;
        border: 0px;
        border-left: solid 1px #ccc;
        padding: 3px;
        height: 20px;
        width: 42px;
        box-sizing: border-box;
        z-index: 12000;
        overflow: hidden;
        text-indent: 50px;
        text-indent: -300px;
    }

        .extendedmenu_closed:before {
            content: "\f055";
            font-family: FontAwesome, 'fa';
            border-style: solid;
            border-width: 0px;
            font-size: 12px;
            color: #f7f7f7;
            border-color: transparent;
            position: absolute;
            left: 5px;
            top: 8px;
            height: 30px;
            width: 30px;
            margin-left: -20px;
            text-indent: 25px;
            /*transform: rotateZ(0deg);
            transition: transform 500ms ease-in-out, left 200ms ease-in-out;*/
        }

        .extendedmenu_open:before {
            content: "\f146";
            font-family: FontAwesome, 'fa';
            border-style: solid;
            border-width: 0px;
            font-size: 12px;
            color: #f7f7f7;
            border-color: transparent;
            position: absolute;
            left: 5px;
            top: 8px;
            height: 30px;
            width: 30px;
            margin-left: -20px;
            text-indent: 25px;
            /*transform: rotateZ(0deg);
            transition: transform 500ms ease-in-out, left 200ms ease-in-out;*/
        }

    #extendedA, #extendedB, #extendedC, #extendedD, #extendedE, #extendedF, #extendedG,
    #extendedH, #extendedI, #extendedJ, #extendedK, #extendedL, #extendedM, #extendedN,
    #extendedO, #extendedP, #extendedQ, #extendedR, #extendedS, #extendedT, #extendedU,
    #extendedV, #extendedW, #extendedX, #extendedY, #extendedZ {
        display: none;
        position: relative;
        margin: 0px;
        padding: 0px;
        max-width: 90%;
    }

        #extendedA.open, #extendedB.open, #extendedC.open, #extendedD.open, #extendedE.open, #extendedF.open, #extendedG.open,
        #extendedH.open, #extendedI.open, #extendedJ.open, #extendedK.open, #extendedL.open, #extendedM.open, #extendedN.open,
        #extendedO.open, #extendedP.open, #extendedQ.open, #extendedR.open, #extendedS.open, #extendedT.open, #extendedU.open,
        #extendedV.open, #extendedW.open, #extendedX.open, #extendedY.open, #extendedZ.open {
            position: relative;
            display: block;
            float: left;
            height: auto !important;
            min-width: 100% !important;
            max-width: 100%;
            padding: 0px;
            margin: 0px;
            margin-top: 2px !important;
            margin-bottom: 20px;
            /*background-color: #fff;
            color: #222;*/
            background-color: #181A1B;
            color: #f0f0f0;
            box-sizing: border-box;
            z-index: 20000;
        }

    #navMain {
        list-style-type: none;
        margin: 0px;
        float: left;
        width: 100%;
        height: auto;
    }

        #navMain li, #MobileVerticalNavMenu .sectionnav li, #mobileLeftNav .sectionnav li {
            clear: both;
            position: relative;
            float: left;
            width: 100%;
            /*border-bottom: solid 1px #0057ab;
            border-top: solid 1px #719dcd;*/
            border-bottom: 1px solid #373d44;
            border-top: 0px;
            padding-top: 4px;
            padding-bottom: 4px;
            margin-top: 0px;
            margin-bottom: 0px;
            background-color: transparent;
            color: #fff;
        }


            #navMain li a img,
            #navTabs2Main li a img {
                max-height: 16px;
                width: auto;
                display: block;
                float: left;
                margin: 2px;
                margin-top: 0px;
                margin-right: 8px;
                margin-bottom: 2px;
            }

            #navMain li a, #navMain li button,
            #navTabs2Main li a, #navTabs2Main li button,
            .sectionnav li a {
                /* color: #f7f7f7 !important;
        background: #1D508A !important;*/
                color: #bebebe;
                background: #2c3136;
                margin: 0px;
                margin-left: 0px !important;
                padding: 8px 15px !important;
                display: block;
                border-radius: 0px;
                border: 0px;
                line-height: unset !important;
                text-transform: uppercase;
            }

            #navMain li:hover a, #navMain li.active a, #navTabs2Main li:hover button {
                color: #bebebe;
                background: #2c3136;
            }



        #navMain .ExtendedNav a, #navTabs2Main .ExtendedNav a {
            /*background-color: #fff !important;
        color: #1d508a !important;*/
            background-color: #181A1B !important;
            color: #9CBFDE !important;
        }

        #navMain li a:hover,
        #navMain li a:active {
            color: #0057ab;
            background: #fff;
        }


        #navMain li.active a {
            background: #1D508A;
            border: 0px;
            padding: 5px;
            margin: 0px;
        }


    #Navigation h1, #Navigation h2, #Navigation h3,
    #Navigation p, #Navigation li {
    }

    #Navigation h1, #Navigation h2, #Navigation h3,
    #Navigation p {
        margin-bottom: 5px;
    }

    #Navigation h1, #Navigation h2, #Navigation h3 {
        line-height: normal;
        padding-bottom: 4px;
        margin-bottom: 1%;
        float: left;
        clear: both;
        width: 100%;
        box-sizing: border-box;
    }

    #StartOfSiteNav, #EndOfSiteNav {
        position: absolute;
        left: 0px;
        width: 0px;
        overflow: hidden;
    }

    .open .ExtendedNav {
        display: block;
        position: relative;
        top: auto;
        opacity: 1;
        left: 0px;
        height: 0px;
        max-height: 0px;
        visibility: visible;
        margin: 0% !important;
        padding: 0% !important;
        background-color: #fff;
        box-shadow: none;
        border: 0px !important;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .ExtendedNav div {
        box-sizing: border-box;
        width: 100%;
        padding: 1%;
        margin: 0px;
        float: left;
        clear: both;
        position: relative;
        background-color: #181A1B;
        color: #f0f0f0;
    }

    #Navigation .ExtendedNav h1, #Navigation .ExtendedNav h2, #Navigation .ExtendedNav h3, #Navigation .ExtendedNav h4,
    #Navigation .ExtendedNav ul, #Navigation .ExtendedNav ol, #Navigation .ExtendedNav li, #Navigation .ExtendedNav p,
    #Navigation .ExtendedNav span {
        background: #181A1B !important;
        color: #f0f0f0 !important;
        font-size: 13px !important;
    }

    #Navigation .ExtendedNav h1, #Navigation .ExtendedNav h2, #Navigation .ExtendedNav h3, #Navigation .ExtendedNav h4 {
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        padding: 4px !important;
        font-size: 16px !important;
    }

    #Navigation .ExtendedNav a {
        background: #181A1B;
        color: #9CBFDE;
        font-size: 13px !important;
    }

    .ExtendedNav ul {
        width: 98%;
        margin: 0px;
        margin-left: 2%;
        padding: 0px;
        float: left;
        position: relative;
        clear: both;
    }

        .ExtendedNav ul li {
            background-image: url(../images/campuscss/bullet_blue.png) !important;
            background-position: left center !important;
            background-repeat: no-repeat !important;
            width: 96% !important;
            max-width: 96%;
            box-sizing: border-box;
            overflow: scroll;
            float: left;
            clear: both;
        }

    #Navigation .ExtendedNav p {
        background-color: #fff;
        color: #222;
        float: left;
        clear: both;
        padding-left: 5px;
    }

    #Social, #SiteHours {
        display: none;
        /*width: 100%;
        box-sizing: border-box;
        float: left;
        clear:both;
        margin: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #003366;
        color: #fff;
        height:unset;*/
    }

    .search_default #lblMainNav {
        display: block;
    }

    .search_default #Social {
        position: fixed;
        min-height: 40px;
        z-index: 100;
        top: 40px;
        left: -4px;
        width: 100vw;
    }

    .search_default #SiteHours {
        display: none;
    }

    #SiteHours {
        background-color: #343434;
        color: #fff;
    }

        #SiteHours:before, #SiteHours:after {
            display: none;
        }

        #SiteHours p {
            float: left;
            text-align: center;
        }

        #SiteHours a, #SiteHours p, #SiteHours span {
            color: #fff !important;
            background-color: #343434 !important;
            margin-top: 0px !important;
            font-size: 1em !important;
        }

    .HoursTimeText, .TimeTextBlock {
        float: left;
        width: 48%;
    }

    .Hours_TemplateDisplay {
        background-color: #003366 !important;
        color: #fff;
    }

    #header {
        padding: 0%;
        margin-top: 50px;
    }

    #macronav {
        position: absolute;
        top: 8px;
        right: 5px;
        margin: 0%;
        padding: 0%;
    }

    #branding {
        padding-top: 30px !important;
    }

    #unit, #breadcrumb {
        display: none;
    }


    #sitename {
        padding: 1%;
        padding-top: 2%;
        margin: 0%;
        font-size: .7em;
    }

    #sidebar1, #sidebar2 {
        clear: both;
        width: 95%;
        float: none;
        border-bottom: solid 1px #ccc;
        margin-bottom: 30px;
        box-sizing: border-box;
    }


        #sidebar1 #MainMenu, #sidebar2 #MainMenu {
            display: none;
        }

    #sidebar1 {
        float: left;
        min-height: 0;
        height: auto;
        width: 100%;
        max-width: 100%;
        margin: 0px;
        padding: 0px;
        color: #fff;
        background: rgb(9,56,100);
        background: -moz-linear-gradient(top, rgba(9,56,100,1) 0%, rgba(1,39,76,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,56,100,1)), color-stop(100%,rgba(1,39,76,1)));
        background: -webkit-linear-gradient(top, rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%);
        background: -o-linear-gradient(top, rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%);
        background: -ms-linear-gradient(top, rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%);
        background: linear-gradient(to bottom, rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%);
        display: none;
    }

    #btnMobileLeftMenu {
        display: block;
        position: relative;
        width: 100%;
        height: 30px;
        border: 0px;
        color: #1D508A;
        background: #f7f7f7;
        text-align: left;
        text-indent: 45px;
    }

        #btnMobileLeftMenu.closed:after, #btnMobileLeftMenu:after {
            content: "\A";
            border-style: solid;
            border-width: 4px 6px 4px 6px;
            font-size: .8em;
            color: #aaa;
            border-color: transparent transparent transparent #aaa;
            position: absolute;
            left: 20px;
            top: 12px;
            transform: rotateZ(0deg);
            transition: transform 500ms ease-in-out, left 200ms ease-in-out;
        }

        #btnMobileLeftMenu.open:after {
            content: "\A";
            border-style: solid;
            border-width: 4px 6px 4px 6px;
            font-size: .8em;
            color: #aaa;
            border-color: transparent transparent transparent #aaa;
            position: absolute;
            left: 20px;
            top: 12px;
            transform: rotateZ(-90deg);
            transition: transform 500ms ease-in-out, left 200ms ease-in-out;
        }

    .Show80Wide, .Show60Wide {
        width: 100%;
    }
    /*--- Section Navigation --- */

    #mobileLeftNav {
        width: 100%;
        margin: 0px;
        padding: 0px !important;
    }

    .sectionnav {
        margin: 0px;
        padding: 0px;
        font-size: 13px;
        float: left;
        box-sizing: border-box;
        width: 96%;
    }

        .sectionnav ul {
            list-style-type: none;
            margin: 0px !important;
            float: left;
            width: 100%;
            clear: both;
            padding: 0px;
            box-sizing: border-box;
        }

        .sectionnav li {
            /* padding: .5%;
            border-bottom: solid 1px #3073AD;
            border-top: solid 1px #C3DCF6;*/
        }

            .sectionnav li:first-child {
                border-top: 0px;
            }

            .sectionnav li:last-child {
                border-bottom: 0px;
            }

            .sectionnav li a {
                padding-top: 0px !important;
                font-size: 13px !important;
            }

        .sectionnav h3 {
            font-family: 'open_sansbold';
            font-weight: 800;
            text-transform: uppercase;
            font-size: 1em;
            line-height: 1.8em;
            color: #686868;
            margin: 0px;
            padding-left: 5px;
        }

    /*---------- VERTICAL NAV -----------------------*/

    #VerticalNavMenu {
        position: relative;
        top: 0px;
        left: 0%;
        width: 100%;
        height: 0px;
        background-color: #f7f7f7;
        color: #222;
        z-index: 500;
        transition: left .6s;
        box-sizing: border-box;
        overflow: hidden;
    }

        #VerticalNavMenu.open {
            height: auto;
        }

        #VerticalNavMenu.closed {
            height: 0px;
        }

    #MobileVertNavSlider {
        display: block;
        position: fixed;
        height: 70%;
        left: 0px;
        padding: 3px;
        padding-top: 65%;
        width: 6px;
        background-color: #1D508A;
        color: #fdfdfd;
        z-index: 515;
        text-align: center;
        font-size: .6em;
        transition: all .6s;
    }

    .hideleft {
        left: 0px;
        text-align: right;
    }

    #VerticalNavMenu.hideleft {
        left: -100%;
        text-align: left;
    }

    #VerticalNavMenu.showright {
        left: 0px;
    }

    #MobileVertNavSlider.showright {
        left: 92% !important;
        width: 30px;
        text-align: left;
    }

    #VerticalNavMenu a {
        background-color: #f7f7f7;
        color: #1D508A;
    }

    #VerticalNavMenu button {
        color: #f7f7f7;
    }

    #VerticalNavMenu ul li ul {
        background-color: #f7f7f7;
        color: #222;
        border-bottom: solid 0px #121212;
        border-top: solid 0px #C2C2C2;
    }

    #VerticalNavMenu ul li:first-child {
        border-top: 0px;
    }

    #VerticalNavMenu ul li ul li {
        background-color: #f7f7f7;
        color: #222;
        border-bottom: solid 1px #efefef;
        border-top: solid 1px #ccc;
    }

    #VerticalNavMenu li {
        border-bottom: solid 1px #efefef;
        border-top: solid 1px #ccc;
    }

    #VerticalNavMenu ul li button {
        text-indent: 50px;
    }

    #centercontent {
        padding-top: 5px;
    }


    #Breadcrumb {
        height: auto;
        padding: 4px;
    }


    /*-----------    TABLES    ----------------*/

    table, tr, th, td {
        clear: both;
        float: left;
        border-collapse: collapse;
        box-sizing: border-box;
        width: 100%;
        margin: auto;
        padding: 4px;
        text-align: left;
    }

    th, td {
        border: 0px;
    }

    tr {
        border-bottom: solid 2px #aaa;
    }

    table caption {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }



    /* --- CSUF CLASSES FIXES --- */
    .CalendarBlock1, .CalendarBlock2,
    .featureBlock1, .featureBlock2, .featureBlock3 {
        width: 100%;
        float: none;
        clear: both;
        margin: 1%;
        box-sizing: border-box;
    }

    .divA, .divB, .divC, .divD, .divE, .divF, .divG, .divH,
    .divI, .divJ, .divK, .divL, .divM, .divN, .divO, .divP,
    .divQ, .divR, .divS, .divT, .divU, .divV, .divW, .divX,
    .divY, .divZ {
        width: 100% !important;
        min-height: 0px;
        /* display: block !important;*/
        clear: both !important;
        float: left !important;
        margin: 0px;
        margin-bottom: 1%;
        padding: 1%;
        box-sizing: border-box;
    }

    img.linkicon {
        height: auto !important;
        width: auto !important;
    }

    #MainContent {
        padding: 0px;
        margin: 0px;
        min-height: unset;
    }

    #centercontent {
        /*  padding: 1%;*/
    }

    /*LIST BOX STYLE FIX ALL BOXES SHOULD GO 100% AT SMALL SIZE*/
    .list_boxes_univBlue li, .list_boxes_medBlue li, .list_boxes_lightBlue li,
    .list_boxes_gray li, .list_boxes_orange li, .list_boxes_beige li,
    .list_boxes_black li, .list_boxes_white li, .list_boxes_gradient li {
        width: 98% !important;
        padding: 1% !important;
        box-sizing: border-box;
    }

    /*----------------------------------------
slide show
----------------------------------------*/

    .Slideshow_box {
        min-height: 0px;
    }

    .Slideshow_shell, .slider_container, .slider_top_container, .slideshowcontrols, .slide_image, .slide_caption, .slide_show, .Slideshow_Navbar {
        clear: both;
        float: left;
        width: 100% !important;
        position: relative !important;
        display: block;
        margin: 0px !important;
        padding: 1%;
        background-color: #fff;
        color: #333;
        top: 0px !important;
        box-sizing: border-box;
    }

    .slide_image, .slide_video {
        padding: 0px;
    }

    .Slideshow_shell {
        border: solid 1px #ccc !important;
    }

    .slide_caption h2, .slide_caption p {
        padding: 5px;
        font-size: 1em;
    }


    .Slideshow_Shell.slidelayout_pauseplay .slideshowcontrols .btnPrevNav,
    .Slideshow_Shell.slidelayout_pauseplay .slideshowcontrols .btnNextNav {
        float: left;
        width: 20%;
        height: 18px;
        font-size: .7em;
        padding: 1px;
        margin-top: 10px;
        padding-top: 3px;
        background-color: #f7f7f7;
        background: #f7f7f7;
        color: #222;
        border: 0px;
        text-transform: capitalize;
        position: absolute;
        top: 0px;
    }

        .Slideshow_Shell.slidelayout_pauseplay .slideshowcontrols .btnPrevNav:hover a,
        .Slideshow_Shell.slidelayout_pauseplay .slideshowcontrols .btnNextNav:hover a {
            text-decoration: none;
        }

    .Slideshow_Shell.slidelayout_pauseplay.slidearrow_downcenter .slideshowcontrols .btnPrevNav {
        left: 8%;
    }

    .Slideshow_Shell.slidelayout_pauseplay.slidearrow_downcenter .slideshowcontrols .btnNextNav {
        right: 8%;
        left: auto;
    }

    .Slideshow_Shell.slidelayout_pauseplay .slideshowcontrols .Slideshow_Navbar {
        text-align: center;
        display: block;
        margin: auto;
        margin-top: 0px;
        width: initial;
        float: left;
        margin-left: 36%;
        width: 125px !important;
    }

        .Slideshow_Shell.slidelayout_pauseplay .slideshowcontrols .Slideshow_Navbar button:first-child {
            width: 100px;
        }


    /*----------------------------------------
IMAGE GALLERIES
----------------------------------------*/
    .gallery_container .imageholder {
        margin-bottom: 10px !important;
        float: left !important;
    }

        .gallery_container .imageholder img,
        .gallery_container .image_metadata,
        .gallery_container .image_metadata .gallery_author_location_block,
        .gallery_container .image_metadata .gallery_author_location_block .gallery_user_info,
        .gallery_container .image_metadata .gallery_author_location_block .gallery_location_info,
        .gallery_container .image_metadata .gallery_user_info,
        .gallery_container .image_metadata .gallery_basic_info {
            float: right !important;
            clear: both !important;
            width: 98% !important;
            max-width: 98% !important;
            height: auto !important;
            margin: 1% !important;
            display: block !important;
            box-sizing: border-box !important;
            margin-bottom: 10px !important;
            text-align: left !important;
        }

            .gallery_container .image_metadata .gallery_author_location_block .location,
            .gallery_container .image_metadata .gallery_author_location_block .date,
            .gallery_container .image_metadata .gallery_author_location_block .medium {
                text-align: left !important;
            }

            .gallery_container .image_metadata .gallery_author_location_block,
            .gallery_container .image_metadata .gallery_basic_info {
                float: left !important;
            }


    .gallery_apps .gallery_container div img {
        max-width: unset !important;
        width: 120px !important;
        max-width: 120px !important;
        height: 120px !important;
    }

    .gallery_apps .gallery_container .imageholder {
        width: 50% !important;
        height: auto !important;
        float: left;
        clear: none !important;
    }

        .gallery_apps .gallery_container .imageholder .gallery_author_location_block {
            display: none !important;
        }
    /*------------------------------------------
FEATURE BLOCKS
-----------------------------------------------*/


    .featureBlock5_white {
        top: 2%;
    }


    /*----------------------------------------
FOOTER FIXES
----------------------------------------*/
    #divFooter .logo {
        margin: 5px;
        margin-left: 18px;
        padding: 0% !important;
        float: none;
        border-right: 0px solid #ccc;
    }

    #divFooter .disclaimer {
        float: none;
        margin: 1%;
        margin-top: 0%;
        padding: 0%;
        padding-top: 4px;
        padding-left: 1%;
        width: 95%;
        border-left: solid 0px #bcbcbc;
    }

    #divFooter .accessibility h2 {
        font-size: 1em;
        width: 95%;
        margin-bottom: 2px;
    }

    #divFooter .accessibility ul {
        font-size: 1em;
        width: 95%;
        margin: 1%;
        margin-top: 4px;
    }


    #divFooter .accessibility li {
        font-size: 1em;
        width: 95%;
        margin: 1%;
        margin-top: 4px;
    }



    /*---------------------------
    Mobile Social Media tabs
   -----------------------------*/
    .mobile_social {
        list-style-type: none;
    }


    /*---------------------------
    T4 divContainers
   -----------------------------*/

    #box1, #box2, #box3,
    #box4, #box5, #box6,
    #box7, #box8, #box9,
    #box10, #box11, #box12 {
        /*float: none;*/
        clear: both;
        display: block;
        width: 100% !important;
        /*min-height: 5px !important;*/
        margin: 0px !important;
        padding: 0px !important;
    }

        #box1 div, #box2 div, #box3 div,
        #box4 div, #box5 div, #box6 div,
        #box7 div, #box8 div, #box9 div,
        #box10 div, #box11 div, #box12 div {
            margin: 0px;
            padding: 0px;
            margin-bottom: 1px;
            width: 100% !important;
        }

            #box1 div.btnPrevNav_top, #box1 div.btnNextNav_top,
            #box2 div.btnPrevNav_top, #box2 div.btnNextNav_top,
            #box3 div.btnPrevNav_top, #box3 div.btnNextNav_top,
            #box4 div.btnPrevNav_top, #box4 div.btnNextNav_top,
            #box5 div.btnPrevNav_top, #box5 div.btnNextNav_top,
            #box6 div.btnPrevNav_top, #box6 div.btnNextNav_top,
            #box7 div.btnPrevNav_top, #box7 div.btnNextNav_top,
            #box8 div.btnPrevNav_top, #box8 div.btnNextNav_top,
            #box9 div.btnPrevNav_top, #box9 div.btnNextNav_top,
            #box10 div.btnPrevNav_top, #box10 div.btnNextNav_top,
            #box11 div.btnPrevNav_top, #box11 div.btnNextNav_top,
            #box12 div.btnPrevNav_top, #box12 div.btnNextNav_top
            {
                width: 50px !important;
            }

            .Slideshow_Shell.slidelayout_wordblocks .slide_caption
            {
                left:0px;
            }

    /*-------------------------------------
    parallax fixes
------------------------------------------------*/

    .parallax_group.emptycontent {
        display: none !important;
    }

    .parallax_group.hascontent {
        display: block;
    }

    .parallax_group {
        position: relative !important;
        margin: 0px !important;
        padding: 0px !important;
        height: auto;
    }

    .parallax {
        overflow-x: visible;
        overflow-y: visible;
    }

    .parallax_image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        margin: 0px;
        padding: 0px;
        background-color: #f7f7f7;
        color: #000;
        transform-origin-x: 100%;
        transform: translateZ(0px) scale(1);
    }

        .parallax_image div {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100% !important;
            margin: 0px !important;
        }

    .parallax_image_bg {
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 290px;
        background-size: 100% 100%;
    }

    .parallax_content {
        position: relative !important;
        margin: 3% !important;
        padding: 2% !important;
        width: 90%;
        height: auto;
        min-height: 250px;
        overflow-y: scroll;
        background-color: rgba(255,255,255,.98);
        color: #222;
        z-index: 3000;
        box-shadow: 1px 1px 3px rgba(0,0,0,.6);
    }


    /*--------------  CSUF CLASSES FIXES FOR MOBILE --------*/

    #centercontent .list_catalog_center ul,
    #centercontent .CalendarBlock3_list ul,
    #centercontent .CalendarBlock3_list_4col ul {
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        width: 100%;
    }


        #centercontent .list_catalog_center ul:first-child li,
        #centercontent .list_catalog_left ul:first-child li,
        #centercontent .CalendarBlock3_list ul:first-child li,
        #centercontent .CalendarBlock3_list_4col ul:first-child li,
        #centercontent .list_catalog_center ul:first-child li,
        #centercontent .list_catalog_left ul:first-child li,
        #centercontent .CalendarBlock3_list ul:first-child li,
        #centercontent .CalendarBlock3_list_4col ul li {
            width: 100%;
            float: left;
            clear: both;
            margin: 0px !important;
            margin-bottom: 1% !important;
        }

    .CalendarBlock3_list > ul > li:first-child, .CalendarBlock3_list_4col > ul > li:first-child {
        width: 100% !important;
    }

    #centercontent .CalendarBlock3_list ul li ul li,
    #centercontent .CalendarBlock3_list_4col ul li ul li {
        width: 100% !important;
    }

    #centercontent .list_boldface_univBlue ul li:first-child, #centercontent .list_boldface_medBlue ul li:first-child,
    #centercontent .list_boldface_lightBlue ul li:first-child, #centercontent .list_boldface_orange ul li:first-child,
    #centercontent .list_boldface_beige ul li:first-child, #centercontent .list_boldface_gray ul li:first-child,
    #centercontent .list_boldface_black ul li:first-child, #centercontent .list_boldface_white ul li:first-child,
    #centercontent .list_boldface_gradient ul li:first-child {
        width: 100%;
        float: left;
        text-align: center;
        border: 0px !important;
        border-bottom: solid 1px #ccc !important;
        padding: 2px !important;
        line-height: unset !important;
        height: auto;
        margin-bottom: 4px !important;
    }

    #centercontent .list_boldface_univBlue ul li, #centercontent .list_boldface_medBlue ul li,
    #centercontent .list_boldface_lightBlue ul li, #centercontent .list_boldface_orange ul li,
    #centercontent .list_boldface_beige ul li, #centercontent .list_boldface_gray ul li,
    #centercontent .list_boldface_black ul li, #centercontent .list_boldface_white ul li,
    #centercontent .list_boldface_gradient ul li {
        width: 100%;
        float: left;
        border: 0px !important;
        text-align: left;
    }

    /****************************
        slideshow height
    */
    .slideheight_600 .slider_top_container, .slideheight_500 .slider_top_container,
    .slideheight_400 .slider_top_container, .slideheight_300 .slider_top_container,
    .slideheight_200 .slider_top_container {
        height: auto !important;
    }

    .slideheight_600 .slider_container .slide_image,
    .slideheight_600 .slider_container .slide_video,
    .slideheight_500 .slider_container .slide_image,
    .slideheight_500 .slider_container .slide_video,
    .slideheight_400 .slider_container .slide_image,
    .slideheight_400 .slider_container .slide_video,
    .slideheight_300 .slider_container .slide_image,
    .slideheight_300 .slider_container .slide_video,
    .slideheight_200 .slider_container .slide_image,
    .slideheight_200 .slider_container .slide_video {
        height: auto !important;
    }

    /**************************
        LOGIN BOX
    */

    #LoginBlackout {
        padding: 10px !important;
    }

    .LoginMessage {
        float: left;
        width: 100% !important;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .LoginBox {
        clear: both;
        width: 100% !important;
    }



    /*----------------EVENT FULL INFO ----------------*/
    #EventFullFrame {
        width: 100%;
        margin-left: 0px;
    }

    .EventFull_basicinfo, .EventFull_details {
        clear: both;
        width: 100%;
        padding-top: 5px;
    }

    .EventButtonClose {
        position: relative !important;
        clear: both !important;
        float: right !important;
        top: unset !important;
    }

    .EventFull_calendar, .EventFull_clock {
        margin-left: 10% !important;
        width: 80% !important;
        margin-bottom: 0px !important;
    }

        .bubbletop .icon_clock, .EventFull_clock .icon_clock {
            padding-left: 30px !important;
        }

    .imagetop .EventFull_clock {
        margin-left: unset !important;
        width: auto !important;
    }

    .imagetop .icon_clock {
        padding-left: 0px !important;
        width: 52% !important;
        margin: auto !important;
        display: block !important;
        float: none !important;
        clear: both;
    }

    .EventFull_topimage, .EventFull_topimage img {
        height: 200px !important;
        border-radius: 0px !important;
    }

        .EventFull_topimage img {
            width: auto !important;
        }

        .bubbletop_image, .EventFull_topimage img, .imagetop_image, .imagetop_image .EventFull_topimage {
            width: 100% !important;
            height: auto !important;
            position: relative;
            clear: both;
            box-sizing: border-box;
            border: 0px !important;
            display: block;
            margin: auto;
        }

            .imagetop_image .EventFull_topimage {
                height: 200px !important;
            }

            .bubbletop_image img {
                width: 70% !important;
                height: auto !important;
                margin: auto;
                display: block;
                padding: 0px;
                float: none !important;
                min-height: unset !important;
            }

    .bubbletop_basics {
        width: 100%;
        padding-top: 0px;
    }

        .bubbletop_basics .EventFull_calendar {
            width: 100%;
            padding-top: 0px;
        }

    .EventHeaderSection {
        position: relative !important;
        clear: both;
        float: left;
        width: 100%;
        box-sizing: border-box;
        margin: 0px !important;
    }

    .EventFull_details_title, .EventFull_details_title div {
        clear: both;
        font-size: 20px !important;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box;
        height: unset !important;
        border: 0px !important;
        border-bottom: solid 4px #fff !important;
        margin: 0px !important;
        position: relative !important;
        top: unset !important;
    }

        .EventFull_details_title div, .EventFull_details_title p {
            border: 0px !important;
            font-size: 20px !important;
            background: #000 !important;
            color: #fff !important;
            text-align: center;
        }

    .EventFull_basicinfo, .EventFull_basicinfo p {
        position: relative !important;
        clear: both;
        float: left;
        height: unset !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 4px !important;
        margin-bottom: 10px;
        border-radius: 0px !important;
        border: 0px !important;
        border-bottom: solid 4px #fff !important;
        background-color: #333 !important;
        color: #f7f7f7 !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        font-size: 16px !important;
        line-height: normal;
    }

        .EventFull_basicinfo p {
            border: 0px !important;
            margin-bottom: 0px !important;
            margin-top: 0px !important;
        }

        .EventFull_basicinfo .EventFull_month, .EventFull_basicinfo .EventFull_day,
        .EventFull_basicinfo .EventFull_weekday, .EventFull_basicinfo .EventFull_year {
            width: auto !important;
            padding-right: 5px !important;
            float: left !important;
            clear: none !important;
            background-color: transparent !important;
        }

        .EventFull_basicinfo .EventFull_weekday {
            display: none;
        }

    .EventFull_calendar p {
        background-color: transparent !important;
    }

    .bubbletop_basics .EventFull_calendar p,
    .blocks .EventFull_calendar p {
        border: 0px !important;
        width: auto !important;
        clear: none !important;
        float: left;
        padding: 10px !important;
    }

    .imagetop .EventFull_basicinfo {
        min-height: unset !important;
    }

    .imagetop .EventFull_month, .imagetop .EventFull_day, .imagetop .EventFull_year {
        font-size: 16px !important;
        float: left !important;
        width: auto !important;
        clear: none !important;
    }

    .blocks .EventFull_calendar .EventFull_weekday {
        width: 80% !important;
        margin-left: 10%;
        clear: both;
        display: block;
        box-sizing: border-box;
    }

    .EventFull_details {
        border: 0px !important;
        width: 100% !important;
        position: relative !important;
        margin: 0px !important;
        padding: 10px !important;
        clear: both;
        float: left;
    }

    .EventFull_extraoptions, .EventFull_ExtraDetails {
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0px !important;
        padding: 5px !important;
        word-break: break-all !important;
    }

    .Events_Cards_2 .EventCard_Shell, .Events_Cards_3 .EventCard_Shell, .Events_Cards_4 .EventCard_Shell {
        width: 100% !important;
    }
    /* ---------------- BACKGROUND ZOOM ---------------- */
    .box1_bkgd_zoom #box1, .box2_bkgd_zoom #box2, .box3_bkgd_zoom #box3, .box4_bkgd_zoom #box4, .box5_bkgd_zoom #box5, .box6_bkgd_zoom #box6, .box7_bkgd_zoom #box7, .box8_bkgd_zoom #box8, .box9_bkgd_zoom #box9, .box10_bkgd_zoom #box10, .box11_bkgd_zoom #box11, .box12_bkgd_zoom #box12 {
        -webkit-animation: animateBg none;
        animation: animateBg none;
        overflow: visible;
    }
}

@media screen and (min-width:0px) and (max-width:330px) {

    /*---------------------------------------------
        iPhone 5 / older smart phone fixes
    -------------------------------------------------------*/

    #searchTools {
        width: 150px;
    }

    #SearchNav input[type='text'] {
        width: 85%;
        margin-left: 15px;
    }

    #SearchNav {
        left: 33px;
        right: unset;
        height: 40px;
        box-sizing: border-box;
        border-right: #aaa;
        z-index: 300000;
        background-color: transparent;
        background: transparent;
        padding-top: 5px;
        margin: 0px;
        width: 200px;
    }


    #search-button {
        border-radius: 4px;
        border: solid 1px rgba(22,55,88, .5);
        cursor: pointer;
        display: block;
        float: left;
        font-size: 12px !important;
        font-family: Roboto, Arial, sans-serif !important;
        text-transform: uppercase;
        height: 20px;
        width: 50px;
        margin-left: 5px;
        margin-top: 0px;
        padding: 5px;
        padding-top: 5px;
        text-align: center;
        background: #093864;
        background-color: #093864;
        color: #f7f7f7;
        background: #0057ab; /* Old browsers */
        background: -moz-linear-gradient(top, #0057ab 0%, #093864 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0057ab 0%,#093864 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0057ab 0%,#093864 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057ab', endColorstr='#093864',GradientType=0 ); /* IE6-9 */
        box-shadow: 0px 4px 4px rgba(0,0,0,.25);
    }
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                   END OF BASE MOBILE STYLES                                         +
+     IF YOU WANT TO OVER RIDE THESE STYLES PLEASE DO IT AT THE VERY BOTTOM OF THIS   +
+     CHANGES TO THESE STYLES WILL BE COPIED OVER THE ENTIRE SECTION                  +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/