/* Nero Optimized */

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #222;
}

h1 {
	font-size: 130%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 112%;
}

h4 {
	font-size: 106%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
	font-style: italic;
}

a {
	color: #223E99;
}

	a:hover {
		color: #F89829;
	}

#col-1 p, #col-3 p {
	font-size: 95%;
}

#main-content p, #main-content pre, #main-content ol, #main-content ul, .main-content figure, .main-content table {
	margin-bottom: 24px;
}

#banner .banner #site-name {
    color: #222;
}

#banner #site-name:hover {
    color: #223E99;
}

.search-container {
	display: none;
}

.search-r .search-container fieldset label,
.search-desktop .search-container fieldset label {
	display: none;
}


.search-container input[type="text"] {
	border: 0px;
	height: 23px;
	padding: 1px 3px;
	border-radius: 5px;
	width: 25%;
	font-size: 85%;
	background: #BAC2D8;
	display: inline-block;
}


.search-container input.searchButton {
	width: 28px;
	height: 25px;
	border: none;
	background: url(img/icons-search-r.png) no-repeat 3px 2px;
	background-size: 20px 20px;
	margin: 0;
	text-indent: -9000px;
	cursor: pointer;
	background-color: gray;
	border-radius: 5px;
}



.search-util {
	clear: both;
	display: block;
	padding-top: 5px;
}

	.search-util a {
		font-size: 85%;
	}

	.search-util,
	.search-util a {
		color: #ABABAB;
	}

		.search-util a:focus,
		.search-util a:hover {
			color: #ffffff;
		}

#footer-sections nav a {
    color: #D4D4D4;
}

#footer-sections li a {
	color: #D4D4D4;
}

#footer-bottom .footer-util-nav {
	margin: 10px 0;
	text-align: center;
}

#footer-bottom > nav > ul > li {
	display: inline-block;
	padding: 0px;
}

	#footer-bottom > nav > ul > li a {
		display: inline-block;
		padding: 0px 4px;
		border-right: 1px solid #D4D4D4;
		color: #D4D4D4;
		text-decoration: none;
		font-size: .9em;
		line-height: .9em;
	}

	#footer-bottom > nav > ul > li:last-child a {
		border-right: 0px;
	}








/* ********** RESPONSIVE ************/
/* < 770 */
@media (max-width: 770px) {
    body {
        font: 13px/1.25 'Noto Sans', Arial, Helvetica, sans-serif;
        border-top: 60px solid #35374D;
        padding-top: 15px;
        background-color: #FFF;
    }

    #header-main {
        position: relative;
        min-height: 60px;
    }

    .utility-r {
        position: fixed;
        top: 0;
        width: 100%;
        background: #333333;
        min-height: 60px;
        margin-bottom: 15px;
        padding: 4px 12px 0px 0;
        z-index: 900;
        display: block;
    }

    .mobile-nav-wrapper .search-icon-r {
        margin: 0px 15px 5px 0px;
        cursor: pointer;
        width: 26px;
        display: inline-block;
        vertical-align: top;
    }

    div.search-r {
        text-align: left;
        margin: 8px 0 3px 0px;
    }


    .search-r .search-container fieldset label {
        font-size: 1.4em;
    }

    .search-r .search-container input.search-query {
        width: 70%;
        padding: 6px;
        font-size: 14px;
        border: 1px solid #676D84;
        margin-top: 5px;
    }

    .mobile-nav-wrapper .logo-r {
        width: 35px;
        display: inline-block;
    }

    .mobile-nav-wrapper .logo img {
        margin: -5px 0px 5px 3px;
        cursor: pointer;
        width: 39px;
        display: block;
        vertical-align: top;
        height: 50px;
    }

    /* MOBILE NAV/SEARCH */

    .responsive-menu {
        font-size: 90%;
    }

    .mobile-nav-wrapper {
        display: block;
        padding: 0;
        margin: 8px 8px 0px 0;
        text-align: right;
    }

        .mobile-nav-wrapper .container {
            position: relative;
            z-index: 500;
            padding: 0px;
            text-align: right;
            width: 100%;
            background: #333333;
        }

        .mobile-nav-wrapper .container {
            /*background: #0F238C;*/
            /*position: relative;*/
            /*background: #313781;*/
        }

        .mobile-nav-wrapper .subitems {
            content: " &uarr;";
            width: 30px;
            height: 15px;
            background: #333333;
        }

        /* MOBILE SEARCH */

        /* MOBILE NAV */
        .mobile-nav-wrapper .navicon {
            float: right;
            display: block;
            margin-top: 6px;
            border-bottom: 4px solid #FFFFFF;
            border-top: 13px double #FFFFFF;
            content: "";
            height: 5px;
            width: 25px;
            cursor: pointer;
        }

    #banner {
        padding: 0px 2%;
        width: 100%;
        display: block;
    }

        #banner #site-name {
            font-size: 160%;
            padding-top: 10px;
        }

        #banner .banner #site-description {
            margin: 0 0 10px 0;
            font-size: 140%;
            font-weight: normal;
            line-height: 1.2em;
            color: #555555;
            margin-bottom: 18px;
        }


        #banner.has-logo .banner {
            padding: 0;
            width: 68%;
            display: inline-block;
            vertical-align: middle;
        }

        #banner.has-logo .banner-logo {
            padding: 0 0 0 0;
            margin-left: 2%;
            width: 27.5%;
            display: inline-block;
            text-align: right;
            vertical-align: middle;
        }

        #banner.has-img .banner-text {
            position: absolute;
            left: -9999px;
        }

    /* **********************
         MAIN CONTENT COLUMS
       ********************** */
    #col-2, #col-3 {
        position: relative;
        margin: 0 1.5%;
    }
    #footer-bottom > nav > ul {
        margin-bottom: 12px;
    }
    #footer-bottom > nav > ul > li {
        margin-bottom: 12px;
    }
    #footer-bottom > nav > ul > li a {
        padding: 3px 10px;
    }
        #footer p {
           line-height: 1.75em;
        }
            #footer p.privacy-statment {
                margin: 15px 0;
            }
}
@media only screen and (min-width: 771px) {
		#col-2, #col-3 {
			display: inline-block;
		}
}

@media only screen and (max-width: 770px) {
	#col-2, #col-3 {
		display: block;
	}
}

	#col-1 {
		border: 1px solid #EAEAEA;
		border-left: 0;
	}

		#col-1 .social-r {
			position: absolute;
			top: 59px;
			right: 15px;
			display: block;
		}

	#page-nav-r {
	}


	a.page-nav {
		margin: 0px 15px 15px -8px;
		cursor: pointer;
		display: inline-block;
		font-size: 90%;
		padding: 4px;
		border: 1px solid silver;
		background-color: #eee;
	}

		a.page-nav:after {
			content: " ";
			display: inline-block;
			width: 12px;
			height: 12px;
			margin-left: 5px;
			margin-top: -3px;
			background: #333333 url(/static/img/arrow.png) no-repeat 0 0;
			vertical-align: middle;
		}

		a.page-nav.hide-col {
			display: none;
		}


    #footer {
        padding: 10px 10px 35px 10px;
        background: #333333;
        color: #FFF;
        margin: 0;
    }

	#footer-functions {
		text-align: right;
	}

		#footer-functions a {
			padding: 8px;
			border: 1px solid gray;
			margin-right: 2%;
            margin-top: 4px;
		}

	#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
		color: #FFF;
	}


	#footer-bottom {
		margin-top: 15px;
	}

		#footer-bottom .general-info {
			margin: 10px 0;
		}

	.footer-content {
		margin: 10px 0;
	}

		.footer-content a {
			color: #D4D4D4;
		}

		.footer-content > .official {
			display: block;
			padding-bottom: 8px;
		}


@media (max-width: 580px) {
	#banner.has-img .banner img {
		position: absolute;
		left: -9999px;
	}

	#banner.has-img .banner-text {
		position: relative;
		left: auto;
	}

	#banner.has-img .banner-logo {
		display: block;
		margin: 0 0 18px 0;
	}

	#banner.has-img .banner {
		display: block;
		margin: 0 0 10px 0;
		width: 100%;
	}
}

/* ********** DESKTOP ************/
/* 771 to 840 */
@media only screen and (max-width: 771px) {

	#banner {
		width: 100%;
	}
    .footer-content {
        font-size: .9em;
    }

    #footer-sections h3 {
        margin-top: 8px;
        margin-bottom: 3px;
    }

    #footer-sections nav:before {
        content: "\00bb";
        font-size: 120%;
        padding-right: 5px;
        color: #fff;
        padding-top: 0px;
        float: left;
    }

    #footer-sections nav ul {
        margin-left: 15px;
    }

    #footer-sections nav li {
        display: none;
        padding: 6px 0;
    }
}
/* 841 +  */
@media only screen and (min-width: 772px) and (max-width: 889px) {

	#banner {
		width: 85%;
	}
}

@media only screen and (min-width: 890px) and (max-width: 1000px) {
	#banner {
		width: 90%;
	}
}

@media only screen and (min-width: 1001px) {
	#banner {
		width: 90%;
	}
}

/* 771 + */
@media (min-width: 771px) {
    body {
        font: 14.5px/1.5em 'Noto Sans', Arial, Helvetica, sans-serif;
        background-color: #FFF;
    }

    #header-main .menu-trigger {
        display: none;
    }


    #utility-desktop .search-icon-desktop {
        margin: 10px 0px 5px 15px;
        cursor: pointer;
        width: 26px;
        display: inline-block;
        vertical-align: bottom;
    }

        #utility-desktop .search-icon-desktop img.close {
            background: url(/globalassets/global-images-and-files/images/icons/close-icon-29.png) no-repeat;
            width: 20px;
            height: 20px;
            padding-left: 20px;
            display: block;
            box-sizing: border-box;
        }

    /***** UTILITY NAVIGATION *****/
    #utility-desktop {
        position: relative;
        width: 100%;
        background: #333333;
        min-height: 12px;
        margin-bottom: 12px;
        text-align: right;
    }

        #utility-desktop > .container {
            width: 1000px;
            text-align: left;
        }

        #utility-desktop > .container,
        #logo-banner {
            position: relative;
            width: 100%;
            margin: 0 auto;
        }

            #utility-desktop > .container > div > nav {
                text-align: left;
            }

    .error-page #utility-desktop > .container {
        text-align: right;
    }

    #utility-desktop > .container > div > nav li {
        display: inline-block;
    }

        #utility-desktop > .container > div > nav li span,
        #utility-desktop > .container > div > nav li a {
            display: inline-block;
            padding: 1px 5px;
            text-decoration: none;
            font-size: 86%;
            line-height: 1.3em;
        }

    div.utility-desktop {
        text-align: left;
        margin: 12px 0 0px 0;
        padding: 5px 0 7px 0;
        display: inline-block;
        vertical-align: top;
        width: 95%;
    }


    .utility-desktop .utility-nav.lvl1 li span,
    .utility-desktop .utility-nav.lvl1 li a {
        color: #CCCCCC;
        border-right: 1px solid #CCCCCC;
    }

    .utility-desktop .utility-nav.lvl1 li ul li span,
    .utility-desktop .utility-nav.lvl1 li ul li a {
        border-right: 0px;
    }

    .utility-desktop .utility-nav li:hover > span,
    .utility-desktop .utility-nav li:hover > a {
        color: #FFF;
        text-decoration: underline;
    }

    .utility-desktop .utility-nav li:last-of-type span,
    .utility-desktop .utility-nav li:last-of-type a {
        border: none;
        padding-right: 0;
    }

    /***** SEARCH *****/
    div.search-desktop {
        text-align: right;
        margin: 0px;
    }

        div.search-desktop .search fieldset {
            border: 0;
            padding: 4px 0 8px 0;
        }

    .error-page div.search-desktop .search label {
        color: #FFF;
        margin-right: 10px;
    }

    div.search-desktop .search input {
        display: inline-block;
    }

        div.search-desktop .search input[type="submit"] {
            width: 28px;
            height: 25px;
            border: none;
            background: url(img/icons-search-r.png) no-repeat 3px 2px;
            background-size: 20px 20px;
            margin: 0;
            text-indent: -9000px;
            cursor: pointer;
            background-color: gray;
            border-radius: 5px;
        }

        div.search-desktop .search input[type="text"] {
            border: 0px;
            height: 23px;
            padding: 1px 3px;
            border-radius: 5px;
            width: 25%;
            font-size: 85%;
        }

    .error-page div.search-desktop .search input[type="text"] {
        margin-right: 5px;
        margin-bottom: 10px;
    }
    /***** BANNER *****/
    #logo {
        display: inline-block;
        vertical-align: top;
    }

    .logo {
        display: block;
    }

        .logo img {
            /*max-width: 100%;*/
            max-height: 90px;
        }

    #banner {
        min-height: 90px;
        display: inline-block;
        vertical-align: top;
        margin-left: 1.5%;
    }

        #banner.banner .banner {
            margin: 16px 0px 0 0px;
            vertical-align: top;
        }

        #banner.has-logo .banner {
            display: inline-block;
            width: 70%;
        }

        #banner:not(.has-logo) .banner {
            display: block;
        }

        #banner.has-img .banner {
            margin: 0px 0px 0 0px;
        }

        #banner.has-img .banner-text {
            position: absolute;
            left: -9999px;
        }


        #banner.has-logo .banner-logo {
            display: inline-block;
            margin: 0 0 0 1.5%;
            width: 27.5%;
            vertical-align: top;
            text-align: right;
        }

        #banner .banner span {
            display: inline;
        }

        #banner .banner #site-name {
            font-size: 185%;
        }


        #banner .banner #site-description {
            font-size: 135%;
            color: #555555;
        }

        #banner .banner #site-name {
            margin: 0px;
            line-height: 1.2em;
        }

        #banner .banner #site-description {
            margin: 0 0 10px 0;
            font-weight: normal;
            line-height: 1.2em;
        }



    /***** MAIN NAVIGATION *****/
    .main-nav-desktop {
        clear: both;
        width: 100%;
        text-align: left; /* Adjust for position of nav - i.e. left or center */
        background: #004fa3;
        margin-top: 0px;
        padding: 0;
    }

        .main-nav-desktop #main-nav ul.main-nav {
            position: relative;
            display: table;
            padding: 0;
            z-index: 100;
            vertical-align: middle;
            border-left: 0px solid #5069bc;
            margin: 0 auto;
        }


        .main-nav-desktop .main-nav.standard ul ul {
            padding: 0 0 0 10px;
            text-align: left;
            line-height: 20px;
        }

        .main-nav-desktop > nav.main-nav.standard > ul > li {
            position: relative;
            vertical-align: top;
            list-style-type: none;
            font-weight: normal;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }

            .main-nav-desktop > nav.main-nav.standard > ul > li li {
                position: relative;
            }

        .main-nav-desktop nav.main-nav.standard > ul > li > span, .main-nav-desktop .main-nav.standard > ul > li > a {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            border-right: 0px solid #5069bc;
            text-transform: uppercase;
        }

        .main-nav-desktop .main-nav > li:not(.img) {
            padding: 11px 8px;
        }

        .main-nav-desktop .main-nav > li.img img {
            vertical-align: middle;
        }

        .main-nav-desktop .main-nav.standard li > ul {
            background-color: #eeeeee;
        }

        .main-nav-desktop .main-nav li > ul li {
            padding: 0 0 0 0;
            font-weight: normal;
            color: #666;
            display: block;
        }

        .main-nav-desktop .main-nav.standard li > ul li > ul li {
            margin-left: -10px;
        }

        .main-nav-desktop .main-nav li li,
        .main-nav-desktop .main-nav li li li {
            text-align: left;
        }

        .main-nav-desktop .main-nav.standard li:hover,
        .main-nav-desktop .main-nav.megamenu ul.ul1 > li.li1:hover {
            color: #666;
            background: #CFD4E1;
            cursor: default;
        }


        /* Main Navigation Link Styles */
        .main-nav-desktop .main-nav.standard li span,
        .main-nav-desktop .main-nav.standard li a:not(.r770) {
            display: block;
            width: 100%;
            text-decoration: none;
            font-size: 90%;
            line-height: 1.25em;
        }

        .main-nav-desktop .main-nav.standard li li span,
        .main-nav-desktop .main-nav.standard li li a:not(.r770) {
            padding: 8px;
        }

        .main-nav-desktop .main-nav > li > span,
        .main-nav-desktop .main-nav > li > a {
            color: #fff;
        }

            .main-nav-desktop .main-nav > li > span:hover,
            .main-nav-desktop .main-nav > li > a:hover,
            .main-nav-desktop .main-nav > li:hover > span,
            .main-nav-desktop .main-nav > li:hover > a {
                color: #333;
                background-color: #CFD4E1;
            }

        .main-nav-desktop .main-nav li li span,
        .main-nav-desktop .main-nav li li a {
            color: #666;
        }

        .main-nav-desktop .main-nav li li:hover > span,
        .main-nav-desktop .main-nav li li:hover > a {
            color: #333;
            background-color: #CFD4E1;
        }
    /***** BREADCRUMBS and SOCIAL *****/
    .homepage .breadcrumb-desktop {
        display: none;
    }

    section#breadcrumb {
        margin-bottom: 15px;
        display: inline;
    }

    .breadcrumb-desktop {
        width: 69%;
        display: inline-block;
        vertical-align: top;
    }

        .breadcrumb-desktop .breadcrumbs {
            display: inline-block;
        }

    #breadcrumb .breadcrumb-desktop ul {
        margin: 0;
    }

        #breadcrumb .breadcrumb-desktop ul li {
            float: left;
            padding-left: 3px;
            font-size: 11px;
            font-weight: bold;
            list-style: none;
            color: #444;
        }

            #breadcrumb .breadcrumb-desktop ul li a {
                font-weight: normal;
                color: #16387C;
                text-decoration: underline;
            }

                #breadcrumb .breadcrumb-desktop ul li a:hover {
                    text-decoration: none;
                }

            #breadcrumb .breadcrumb-desktop ul li:first-child {
                padding-left: 0;
            }

            #breadcrumb .breadcrumb-desktop ul li:not(:last-child):after {
                content: " >";
            }

    #breadcrumb .social-desktop {
        display: inline-block;
        width: 30%;
        vertical-align: top;
    }

        #breadcrumb .social-desktop ul {
            margin-bottom: 0px;
        }

        #breadcrumb .social-desktop li {
            display: inline-block;
        }

    /***** MAIN COLUMNS *****/
    #main-content {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px;
    }

    .bx-viewport .bxslider li .block:not(.video) {
        padding: 0px;
    }

    /***** LEFT COLUMN *****/
    #col-1 {
        font-size: 95%;
        width: 23%;
        margin: 0 2% 20px 0;
        display: inline-block;
        float: left;
        vertical-align: top;
    }

    #main-content.left-col #breadcrumb > .breadcrumb-desktop {
        width: 74.5%;
        display: inline-block;
        clear: right;
        vertical-align: top;
        margin: 0px 0 0px 0;
        padding: 7px 7px 7px 5px;
        border: 1px solid #DDD;
    }

    #main-content.right-col.two-thirds #breadcrumb > .breadcrumb-desktop,
    #main-content.full #breadcrumb > .breadcrumb-desktop {
        width: 99.5%;
        display: inline-block;
        clear: right;
        vertical-align: top;
        margin: 15px 0 0px 0;
        padding: 7px 7px 7px 5px;
        border: 1px solid #DDD;
    }

    /***** MAIN COLUMN *****/
    #col-2 {
        width: 50%;
        margin: 0;
        display: inline-block;
        vertical-align: top;
    }


    /***** RIGHT COLUMN *****/
    #col-3 {
        font-size: 95%;
        width: 22.5%;
        margin: 0 0 20px 2%;
        display: inline-block;
        vertical-align: top;
    }
    /*******************************
***** MAIN CONTENT AREAS *****
*******************************/
    body:not(.edit-mode) #col-1.hide-col,
    body:not(.edit-mode) #col-3.hide-col {
        display: none;
    }


    .two-thirds #col-2 {
        width: 74%;
        margin: 0;
    }

    .full #col-2 {
        width: 99%;
        margin: 0;
        padding: 0;
    }

    /***** SUB NAVIGATION *****/
    #main-content .subnav-menu {
        position: relative;
        /*margin-top: 15px;*/
        z-index: 99;
    }


        #main-content .subnav-menu span.nav-title {
            display: block;
            margin: 0px 0 8px 0;
            font-size: 18px;
            line-height: 1.125em;
            color: #000;
        }

        #main-content .subnav-menu ul {
            list-style: none;
            padding-left: 0;
        }

            #main-content .subnav-menu ul li {
                position: relative;
                padding: 5px 6px;
                list-style-type: none;
                font-size: 12.5px;
                font-weight: bold;
                color: #333;
                border-bottom: 1px solid #c2c0c0;
                background: none;
                color: #35374D;
            }

        #main-content .subnav-menu li > ul {
            display: none;
            position: absolute;
            top: 0;
            left: 100%;
            width: 175px;
            border: 1px solid #c2c0c0;
            background-color: #EAEAEA;
        }

        #main-content .subnav-menu li:hover {
            background-color: #EAEAEA;
        }

        #main-content .subnav-menu li > ul > span:first-of-type {
            background-image: none;
            display: none;
        }


        /* LINK STYLES */
        #main-content .subnav-menu ul li span.nolink,
        #main-content .subnav-menu ul li a {
            display: inline-block;
            font-weight: bold;
            text-decoration: none;
            line-height: 1.4em;
        }

        #main-content .subnav-menu ul li:hover {
            background-color: #EAEAEA;
        }

        #main-content .subnav-menu li li:hover {
            background-color: #f2f2f2;
        }

        #main-content .subnav-menu ul li:hover {
            color: #565353;
        }

            #main-content .subnav-menu ul li:hover > a {
                color: #565353;
            }

    #subnav-menu.accordion .submenu > span:not(.nolink):after {
        background: transparent url('/static/css/default/img/style-img.png') -54px -168px no-repeat;
    }

    #subnav-menu.accordion .submenu.active > span:not(.nolink):after {
        background: transparent url('/static/css/default/img/style-img.png') -82px -168px no-repeat;
    }

    #main-content .block.subnav-menu li.submenu.on {
        background: #e5e5e5;
    }

    #main-content .block.subnav-menu li.on {
        background: #c7c6c6;
        color: #fff;
    }

	/******* FOOTER *********/
	#footer {
		background: #333333;
		padding: 15px;
	}

		#footer section {
			width: 100%;
			clear: both;
			background: #333333;
			text-align: left;
			padding: 0;
			font-size: 76%;
			margin: 0 auto 15px auto;
		}


	#footer-functions a {
		padding: 5px;
		border: 1px solid #D4D4D4;
		display: inline-block;
		margin-left: 10px;
		text-align: right;
	}

	#footer #footer-functions {
		text-align: right;
	}

	/* GENERAL INFO AND FOOTER COPY */
	#footer section h5 {
		margin: 0;
		text-transform: uppercase;
	}

	#footer section p {
		margin: 0;
		color: #FFFFFF;
	}

		#footer section p span {
		}
	/* FOOTER UTILITY LINKS */
	#footer-bottom ul.footer-util-list {
		margin: 8px auto 15px auto;
	}

		#footer-bottom ul.footer-util-list li {
			display: inline-block;
			list-style: none;
		}

			#footer-bottom ul.footer-util-list li:first-of-type a {
				padding-left: 0px;
			}

            #footer-bottom ul.footer-util-list li a {
                border-right: 1px solid #D4D4D4;
                display: inline-block;
                padding-right: 10px;
                padding-left: 10px;
                line-height: 1em;
            }

			#footer-bottom ul.footer-util-list li:last-of-type a {
				border-right: 0px;
			}

	#footer-bottom p {
		margin: 0;
	}

	#footer #footer-sections {
		text-align: center;
	}

	#footer-sections nav {
		display: inline-block;
		padding: 0;
		margin: 0 5px 0 20px;
		vertical-align: top;
		text-align: left;
	}


		#footer-sections nav h3, #footer .footer-sections nav h3 a {
			font-size: 130%;
			font-weight: bold;
			margin-bottom: 3px;
		}
         


	#footer-sections li {
		padding: 4px 0;
	}

	#footer .utility-nav {
		text-align: center;
	}
}
/* end 771 + */
#footer-functions a,
#footer section a,
#footer-bottom > nav > ul > li a,
#footer-sections nav h3,
#footer-sections nav,
#footer-sections nav h3 a,
#footer-sections nav a {
    color: #D4D4D4;
}

    #footer-functions a:hover,
    #footer section a:hover,
    #footer-bottom > nav > ul > li a:hover,
    #footer-sections nav h3 a:hover,
    #footer-sections nav a:hover {
        color: #FFF;
        text-decoration: underline;
    }

    #footer-functions a:focus,
    #footer section a:focus,
    #footer-bottom > nav > ul > li a:focus,
    #footer-sections nav h3 a:focus,
    #footer-sections nav a:focus,
    #footer-sections nav h3 a:active,
    #footer-sections nav a:active {
        color: #f4d03f;
    }



#vertical-container-full {
	background-color: lightgrey;
}

section#vertical-container-footer {
	background-color: #004FA3;
}

.vertical-container.footer h1, .vertical-container.footer h2, .vertical-container.footer .block:not(.ummsnews-listing) h3, .vertical-container.footer h4, .vertical-container.footer h5, .vertical-container.footer h6, .vertical-container.footer .block:not(.ummsnews-listing) a, .vertical-container.footer .block:not(.ummsnews-listing) p, .vertical-container.footer span, .vertical-container.footer aside, .vertical-container.footer label, .vertical-container.footer .Form__Element__Caption, .vertical-container.footer .EPiServerForms input[type="file"], .vertical-container.footer legend, .vertical-container.footer .row li {
	color: #fff;
}

#vertical-container-footer.vertical-container.footer .ValidationRequired label {
	color: #c3dbf4;
}

.vertical-container.footer .EPiServerForms input[type="file"]:hover {
	color: #000;
}

.vertical-container.footer > .row-container > .row > form {
	border: 1px solid #fff;
	border-radius: 15px;
	padding: 20px;
}

.vertical-container.footer .block.peoplesearch #form1 fieldset {
	background: none;
	border-radius: 15px;
}

.vertical-container p {
	margin: 0 0 12px 0;
}

.vertical-container .stylizedGrid li.itemStyle {
	background: none;
}

.vertical-container .complex-news-listing .block.generic.ummsnews-listing {
	padding: 15px;
	padding-top: 90px;
	background-position: top center;
}
/* 771 + */
@media only screen and (min-width : 771px) {
	#main-content .subnav-menu li:hover > ul {
		display: block;
	}
}

/* 1020 + */
@media only screen and (min-width: 1000px) {
	#utility-desktop > .container,
	#logo-banner,
	.main-nav-desktop ul.main-nav,
	#main-content,
	#footer section {
		width: 1000px;
		display: block; /*needed for MAIN tag*/
	}

	#footer {
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* < 1020 */
@media only screen and (max-width: 1000px) {
	#utility-desktop > .container,
	#logo-banner,
	.main-nav-desktop ul.main-nav,
	#main-content,
	#footer section {
		width: 100%;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
}
/* < 930 */
@media only screen and (max-width: 930px) {
	div.utility-desktop {
		width: 90%;
	}
}


/* GLOBAL PAGER STYLES */
.pager {
	clear: both;
	max-width: 100%;
	padding: 6px 5px 6px 10px;
	font-size: 13px;
	color: #FFF;
	text-align: left;
	background: #35374D;
}

.pager {
	margin: 0;
}

	.pager div {
		display: inline-block;
	}

	.pager > div {
		width: 32%;
	}

	.pager input,
	.pager select,
	.pager label {
		font-size: 13px;
	}

	.pager input {
		color: #333;
	}

	.pager select {
		width: auto;
		height: auto;
		margin: 0 5px 0 0;
		padding: 3px;
		border: none;
		border-radius: 0;
	}
	/* PAGER SHOWING STATUS */
	.pager .pager-status {
		float: left;
		margin-top: 5px;
	}

		.pager .pager-status span {
			font-weight: bold;
		}
	/* PAGER PER PAGE SELECT AREA */
	.pager .pager-per-page {
		text-align: center;
	}

		.pager .pager-per-page select,
		.pager .pager-per-page label {
			display: inline-block;
		}

		.pager .pager-per-page label {
			margin-top: 5px;
		}
	/* PAGER CONTROLS */
	.pager .pager-controls {
		float: right;
		width: 35%;
		text-align: right;
	}

		.pager .pager-controls div:not(.pager-input) {
			margin-top: 2px;
		}

		.pager .pager-controls .pager-input {
			vertical-align: top;
			margin: 0 4px;
		}

		.pager .pager-controls button {
			float: left;
			width: 20px;
			height: 20px;
			margin-right: 3px;
			padding: 0;
			font-size: 24px;
			line-height: 20px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			border: none;
			background: #FFF;
		}

			.pager .pager-controls button:last-of-type {
				margin: 0;
			}

			.pager .pager-controls button span {
				display: block;
				margin-top: -3px;
				color: #0F238C;
			}

			.pager .pager-controls button:hover span {
				color: #333;
			}

		.pager .pager-controls .back button span {
			margin-left: -2px;
		}

		.pager .pager-controls .forward button span {
			margin-right: -2px;
		}

		.pager .pager-controls .pager-input input {
			width: 24px;
			margin: 0 5px 0 0;
			padding: 3px;
			border: none;
			border-radius: 0;
			border: 1px solid #999;
			outline: 0;
		}
/*******************************
***** LOGIN STYLES *************
*******************************/

/* LOG IN */
.block.login-form .login {
	width: 75%;
	margin: 0 auto;
	padding: 20px 20px 10px 20px;
	background: #DCE5ED;
}

	.block.login-form .login p {
		margin: 0;
		padding: 10px 0;
	}

	.block.login-form .login label {
		display: inline-block;
		width: 70px;
		font-weight: bold;
	}

.block.login-form input[type="text"],
.block.login-form input[type="password"] {
	width: 200px;
	padding: 3px;
	font-size: 12px;
	color: #333;
	border: 1px solid #BBB;
}

.block.login-form p.submit {
	text-align: right;
}

.block.login-form input[type="submit"] {
	padding: 5px 15px;
	color: #FFF;
	font-weight: bold;
	background: #0F238C;
	border: 1px solid #FFF;
}

	.block.login-form input[type="submit"]:hover {
		background: #880000;
		color: #FFF;
	}

.block.login-form p.error-msg {
	color: #FF0000;
	padding-top: 0;
	font-weight: bold;
}

.block.login-form .login.error input:not([type="submit"]) {
	border: 1px solid #FF0000;
}

.block.login-form .login input:focus {
	border: 1px solid #0F238C;
}



/* DatePicker Container */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

	.ui-datepicker a {
		text-decoration: none;
	}
	/* DatePicker Table */
	.ui-datepicker table {
		width: 100%;
	}

.ui-datepicker-header {
	padding: 10px;
	background: #0F238C;
	color: #e0e0e0;
	font-weight: bold;
	line-height: 30px;
}

.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-header a:hover {
	color: #FFF;
	text-decoration: underline;
}

.ui-datepicker-title select {
	padding: 3px;
}

	.ui-datepicker-title select.ui-datepicker-month {
		margin-right: 5px;
	}

.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	padding: 5px 0;
	cursor: pointer;
	color: #FFF;
}

.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}

.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}

.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	text-align: center;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
	background: #F3F3F3;
}

	.ui-datepicker tbody td:last-child {
		border-right: 0px;
	}

.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}

	.ui-datepicker tbody tr:last-child {
		border-bottom: 0px;
	}

.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top, #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%);
	background: linear-gradient(top, #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
	background: #0F238C;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #0F238C;
	position: relative;
	margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

.ui-datepicker-buttonpane {
	padding: 5px;
	background: #FFF;
}

td.ui-datepicker-other-month a {
	color: #999;
}

.ui-state-highlight {
	color: #0F238C !important;
	background: #FFF !important;
	text-shadow: none !important;
	border: 1px solid #0F238C;
}

body:not(.edit-mode) .hidden {
	display: none;
}

/***** BLOCK - RECENT NEWS *****/
.block.cat-recent-news {
	padding: 10px 10px 0 15px;
	border: 1px solid #A4A3A3;
}

.cat-recent-news ul {
	margin: 10px 0 20px 15px;
}

	.cat-recent-news ul li {
		padding: 0 0 6px 0;
	}


/* EVENTS BLOCK */
#main-content .block.events .div-wrapper > h3 {
	margin-bottom: 1px;
}

	#main-content .block.events .div-wrapper > h3 + span {
		display: block;
		margin-bottom: 4px;
	}

.block.events hr {
	display: none;
}

#main-content .block.events ul,
#main-content .block.events ul li {
	margin-left: 0;
	padding-left: 0;
}

	#main-content .block.events ul li {
		list-style: none;
		margin-bottom: 20px;
	}

		#main-content .block.events ul li > div.event-info {
			padding-left: 9px;
		}

		#main-content .block.events ul li div,
		#main-content .block.events ul li > div + h4 {
			line-height: 1.3em;
		}

.block.events ul li div:first-of-type {
	padding-left: 0px;
}

#main-content .block.events h4.event-title {
	margin-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
	color: #1C1D20;
}

.block.events div.event-date {
	font-weight: bold;
}

.block.events .event-type {
	font-weight: normal;
	line-height: 100%;
	font-size: 90%;
}

.block.events h4 {
	font-size: 100%;
}

.block.events a.events-more {
	float: right;
}

.block.events .event-teaser p {
	margin: 6px 0;
	line-height: 1.2em;
}

.block.events .div-wrapper > ul > li {
	line-height: 100%;
	font-size: 90%;
}

.eventslisting h3 {
	margin-bottom: 4px;
}

.eventslisting .when {
}

.eventslisting label {
	font-weight: bold;
}

.eventslisting .when .starttime {
}

.eventslisting .when .separator {
}

.eventslisting .when .endtime {
}

.eventslisting .event-info {
	margin-top: 6px;
	border-left: 1px solid silver;
}

	.eventslisting .event-info h4 {
		margin-bottom: 4px;
	}

.eventslisting ul li div.event-info div.event-location {
	padding: 0;
}

.eventslisting ul li div.event-info div.event-teaser {
	padding: 4px 0 0 0;
}

.eventslisting pre {
	font: normal 90%/100% sans-serif;
	white-space: pre-wrap; /* CSS 3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.socialIcons img {
	margin: 0 2.8px;
}

@media only screen and (max-width: 550px) {
	.col .pager .pager-status,
	.col .pager .pager-per-page,
	.col .pager .pager-controls {
		width: 100%;
		float: none;
		text-align: center;
		display: block;
	}

	.col .pager .pager-status,
	.col .pager .pager-per-page {
		margin: 0 2px 12px 2px;
	}
}

/*month event view calendar*/
@media only screen and (max-width : 580px) {
	.main.calendar.events {
		padding: 5px;
	}

		.main.calendar.events .events-wrap {
			margin: 0;
			width: 52%;
		}

			.main.calendar.events .events-wrap .calBodyWrapper {
				padding: 0;
			}

				.main.calendar.events .events-wrap .calBodyWrapper .calBody {
					padding: 0;
				}

		.main.calendar.events .events-block {
			width: 45%;
			margin: 0;
		}
}
/*month event view calendar*/
@media only screen and (max-width : 480px) {
	.main.calendar.events .events-wrap {
		margin: 0;
		width: 98%;
		float: none;
	}

	.main.calendar.events .events-block {
		width: 98%;
		margin: 0;
		float: none;
	}
}

/* *********************************
    custom
   *********************************/

.main-cols h1, .main-cols h2, .main-cols h3, .main-cols h4, .main-cols h5, .main-cols h6 {
	font-family: 'Noto Sans', sans-serif;
}

.main-cols .block.generic.video .fancybox-media {
	max-width: 100% !important;
}

.main-cols .block.generic.video img {
	max-width: 100% !important;
}

.homepage .main-cols .col.sidebar .block.generic h4:first-of-type {
	margin-top: 0;
}

.homepage .main-cols .col.sidebar .block.generic h4 {
	margin-top: 12px;
}

.homepage .main-cols .col.sidebar .block.generic ul {
	margin: 0 0 15px 0;
}

	.homepage .main-cols .col.sidebar .block.generic ul li {
		margin: 5px 0 8px 18px;
		list-style-position: outside;
		list-style: square;
		color: #313781;
	}

.row-container .row:first-child .block.generic.video span {
	bottom: 0;
}

.block.generic.video p {
}

.hero-wrapper.slider-home .bxslider li .slide-desc a.read-more:before {
	content: "  ";
	width: 9px;
	height: 10px;
	background: #CE9933;
	display: block;
	float: left;
	margin-right: 5px;
	border-top: 2px solid #151414;
	font-size: 20px;
	color: #E3C891;
	padding-right: 3px;
}

.hero-wrapper.slider-home .bxslider li .slide-desc a.read-more:after {
	content: " \00bb";
	font-size: 14px;
	color: #CE9933;
}
/***** BLOCK - STAY CONNECTED *****/
.block.stay-connected {
	padding-top: 7px;
	border-top: 3px solid #D7D7D7;
}

	.block.stay-connected h3 {
		font-size: 16px;
		margin-bottom: 5px;
		padding-bottom: 5px;
		-webkit-text-shadow: 0 0 2px #666;
		-moz-text-shadow: 0 0 2px #666;
		text-shadow: 0 0 2px #666;
		border-bottom: 1px solid #CCC;
	}

	.block.stay-connected .connect-list-wrapper {
		text-align: center;
	}

	.block.stay-connected ul.connect-list {
		display: inline-block;
		padding: 0 0 3px 0;
		list-style: none;
		width: 100%;
		text-align: center;
	}

		.block.stay-connected ul.connect-list li {
			float: left;
			position: relative;
			margin-right: 2%;
			cursor: pointer;
		}

			.block.stay-connected ul.connect-list li img {
				width: 28px
			}

			.block.stay-connected ul.connect-list li:last-of-type {
				margin-right: 0;
			}

			.block.stay-connected ul.connect-list li .arrow {
				display: none;
				position: absolute;
				left: 4px;
				top: 39px;
				width: 24px;
				height: 14px;
				background: url(../img/news/bg-social-arrow.gif) no-repeat left top;
			}

			.block.stay-connected ul.connect-list li.active .arrow {
				display: block;
			}

	.block.stay-connected .social-content-wrapper {
		padding: 0;
		background-color: #F2F2F2;
		border-bottom: 3px solid #D7D7D7;
		border-top: 1px solid #D7D7D7;
	}

	.block.stay-connected .social-content {
		display: none;
		padding: 0px;
	}

		.block.stay-connected .social-content strong {
			float: left;
			display: block;
			width: 100px;
		}

		.block.stay-connected .social-content.twitter strong:first-of-type {
			width: 110px;
		}

		.block.stay-connected .social-content.twitter p:not(:first-of-type) {
			margin-top: 5px;
		}

		.block.stay-connected .social-content:first-child {
			display: block;
		}

	.block.stay-connected .media-contact {
		padding-top: 7px;
		border-top: 1px solid #CCC;
	}


.block.generic.quick-links ul li {
	list-style-position: outside;
}

#col-1 .block.generic.quick-links ul,
#col-3 .block.generic.quick-links ul {
	margin-left: 0px;
	padding-left: 0;
}

.H4bar1, .h4bar1 {
	background-color: #223E99;
	color: #fff;
	display: block;
	padding: 4px 8px;
	width: 99.5%;
}

.H4bar2, .h4bar2 {
	background-color: #eeeeee;
	color: #000;
	display: block;
	padding: 4px 8px;
	width: 99.5%;
}