* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }

#s4-workspace * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

#s4-workspace, #s4-bodyContainer { margin: 0; padding: 0; width: inherit !important }

.ms-core-overlay { background-color: transparent }

#s4-titlerow { height: auto; margin: 0; max-height: inherit; min-height: inherit; padding: 0; width: auto }

#contentBox { margin-right: 0; min-width: inherit }

.ms-breadcrumb-box { height: inherit }

main input, main textarea, main input[type="text"], main input[type="email"], input.form-input, aside input, aside input[type="text"], aside input[type="email"] { border: 1px solid #ddd; border-radius: 5px; padding: 8px; margin-bottom: 12px; width: 100%; color: #515151; background-color: white }

body { font-family: "Open Sans",sans-serif; -webkit-overflow-scrolling: touch }

html body .ms-siteicon-img { max-width: none; max-height: none }

@media(max-width:550px) {
    html body .ms-siteicon-img { max-width: 160px; max-height: 57px; position: absolute; left: 64px }
}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }

.bottom-border { border-bottom: 1px solid #ddd }

html body .ms-webpartzone-cell { margin-bottom: 0 }

html body .welcome-content { display: none }

.relative { position: relative }

header { z-index: 1; padding-bottom: 10px }

    header .csu-logo { padding: 15px 0 20px 100px; float: left }

@media(max-width:768px) {
    header .csu-logo { clear: right; padding: 15px 0 20px 100px }
}

header nav.utility-nav { padding: 20px 60px 5px 0; float: right }

@media(max-width:992px) {
    header nav.utility-nav { padding: 20px 0 }
}

header nav.utility-nav ul { padding: 0; display: inline; list-style: none }

    header nav.utility-nav ul li { display: inline-block; margin-right: -4px }

       header nav.utility-nav ul li a { display: block; margin-left: 20px; color: #737373; font-size: .875em; min-width: 44px; min-height: 44px; padding-top: 14px; text-align: center;}


@media(max-width:992px) {
    header nav.utility-nav ul li a { display: none }
}

header nav.utility-nav ul li .csu-search { border: 2px solid #ddd; border-radius: 16px; height: 32px; width: 32px; margin-left: 25px; outline-color: #ddd; -webkit-box-shadow: none; box-shadow: none }

    header nav.utility-nav ul li .csu-search.search-expand { width: 180px; padding: 0 25px 0 10px }

@media(max-width:550px) {
    header nav.utility-nav ul li .csu-search { width: 100px; font-size: 12px }

        header nav.utility-nav ul li .csu-search.search-expand { width: 100px }
}

@media(max-width:350px) {
    header nav.utility-nav ul li .csu-search { width: 65px }

        header nav.utility-nav ul li .csu-search.search-expand { width: 65px; padding: 0 25px 0 5px }
}

@-moz-document url-prefix() {
    @media(max-width:992px) {
        header nav.utility-nav ul li .csu-search { margin-right: 20px }
    }
}

button#utilityNavSearchFormSubmitButton { min-width: 44px; min-height: 44px;}

header nav.utility-nav ul li .csu-search-btn { position: relative; background-color: transparent; background-image: url(../images/mag-icon.png); background-repeat: no-repeat; min-width: 26px; 
	width: 12px; height: 16px; border: 0; z-index: 100; margin-left: -42px;	background-position: center;}

@-moz-document url-prefix() {
    header nav.utility-nav ul li .csu-search-btn { position: absolute; margin-top: 8px; margin-left: -22px }

    @media(max-width:992px) {
        header nav.utility-nav ul li .csu-search-btn { margin-left: -42px }
    }
}

.hero { position: relative; max-height: 600px; overflow: hidden }

@media(max-width:1200px) {
    .hero .overlay-bg { top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-color: rgba(0,0,0,0.5) }
}

@media(max-width:768px) {
    .hero .overlay-bg { display: none }
}

.hero div.overlay { position: absolute; color: #fff; text-transform: uppercase; text-align: left; font-weight: 700; width: 30%; font-family: "Oswald",sans-serif; font-weight: 700 }

    .hero div.overlay p { font-size: 36px; line-height: 36px }

        .hero div.overlay p.medium-txt { font-size: 24px; line-height: 24px }

        .hero div.overlay p.small-txt { font-size: 16px; line-height: 12px }

@media(max-width:1200px) {
    .hero div.hero-hidden { display: none }
}

.hero div.top { top: 60px }

.hero div.bottom { bottom: 60px }

.hero div.left { left: 60px }

.hero div.right { right: 60px }

.hero div.center { left: 50%; transform: translate(-50%,0) }

.hero div.overlay.black { color: #000 }

@media(max-width:1200px) {
    .hero div.overlay { position: absolute; color: #fff; text-transform: uppercase; font-size: 2em; text-align: left; font-weight: 700; text-shadow: 0 0 5px rgba(0,0,0,0.5); line-height: 30px; width: 75% }

        .hero div.overlay p { line-height: 32px; font-size: 32px }

    .hero div.top, .hero div.bottom, .hero div.left, .hero div.right, .hero div.center { top: 50%; bottom: auto; right: auto; left: 30px; transform: translate(0,-50%) }

    .hero div.overlay.black { color: #fff }
}

@media(max-width:768px) {
    .hero div.overlay { position: absolute; color: #fff; text-transform: uppercase; font-size: 1em; text-align: left; font-weight: 700; text-shadow: 0 0 5px rgba(0,0,0,0.5); line-height: 18px; width: 100% }

        .hero div.overlay p { font-size: 14px; line-height: 18px }

    .hero div.top, .hero div.bottom, .hero div.left, .hero div.right, .hero div.center { position: absolute; top: auto; bottom: 0; left: 0; right: 0; padding: 15px 15px 5px 15px; background-color: rgba(0,0,0,0.6); transform: none }

    .hero div.overlay.black { color: #fff }
}

.hero img { width: 100% }

.hero2 { position: relative; max-height: 600px; overflow: hidden }

@media(max-width:768px) {
    .hero2 .overlay-bg { top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-color: rgba(0,0,0,0.5) }
}

.hero2 div.overlay { position: absolute; color: #fff; text-transform: uppercase; font-size: 2.25em; text-align: left; font-weight: 700; text-shadow: 0 0 5px rgba(0,0,0,0.5); line-height: 30px; width: 25%; font-family: "Oswald",sans-serif; font-weight: 700; line-height: 36px }

@media(max-width:1200px) {
    .hero2 div.overlay { width: 50% }
}

@media(max-width:992px) {
    .hero2 div.hero-hidden { display: none }
}

.hero2 div.top { top: 60px }

.hero2 div.bottom { bottom: 60px }

.hero2 div.left { left: 60px }

.hero2 div.right { right: 60px }

.hero2 div.center { left: 50%; transform: translate(-50%,0) }

@media(max-width:768px) {
    .hero2 div.overlay { position: absolute; color: #fff; text-transform: uppercase; font-size: 2em; text-align: left; font-weight: 700; text-shadow: 0 0 5px rgba(0,0,0,0.5); line-height: 30px; width: 75% }

    .hero2 div.top, .hero2 div.bottom, .hero2 div.left, .hero2 div.right, .hero2 div.center { top: 50%; bottom: auto; right: auto; left: 30px; transform: translate(0,-50%) }
}

.hero2 img { width: 100% }

.campuses { padding-top: 30px; padding-bottom: 50px; max-width: 1000px }

    .campuses h1 { color: #cc0b2a; font-size: 2.25em; font-weight: 300 }

    .campuses .title { text-align: center }

        .campuses .title a, .campuses .title a:link, .campuses .title a:visited { color: #262626; font-size: 1.125em; text-decoration: none }

            .campuses .title a:hover { color: #cc0b2a }

        .campuses .title img { margin-right: 5px }

    .campuses h2 { font-size: 1.6875em; color: #262626; font-weight: 700; border-bottom: 5px solid #cc0b2a; padding-bottom: 10px }

    .campuses .list ul { list-style: none; padding: 0 }

        .campuses .list ul li { line-height: 27px }

@media(max-width:992px) {
    .campuses .list ul li { display: block; float: left; width: 50% }
}

.campuses .list ul li a, .campuses .list ul li a:link, .campuses .list ul li a:visited { color: #262626; text-decoration: none }

    .campuses .list ul li a:hover { color: #cc0b2a }

.campuses .list ul:after { content: ""; display: table; clear: both }

.campuses .list-double ul { list-style: none; padding: 0 }

    .campuses .list-double ul li { line-height: 27px; display: block; width: 50%; float: left }

        .campuses .list-double ul li a, .campuses .list-double ul li a:link, .campuses .list-double ul li a:visited { color: #262626; text-decoration: none }

            .campuses .list-double ul li a:hover { color: #cc0b2a }

    .campuses .list-double ul:after { content: ""; display: table; clear: both }

.campuses .list-single .no-space { margin: 0 }

.spotlight { background-color: #f7f7f7; padding: 30px 0 50px 0; text-align: center }

    .spotlight #selectSpotlight { margin: 0 auto; width: 90%; border-radius: 5px; border-color: #ddd; padding: 7px; margin-top: 10px }

    .spotlight h1 { font-size: 2.25em; color: #1a1a1a; font-weight: 300 }

    .spotlight .nav-tabs { border-bottom: 0; display: inline-block }

        .spotlight .nav-tabs li a, .spotlight .nav-tabs li a:link, .spotlight .nav-tabs li a:visited { font-size: 1em; color: #1a1a1a; border: 0; padding: 0; margin: 0 15px }

            .spotlight .nav-tabs li a:hover { font-size: 1em; background-color: transparent; border: 0; color: #cc0b2a }

        .spotlight .nav-tabs li.active a, .spotlight .nav-tabs li.active a:link, .spotlight .nav-tabs li.active a:visited { background-color: transparent; border: 0; color: #cc0b2a; border-bottom: 3px solid #cc0b2a }

    .spotlight .tab-pane { text-align: left; padding-top: 40px }

        .spotlight .tab-pane section { margin-bottom: 60px }

            .spotlight .tab-pane section img { width: 100% }

            .spotlight .tab-pane section .story-link:link, .spotlight .tab-pane section .story-link:visited { text-decoration: none }

                .spotlight .tab-pane section .story-link:link h2, .spotlight .tab-pane section .story-link:visited h2 { color: #1a1a1a; font-size: 1.125em; margin-bottom: 20px; min-height: 34px }

            .spotlight .tab-pane section .story-link:hover h2 { color: #cc0b2a }

            .spotlight .tab-pane section .story-category { font-size: .8125em; color: #cc0b2a; padding-bottom: 10px; border-bottom: 3px solid #cc0b2a }

            .spotlight .tab-pane section .story-video-overlay { position: relative; background-color: transparent }

                .spotlight .tab-pane section .story-video-overlay .fa-play-circle-o { font-size: 197px; color: white }

                .spotlight .tab-pane section .story-video-overlay div { width: 100%; background-color: rgba(0,0,0,0.5); top: 0; position: absolute; text-align: center; opacity: .5 }

    .spotlight .btn { margin-top: 0 }

footer { background-color: #2f2f2f; padding: 40px 0 }

footer a.static {padding: 2px 0;}

@media(max-width:1200px) {
    footer { background-color: #1a1a1a }
}

footer .footer-main-nav { float: left; width: 66.66666666666667% }

@media(max-width:1200px) {
    footer .footer-main-nav { display: none }
}

footer .footer-main-nav ul.ms-core-listMenu-root { list-style: none; padding: 0 }

    footer .footer-main-nav ul.ms-core-listMenu-root:after { content: ""; display: table; clear: both }

    footer .footer-main-nav ul.ms-core-listMenu-root li { font-size: 20px; font-weight: 700; display: block; margin-bottom: 10px; float: left; width: 25% }

        footer .footer-main-nav ul.ms-core-listMenu-root li span.ms-core-listMenu-item { color: #fff !important; }

        footer .footer-main-nav ul.ms-core-listMenu-root li a.ms-core-listMenu-item:link, footer .footer-main-nav ul.ms-core-listMenu-root li a.ms-core-listMenu-item:visited { color: #fff }

        footer .footer-main-nav ul.ms-core-listMenu-root li a.ms-core-listMenu-item:hover, footer .footer-main-nav ul.ms-core-listMenu-root li a.ms-core-listMenu-item:active { text-decoration: underline }

        footer .footer-main-nav ul.ms-core-listMenu-root li ul { padding: 0 }

            footer .footer-main-nav ul.ms-core-listMenu-root li ul li { float: none; width: 100%; margin-bottom: 0; font-size: 13px; line-height: 18px; font-weight: 400 }

                footer .footer-main-nav ul.ms-core-listMenu-root li ul li span.ms-core-listMenu-item { color: #b2b2b2 }

                footer .footer-main-nav ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item:link, footer .footer-main-nav ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item:visited { color: #b2b2b2 }

                footer .footer-main-nav ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item:hover, footer .footer-main-nav ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item:active { text-decoration: underline }

footer .footer-mobile-social-nav { display: none }

@media(max-width:1200px) {
    footer .footer-mobile-social-nav { display: block }
}

footer .footer-mobile-social-nav ul { list-style: none; padding: 0; text-align: center }

    footer .footer-mobile-social-nav ul li { margin: 0 15px; display: inline-block }

footer .footer-utility-nav { width: 16.66666666666667%; float: left }

@media(max-width:1200px) {
    footer .footer-utility-nav { width: 100% }
}

footer .footer-utility-nav ul { list-style: none; padding: 0 }

@media(max-width:1200px) {
    footer .footer-utility-nav ul { text-align: center }
}

@media(max-width:1200px) {
    footer .footer-utility-nav ul li { display: inline-block; margin: 5px 12px }
}

footer .footer-utility-nav ul li a, footer .footer-utility-nav ul li a:link, footer .footer-utility-nav ul li a:visited { font-size: .9375em; color: #fff; line-height: 27px }

footer address { width: 16.66666666666667%; float: left; color: #b2b2b2 }

@media(max-width:1200px) {
    footer address { text-align: center; margin-top: 25px; width: 100% }
}

footer address h1 { color: #fff; font-size: .9375em; margin-bottom: 15px; margin-top: 5px }

@media(max-width:1200px) {
    footer address h1 { font-size: 1.125em }
}

footer address p, footer address div { margin-top: 15px; font-size: .8125em }

@media(max-width:1200px) {
    footer address p, footer address div { font-size: .9375em }

        footer address p.footer-phone, footer address div.footer-phone { font-size: 1.125em; color: #fff }
}

.breadcrumb-wrapper { background-color: #f7f7f7 }

    .breadcrumb-wrapper > .container * { display: inline-block }

    .breadcrumb-wrapper .breadcrumb { background-color: transparent; margin-bottom: 0; padding-left: 0 }

        .breadcrumb-wrapper .breadcrumb li, .breadcrumb-wrapper .breadcrumb ul { padding-left: 5px }

            .breadcrumb-wrapper .breadcrumb li a, .breadcrumb-wrapper .breadcrumb li a:link, .breadcrumb-wrapper .breadcrumb li a:visited, .breadcrumb-wrapper .breadcrumb ul a, .breadcrumb-wrapper .breadcrumb ul a:link, .breadcrumb-wrapper .breadcrumb ul a:visited { color: #4c4c4c; font-size: .75em }

            .breadcrumb-wrapper .breadcrumb li.active, .breadcrumb-wrapper .breadcrumb ul.active { font-size: .75em; color: #000 }

        .breadcrumb-wrapper .breadcrumb > li, .breadcrumb-wrapper .breadcrumb > li > ul, .breadcrumb-wrapper .breadcrumb > li > ul > li { padding-left: 0 }

        .breadcrumb-wrapper .breadcrumb span .ms-breadcrumb span { display: none }

    .breadcrumb-wrapper i, .breadcrumb-wrapper .s4-breadcrumb-arrowcont, .breadcrumb-wrapper .ms-breadcrumb-anchor { display: none }

.alumni-info { padding-top: 30px; padding-bottom: 50px; font-size: 1em }

@media(max-width:992px) {
    .alumni-info { font-size: 1.2em }
}

.alumni-info section { text-align: center }

@media(max-width:992px) {
    .alumni-info section { margin: 50px 0 }
}

.alumni-info section.page-title { margin-top: 30px; margin-bottom: 30px; font-size: 2.875em; font-weight: 300 }

.alumni-info section h1 { font-size: 1.875em; color: #1a1a1a; font-weight: 300 }

.alumni-info section p { font-size: 1em; color: #737373 }

.alumni-info section a, .alumni-info section .btn { margin-top: 10px }

.alumni-info section .more-info { font-size: .8125em; color: #737373; margin-top: 10px }

    .alumni-info section .more-info a, .alumni-info section .more-info a:link, .alumni-info section .more-info a:visited { color: #cc0b2a }

        .alumni-info section .more-info a:hover { text-decoration: underline }

.blocks { padding-top: 50px; padding-bottom: 50px }

    .blocks:after { content: ""; display: table; clear: both }

@media(max-width:1200px) {
    .blocks section { margin-bottom: 75px; text-align: center; font-size: 1.2em }

        .blocks section:last-child { margin-bottom: 0 }
}

.blocks section h1 { font-size: 1.6875em; color: #1a1a1a; font-weight: 700 }

.blocks section p { font-size: .9375em; color: #737373 }

.blocks section .btn-default.btn-facebook { background-color: #3b5998; color: #fff; font-size: .9375em; border: 1px solid #3b5998 }

    .blocks section .btn-default.btn-facebook:hover, .blocks section .btn-default.btn-facebook:focus, .blocks section .btn-default.btn-facebook:active { background-color: #4867a6; border: 1px solid #4867a6 }

    .blocks section .btn-default.btn-facebook img { margin-right: 10px; margin-top: -3px }

.blocks section .facebook-likes { color: #3b5998; font-size: .8125em; margin-top: 5px }

.helpful-links { list-style: none; padding: 0 }

    .helpful-links li { border-top: 1px solid #ddd; padding: 10px 0 }

        .helpful-links li:last-child { border-bottom: 0 }

        .helpful-links li a, .helpful-links li a:link, .helpful-links li a:visited { color: #cc0b2a }

            .helpful-links li a.underlined-link, .helpful-links li a:link.underlined-link, .helpful-links li a:visited.underlined-link { font-size: .8125em; text-decoration: underline; display: block; text-align: center; margin-bottom: 20px; margin-top: 10px }

            .helpful-links li a:hover.underlined-link { text-decoration: none }

@media(min-width:992px) {
    .news-events { background-image: url(../images/bg.png); background-position: center center }
}

@media(min-width:992px) {
    .news-events.no-bg { background-image: url() }
}

.news-events.pad-bottom { padding-bottom: 40px }

.news-events.generic .page-title { font-size: 2.25em; color: #1a1a1a; font-weight: 700; padding: 30px 0 20px 0 }

.news-events.generic h2 { font-size: 1.75em; font-weight: 300; line-height: normal; margin: 10px 0 }

.news-events main { background-color: #fff; border-right: 1px solid #ddd; padding-bottom: 40px }

@media(min-width:992px) {
    .news-events main { min-height: 2300px }
}

@media(max-width:992px) {
    .news-events main { border-right: 0 }
}

.news-events main .select-nav { display: none }

@media(max-width:992px) {
    .news-events main .select-nav { display: block; width: 93%; margin-top: 40px; margin-left: 10px; border-radius: 5px; border-color: #ddd; padding: 7px }
}

.news-events main .page-title { font-size: 2.25em; color: #1a1a1a; font-weight: 700; padding: 30px 0 20px 0 }

.news-events main .nav-tabs { border-bottom: 0; display: inline-block }

    .news-events main .nav-tabs li a, .news-events main .nav-tabs li a:link, .news-events main .nav-tabs li a:visited { text-transform: uppercase; font-size: .75em; color: #1a1a1a; border: 0; padding: 0; margin-right: 30px; font-weight: 600 }

@media(max-width:480px) {
    .news-events main .nav-tabs li a, .news-events main .nav-tabs li a:link, .news-events main .nav-tabs li a:visited { margin-right: 15px }
}

.news-events main .nav-tabs li a:hover { background-color: transparent; border: 0; color: #cc0b2a }

.news-events main .nav-tabs li.active a, .news-events main .nav-tabs li.active a:link, .news-events main .nav-tabs li.active a:visited { background-color: transparent; border: 0; color: #cc0b2a; border-bottom: 2px solid #cc0b2a }

.news-events main .article-bar { font-size: .75em; font-weight: 600; color: #666; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; text-transform: uppercase; margin-right: 40px }

@media(max-width:992px) {
    .news-events main .article-bar { margin-right: 0 }
}

.news-events main article { padding: 60px 0; margin-right: 40px; border-bottom: 1px solid #ddd; color: #1a1a1a }

@media(max-width:992px) {
    .news-events main article { margin-right: 0 }
}

.news-events main article.generic { border-bottom: 0; padding-top: 0; padding: 0 }

.news-events main article.single { padding-top: 0 }

.news-events main article:after { content: ""; display: table; clear: both }

.news-events main article h1 { font-size: 2.625em; font-weight: 300 }

.news-events main article h2 { font-size: 1.3125em }

.news-events main article a, .news-events main article a:link, .news-events main article a:visited { color: #cc0b2a; text-decoration: none }

    .news-events main article a h1, .news-events main article a:link h1, .news-events main article a:visited h1 { color: #1a1a1a; font-size: 2.25em; font-weight: 300; margin: 10px 0 }

    .news-events main article a h2, .news-events main article a:link h2, .news-events main article a:visited h2 { color: #1a1a1a; font-size: 1.75em; font-weight: 300; margin: 10px 0 }

    .news-events main article a:hover h1, .news-events main article a:hover h2 { color: #cc0b2a }

.news-events main article img.pull-left { margin: 0 35px 20px 0 }

.news-events main article img.pull-right { margin: 0 0 20px 35px }

.news-events main article .article-category, .news-events main article .article-category-featured { font-size: 1em; color: #767676; text-transform: uppercase }

@media(max-width:480px) {
    .news-events main article img { width: 100% }
}

.news-events main article .article-category-featured { font-size: 1em; color: #767676; text-transform: uppercase; }

.news-events main article .article-category { font-size: 1em; color: #767676; text-transform: uppercase }

@media(max-width:480px) {
    .news-events main article .article-category { font-size: 1em; margin-bottom: 15px }
}

.news-events main article .article-date { font-size: 1.0625em; color: #cc0b2a; margin-bottom: 15px }

.news-events main article .article-video-link { display: inline-block; font-size: 1em; margin-top: 20px }

    .news-events main article .article-video-link:link, .news-events main article .article-video-link:visited { color: #cc0b2a }

    .news-events main article .article-video-link img { margin-right: 15px; margin-top: -3px; width: 20px; height: 22px }

    .news-events main article .article-video-link:hover { text-decoration: underline }

.news-events main article p { font-size: 1em }

    .news-events main article p a, .news-events main article p a:link, .news-events main article p a:visited { color: #cc0b2a;   /* text-decoration: underline; */ }

        .news-events main article p a:hover { text-decoration: underline }

.news-events main article .video-block { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 20px }

    .news-events main article .video-block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

.news-events main article .article-contact-block { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd; font-size: .9375em }

    .news-events main article .article-contact-block h4 { margin-top: 0; font-size: 1.5em; font-weight: 700 }

    .news-events main article .article-contact-block .font-13 { font-size: .8125em; font-style: italic; margin-bottom: 10px }

.news-events aside { margin-top: 23px; background-color: #fcfcfc; color: #1a1a1a; font-size: 1em }

    .news-events aside #sideNavBox, .news-events aside #csuSideNavBox, .news-events aside #csuSideNavBox { margin-right: 0; margin-bottom: 10px; width: auto }

        .news-events aside #sideNavBox .ms-core-listMenu-selected:link, .news-events aside #sideNavBox .ms-core-listMenu-selected:visited, .news-events aside #sideNavBox .ms-core-listMenu-selected, .news-events aside #csuSideNavBox .ms-core-listMenu-selected:link, .news-events aside #csuSideNavBox .ms-core-listMenu-selected:visited, .news-events aside #csuSideNavBox .ms-core-listMenu-selected { background-color: transparent; font-weight: bold }

@media(max-width:992px) {
    .news-events aside #sideNavBox, .news-events aside #csuSideNavBox { display: none }
}

.news-events aside .select-nav { width: 100%; border-radius: 5px; border-color: #ddd; padding: 7px }

@media(max-width:992px) {
    .news-events aside { border: 0; margin-left: 15px; margin-right: 15px; background-color: transparent }
}

.news-events aside .regular-box { padding: 20px 0; margin-left: 25px }

    .news-events aside .regular-box:after { content: ""; display: table; clear: both }

@media(max-width:992px) {
    .news-events aside .regular-box { margin-left: 0 }
}

.news-events aside .regular-box p { margin-bottom: 15px }

.news-events aside .regular-box img { width: 100% }

.news-events aside .regular-box a, .news-events aside .regular-box a:link, .news-events aside .regular-box a:visited { color: #cc0b2a }

    .news-events aside .regular-box a.underlined-link, .news-events aside .regular-box a:link.underlined-link, .news-events aside .regular-box a:visited.underlined-link { font-size: .8125em; text-decoration: underline; display: block; text-align: center; margin-bottom: 20px; margin-top: 10px }

    .news-events aside .regular-box a:hover.underlined-link { text-decoration: none }

.news-events aside .regular-box h1 { margin: 0; font-size: 1.5em; margin-bottom: 20px; font-weight: 700 }

.news-events aside .regular-box .tweet { margin: 20px 0 }

.news-events aside .regular-box .btn-default.btn-twitter { background-color: #55acee; color: #fff; font-size: .9375em; border: 1px solid #55acee }

    .news-events aside .regular-box .btn-default.btn-twitter:hover, .news-events aside .regular-box .btn-default.btn-twitter:focus, .news-events aside .regular-box .btn-default.btn-twitter:active { background-color: #58a6e1; border: 1px solid #58a6e1 }

    .news-events aside .regular-box .btn-default.btn-twitter img { margin-right: 10px; margin-top: -3px; width: auto }

.news-events aside #sectRelatedPages h1 { margin-bottom: 15px }

.news-events aside .white-box { background-color: #fff; margin-left: -16px; margin-top: -1px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 25px 30px 41px }

    .news-events aside .white-box:after { content: ""; display: table; clear: both }

    .news-events aside .white-box .helpful-links { list-style: none; padding: 0 }

        .news-events aside .white-box .helpful-links li { padding: 10px 0 }

            .news-events aside .white-box .helpful-links li:last-child { border-bottom: 0 }

@media(max-width:992px) {
    .news-events aside .white-box { border-right: 0; margin-right: -16px; padding-left: 15px; padding-right: 15px }
}

.news-events aside .white-box h1 { margin: 0; font-size: 1.5em; font-weight: 700 }

.news-events aside .white-box a, .news-events aside .white-box a:link, .news-events aside .white-box a:visited { color: #cc0b2a }

.news-events aside .white-box .font-13 { font-size: .8125em; font-style: italic; margin-bottom: 10px }

.news-events aside .white-box .related-article { margin-top: 25px; font-size: 1em }

    .news-events aside .white-box .related-article img { width: 100%; margin-bottom: 10px }

    .news-events aside .white-box .related-article h2 { font-size: 1em; margin: 0 }

    .news-events aside .white-box .related-article a, .news-events aside .white-box .related-article a:link, .news-events aside .white-box .related-article a:visited { color: #1a1a1a; text-decoration: none }

        .news-events aside .white-box .related-article a:hover { color: #cc0b2a }

    .news-events aside .white-box .related-article .ra-category { font-size: .75em; color: #666; font-weight: 600; text-transform: uppercase; margin-top: 10px }

@media(max-width:992px) {
    .news-events aside .white-box .related-article { width: 50%; float: left }

        .news-events aside .white-box .related-article:nth-child(even) { padding-right: 15px }
}

@media(max-width:480px) {
    .news-events aside .white-box .related-article { width: 100%; float: none }

        .news-events aside .white-box .related-article:nth-child(even) { padding-right: 0 }
}

.news-events aside .ms-core-listMenu-verticalBox { font-family: "Open Sans",sans-serif }

    .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root { list-style: none; padding: 0 }

        .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li { padding-top: 5px; padding-bottom: 6px; clear: both; display: block }

            .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .ms-core-listMenu-item, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .ms-core-listMenu-item:link, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .ms-core-listMenu-item:visited, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .ms-tv-item:link, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .ms-tv-item:visited, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .ms-tv-header:link, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .ms-tv-header:visited { color: #cc0b2a }

            .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li:last-child { border-bottom: 0 }

            .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item { padding: 0; margin-bottom: 10px; outline: 0; font-size: 14px; line-height: 24px; display: block }

            .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item { padding: 0; cursor: pointer }

                .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item span.ms-navedit-flyoutArrow span.menu-item-text { font-size: 14px; line-height: 22px; display: block; padding-bottom: 10px; }

                .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item:hover, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item:active { background: 0 }

                    .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item:hover span.ms-navedit-flyoutArrow span.menu-item-text, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item:active span.ms-navedit-flyoutArrow span.menu-item-text { text-decoration: underline }

            .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li > ul { display: none }

                .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li > ul > li .menu-item-text { color: #333 }

            .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .menu-item { float: left }

            .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .fa-angle-down, .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li .fa-angle-right { float: left; line-height: 24px; padding-left: 10px; font-size: 15px; color: #cc0b2a; cursor: pointer }

            .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li { border-bottom: 0; margin-left: 10px }

                .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li:first-child { margin-top: 6px }

                .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li span.ms-core-listMenu-item { padding: 0; border: 0; font-size: 13px; line-height: 24px }

                .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item { padding: 0; border: 0 }

                    .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item span.ms-navedit-flyoutArrow span.menu-item-text { font-size: 13px; line-height: 24px }

                    .news-events aside .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item.ms-core-listMenu-selected { background-color: transparent }

.csu .btn-primary { background-color: #cc0b2a; color: #fff; font-size: .9375em; border: 1px solid #cc0b2a }

    .csu .btn-primary:hover, .csu .btn-primary:focus, .csu .btn-primary:active { background-color: #990C21; border: 1px solid #990C21; color: #fff }

.csu .btn-default { background-color: #fafafa; color: #1a1a1a; font-size: .9375em; border: 1px solid #1a1a1a }

    .csu .btn-default:hover, .csu .btn-default:focus, .csu .btn-default:active { background-color: #fff }

.csu .btn-info { background-color: #1a1a1a; color: #fff; font-size: .9375em; border: 1px solid #1a1a1a }

    .csu .btn-info:hover, .csu .btn-info:focus, .csu .btn-info:active { background-color: #cc0b2a; border: 1px solid #cc0b2a; color: #fff }

.csu .img-thumbnail { border: 0; box-shadow: 0 3px 7px rgba(0,0,0,0.11) }

.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item { padding-left: 0 }

div.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header { font-family: "Open Sans",sans-serif }

.main-nav { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: left; font-family: "Open Sans",sans-serif; float: left }

@media(max-width:992px) {
    .main-nav { height: 0 }
}

.main-nav .ms-core-listMenu-verticalBox { font-family: "Open Sans",sans-serif }

    .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root { list-style: none; padding: 0 }

        .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li { position: relative }

            .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item { padding: 0; padding: 18px 0; border-bottom: 2px solid #262626; cursor: pointer }

                .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item span.ms-navedit-flyoutArrow span.menu-item-text, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item span.ms-navedit-flyoutArrow span.menu-item-text { font-size: 28px; letter-spacing: -1px; color: #959595; line-height: 40px; display: block }

                .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item:hover, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item:active, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item:hover, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item:active { background: 0 }

                    .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item:hover span.ms-navedit-flyoutArrow span.menu-item-text, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item:active span.ms-navedit-flyoutArrow span.menu-item-text, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item:hover span.ms-navedit-flyoutArrow span.menu-item-text, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item:active span.ms-navedit-flyoutArrow span.menu-item-text { color: #fff; white-space: nowrap }

                .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item.down, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item.down { border: 0 }

                    .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow { background-image: url(../images/arrow-down.png); background-repeat: no-repeat; background-position: right center; padding-right: 36px; display: inline-block }

                        .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li a.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow span.menu-item-text, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li span.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow span.menu-item-text { color: #fff; white-space: nowrap }

            .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul { border-bottom: 2px solid #262626; padding-bottom: 15px }

                .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li span.ms-core-listMenu-item { padding: 0; border: 0 }

                    .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item span.ms-navedit-flyoutArrow span.menu-item-text, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li span.ms-core-listMenu-item span.ms-navedit-flyoutArrow span.menu-item-text { font-size: 19px; color: #959595 }

                    .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li span.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow { background-image: none }

                        .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow span.menu-item-text, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li span.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow span.menu-item-text { color: #fff }

                    .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li a.ms-core-listMenu-item.ms-core-listMenu-selected, .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li span.ms-core-listMenu-item.ms-core-listMenu-selected { background-color: transparent }

                .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li ul { border-bottom: 0; padding-bottom: 0 }

                    .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li ul li a.ms-core-listMenu-item { padding: 0; border: 0 }

                        .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li ul li a.ms-core-listMenu-item span.ms-navedit-flyoutArrow span.menu-item-text { font-size: 17px; color: #cf102d; margin-left: 15px }

                        .main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li ul li ul li a.ms-core-listMenu-item:hover span.ms-navedit-flyoutArrow span.menu-item-text { color: #cc0b2a }

.main-nav .close-li { position: relative; text-align: right; margin-top: 30px; margin-bottom: 80px }

@media(max-width:480px) {
    .main-nav .close-li { margin-bottom: 20px }
}
/*MJB adding button styling for close hampubeger menu*/
button.nav-list.close-icon {background-color: unset; min-width: 24px; min-height: 24px; border: unset; }
.main-nav .close-li .close-icon { display: inline-block; width: 16px; height: 16px; background-image: url(../images/close-icon.png); background-repeat: no-repeat; cursor: pointer }

.main-nav .hamb-util { font-family: "Open Sans",sans-serif; font-size: 19px; display: block; list-style: none; padding: 0; margin-top: 45px }

    .main-nav .hamb-util a:link, .main-nav .hamb-util a:visited { display: block; padding: 3px 0; color: #fff }

.main-nav .hamb-social { list-style: none; padding: 0; margin-top: 80px }

    .main-nav .hamb-social li { display: inline-block }

.main-nav .hamb-search { margin-top: 20px; width: 80%; border-radius: 5px; padding: 5px; border: 0 }

.main-nav input[type="image"] { height: 16px; width: 12px; position: absolute; margin-top: 27px; margin-left: -20px }

.pushmenu { background: #1a1a1a; font-family: Arial,Helvetica,sans-serif; width: 420px; top: 0; bottom: 0; z-index: 1000; position: absolute; list-style: none; margin: 0; padding: 0 60px; left: -420px; -webkit-overflow-scrolling: touch }

@media(max-width:419px) {
    .pushmenu { padding-right: 35px; padding-left: 30px }
}

@media(max-width:409px) {
    .pushmenu { padding-right: 45px; padding-left: 30px }
}

@media(max-width:399px) {
    .pushmenu { padding-right: 55px; padding-left: 30px }
}

@media(max-width:389px) {
    .pushmenu { padding-right: 65px; padding-left: 30px }
}

@media(max-width:379px) {
    .pushmenu { padding-right: 75px; padding-left: 30px }
}

@media(max-width:374px) {
    .pushmenu { padding-right: 80px; padding-left: 30px }
}

@media(max-width:369px) {
    .pushmenu { padding-right: 85px; padding-left: 30px }
}

@media(max-width:359px) {
    .pushmenu { padding-right: 95px; padding-left: 30px }
}

@media(max-width:349px) {
    .pushmenu { padding-right: 105px; padding-left: 30px }
}

@media(max-width:339px) {
    .pushmenu { padding-right: 115px; padding-left: 30px }
}

@media(max-width:329px) {
    .pushmenu { padding-right: 125px; padding-left: 30px }
}

.pushmenu-push { position: relative; left: 0 }

.nav-hamburger { background-image: url(../images/navbar3.png); background-repeat: no-repeat; background-position: center center; background-size: 35px 39px; width: 78px; height: 82px; top: 0; display: block; position: absolute; cursor: pointer; border-right: 1px solid #ddd }

@media(max-width:550px) {
    .nav-hamburger { background-image: url(../images/navbar3.png); width: 50px; background-size: 29px 33px }
}

.blackout { background-color: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; top: 0; right: 0; display: none; z-index: 500 }

table td#scriptWPQ1 { padding: 0; }

.article-date { margin: 0 !important; }

    .article-date p { margin-bottom: 0 !important }

#featuredArticle .campus-news-title a:visited { color: #1a1a1a }

#featuredArticle .campus-news-title a:link { color: #1a1a1a; margin-top: 10px; display: block }

#featuredArticle .campus-news-title a:hover { color: #cc0b2a !important }