/* Sub Site Task Nav */
 .subsite .task-nav.full {
	 float: left;
	 position: relative;
	 width: 100%;
	 z-index: 2;
}
.subsite-task-nav {
    background-color: #004477;
    margin-bottom: -30px;
}
.sub-task-links {
    float: right;
    background-color: #1b5c8c;
    padding: 5px 15px;
    position: relative;
    text-decoration: none;
    font-size: .9em;
    color: #fff;
}
.sub-task-links a, .sub-task-links a:visited {
    color: #fff;
    text-decoration: none;
}
.sub-task-links a:hover {
    text-decoration: underline;
}
.sub-task-links .back-home:before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: '\00a0\f2ea';
    font-size: 1em;
    padding-right: 5px;
    color: #cedc00;
}
/* Sub Site Information For Nav */
 .subsite .info-for-full {
	 background: #004477;
	 float: left;
	 position: relative;
	 width: 100%;
}
/* Sub Site Nav */
 .subsite-menu.span30 {
     /* Changed by Prashanth on 10/17/2025
     Reason: The background wasn’t blending with the header layout color, which caused two thin lines to appear outside the 1366 px width. That's why background has been disabled.*/
	 /*background: #fff;*/
	 padding-top: 16px;
	 position: relative;
}
/* Sub Site Info For Nav */
 .subsite .info-for.page-inner {
	 float: none;
}
 .subsite .info-for ul {
	 margin: 5px 0;
}
/* Corporate Logo Container */
 .subsite .logo-container {
	 padding-bottom: 13px;
	 padding-top: 0;
}
 .subsite .logo-container.page-inner, .subsite .logo {
	 float: none;
}
 .subsite .logo img {
	 padding: 24px 0;
	 max-width: 187px;
	 float: left;
}
 .logo-container .back-home {
	 float: right;
	 position: relative;
}
 .logo-container .back-home a, .logo-container .back-home a:visited {
	 display: block;
	 background-color: #1b5c8c;
	 color: #fff;
	 padding: 5px 15px;
	 text-decoration: none;
	 font-size: .9em;
}
 .logo-container .back-home a:hover, .logo-container .back-home a:active {
	 text-decoration : underline;
}
 .logo-container .back-home a:before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: '\00a0\f2ea';
    font-size: 1em;
    padding-right: 5px;
    color: #cedc00;
}
/* Sub Site Title */
 .subsite-title, .subsite-title-full {
	 color: #004477;
	 float: left;
	 font-family : 'muli', arial, helvetica, sans-serif;
	 font-size: 3.2em;
	 font-weight: 700;
	 padding: 12px 0 32px 0;
	 line-height: 1.2em;
}
 .subsite-title {
	 max-width: 68%;
	 min-width: 68%;
}
 .subsite-title-full {
	 max-width: 100%;
	 min-width: 100%;
}
 .subsite-title::after, .subsite-title-full::after {
	 content: '';
	 display: block;
	 clear: both;
}
 .subsite-title-img {
	 float: left;
	 margin-right: 2%;
}
 .subsite-title-img.sti-block {
	 float: none;
}
 .subsite-title-img.sti-logo-only {
	 display: block;
}
.subsite-title a, .subsite-title-full a {
    color : #004477;
    text-decoration : none;
}
.subsite-title a:hover,
.subsite-title a:active,
.subsite-title-full a:hover,
.subsite-title-full a:active {
    color : #004477;
    text-decoration : none;
}
/* Sub Site Mega Menu Button */
 .subsite-menu .mgmenu-btn {
	 color: #27437a;
	 height : 21px;
}
 .subsite-menu .mgmenu-btn:after {
	 padding: 0 0 0 8px;
}
/* Sub Site Search */
 .subsite .search-desktop {
	 display: inline;
	 width: 28%;
}
 .subsite-menu .search {
	 border: 1px solid #bcbdbd;
	 margin: 5px 0 0 0;
}
 .subsite-menu input.search-box {
	 width: 190px;
}
 .search-results .field {
	 height : 45px;
}
/* fix for subsite search box after new script */
.subsite-menu .search table.gsc-search-box {
    margin: 0!important;
}
/* Mega Menu */
 .subsite .mgmenu {
	 padding-left : 0;
}
 .subsite .mgmenu a {
	 color: #004780;
}
/*SMR 2026-02-05: Commented out - was causing a white on white state when using keyboard tabbing to navigate 
.subsite .mgmenu a:hover, .subsite .mgmenu a:focus {
     color: #fff;
     background-color: #1b5c8c;
}*/
/* Mega Menu Active Link */
 .subsite .mgmenu > li.active > span > a {
	 color: #fff;
	  background: #24305e; /*SMR 2026-02-05: Added background color to avoid white on white state when using keyboard tabbing to navigate */ 
}
 .subsite .mgmenu > li > span > a, .subsite .mgmenu > li.active > span > a {
	 padding-left: 21px;
	 padding-right: 21px;
}
 .subsite .mgmenu > li.active > span > a, .subsite .mgmenu > li > span > a {
	 padding: 8px 20px 9px 21px;
}
 .subsite .mgmenu > li.home:hover > span > a, .subsite .mgmenu > li.home:focus > span > a, .subsite .mgmenu > li.sub:hover > span > a, .subsite .mgmenu > li.sub:focus > span > a {
	 background: #1b5c8c;
	 color: #fff;
}
 .subsite .mgmenu > li ul li a:hover, .subsite .mgmenu > li ul li a:focus {
	 color: #000;
}
 .subsite .mgmenu-container.off {
	 height: 1px;
}
 .subsite .mgmenu-container {
	 background-color: #e9e9e9;
	 margin-left: 3.5%;
	 width: 93.3%;
}
 .subsite.homepage .content-container {
	 padding-top: 20px;
}
 .subsite.homepage .content-container.landing {
     padding-top : 0;
 }
 .subsite.homepage .alert-container {
	 margin: -10px 0 25px 3.4%;
	 width: 93.2%;
}
/* Sub Site Breadcrumbs */
 .subsite .breadcrumbs {
	 margin-bottom: 0;
}
 .subsite .breadcrumbs li:after {
	 padding: 2px 8px 2px 5px;
}
/* Footer */
 .subsite .footer-top {
	 padding-top: 38px;
}
 .subsite .footer-bottom {
	 padding-top : 47px;
}
 .subsite .footer-top.page-inner {
	 padding-left: 1%;
	 width: 98%;
}
/* Footer Top Section 1 Column*/
 .subsite .footer-column.one {
	 max-width: 93%;
}
/* Footer Top Section 2 Column*/
 .subsite .footer-column.two {
	 max-width: 43%;
}
/* Footer Top Section 3 Column*/
 .subsite .footer-column {
	 max-width: 31%;
	 width: 100%;
	 color: #ffffff;
	 float: left;
	 padding: 0 2.9% 99999px 0;
	 margin-bottom: -99999px;
}
/* Footer 2 Columns Only */
 .subsite .footer-column-span {
	 max-width: 62%;
	 padding-left: 37.5%;
	 width: 100%;
	 color: #ffffff;
}
 .subsite .footer-column:last-child {
	 padding-right: 0;
}
 .subsite .footer-top .nav-title, .subsite .footer-top .nav-title a {
	 font-size: 1.2em;
	 padding-bottom: 2px;
}
 .subsite .footer-column ul, .subsite .footer-column p, .subsite .footer-column-span p {
	 color: #fff;
	 font-size: 1em;
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
 .subsite .footer-column ul li a, .subsite .footer-column p a {
	 color: #fff;
	 display: block;
}
 .subsite .footer-column ul li:last-of-type a {
	 margin: 0;
}
 .subsite .footer-column ul {
	 list-style: disc;
	 padding: 5px 20px;
}
 .subsite .footer-column li a{
	 margin: 0;
}
 .subsite .footer-column a, .subsite .footer-column-span a {
	 color: #ffffff;
	 text-decoration: underline;
	 font-size : 1.0em;
	 line-height : 1.0;
	 font-family : 'Open Sans', arial, helvetica, sans-serif;
	 display: inline;
}
.subsite .footer-social {
    margin-right: 0;
}
 .top-marg-20 {
	 margin-top: 4px;
}
 .subsite.homepage .callout {
	margin-top : 15px;
}
 @media only screen and (min-width: 921px) and (max-width: 959px) {
	/* Mega Menu List Item Padding for Link 1 and 2 */
	 .subsite .mgmenu > li > span > a, .subsite .mgmenu > li.active > span > a {
		 padding-left: 12px;
		 padding-right: 12px;
	}
	.subsite .mgmenu-container {
	    margin-left: 35px;
	    width: 92.5%;
	}
}
 @media only screen and (max-width: 920px) {
    /* Sub Site Task Bar */
    .subsite-task-nav {
        background-color: #1b5c8c;
        margin-bottom: 0;
    }
	 .menu-backdrop.outer-menu {
		 z-index: 1;
	}
	 .show-mobile .search-btn {
		 margin-top: 0;
		 background : #ffffff url(../../../img/designelements/header/search-icon-mobile-subsite.png) no-repeat center center;
	}
	 .show-mobile .search-btn.on {
		 border-top: 1px solid #bcbdbd;
		 border-right: 1px solid #bcbdbd;
		 border-bottom: 1px solid #bcbdbd;
		 margin-left: 5px;
		 margin-top: 0;
	}
	.subsite.homepage .content-container.landing {
	 padding-top: 10px;
	}
	.subsite.homepage .alert-container {
	    margin: 0 6% 25px 6%;
	    width: 88%;
	}
	/* Sub Site Head Tags */
	 .subsite-title, .subsite-title-full {
		 min-width: 75%;
		 max-width: 75%;
		 padding-bottom: 15px;
	}
	/* Corporate Logo Container */
	 .subsite .logo-container {
		 padding-bottom: 5px;
	}
	 .subsite .logo-container.page-inner, .subsite .logo {
		 float: left;
	}
	 .subsite .logo img {
		 margin-top: 0;
		 max-width: 170px;
	}
	/* Information For Nav Corporate Off*/
	 .subsite .info-for.on .info-for-full, .subsite .info-for-full.off {
		 z-index: 1 !important;
	}
	/* Information For Nav Corporate On */
	 .subsite .info-for-full.on {
		 z-index: 2;
	}
	/* Sub Site Search */
	 .subsite .search {
		 border: none;
	}
	 .subsite-menu .search {
		 margin-top: 3px;
	}
	 .subsite input.search-box {
		 visibility: hidden;
		 width: 0px;
	}
	 .subsite input.search-box.on {
		 width: 200px;
		 visibility: visible;
		 transition: width .75s ease-in-out!important;
		 -moz-transition: width .75s ease-in-out!important;
		 -ms-transition: width .75s ease-in-out!important;
		 -o-transition: width .75s ease-in-out!important;
		 -webkit-transition: width .75s ease-in-out!important;
		 border: 1px solid #bcbdbd!important;
	}
	/* Sub Site Nav Mega Menu Off*/
	 .subsite-menu.span30 {
		 margin: 0;
		 padding-top: 15px;
		 z-index: -2;
	}
	/* Sub Site Nav Mega Menu On */
	 .subsite-menu.span30.on {
	     background: #fff; /* added background because there was a weird overlay on mobile devices while using the menu */
		 z-index: 2;
	}
	/* Sub Site Mega Menu Button */
	 .subsite .mgmenu-btn {
		 font-size: .8em;
		 margin: 3px 5px 3px 0;
		 max-width: 86px;
		 padding: 6px 9px 3px 9px;
		 float: right;
	}
	 .subsite .mgmenu-btn.on {
		 background: #27437a;
		 color: #fff;
	}
	 .subsite .sitemenu-search {
		 float: right;
		 min-width: 25%;
		 max-width: 25%;
		 display: block;
	}
	/* Sub Site Mega Menu Container */
	 .subsite .mgmenu-container {
		 height: 0;
	}
	.subsite-menu.span30 {
	    border-bottom: 1px solid #e9e9e9;
	}
	/* Sub Site Breadcrumbs */
	 .subsite.homepage .breadcrumbs.page-inner {
		 display: none;
	}
	/* Sub Site Breadcrumbs */
	 .subsite.homepage .breadcrumbs.page-inner {
		 margin-bottom: 14px;
	}
	 .subsite .breadcrumbs ul {
		 margin: 0;
	}
	 .subsite .breadcrumbs.page-inner {
		 padding-bottom: 15px;
		 padding-top : 15px;
	}
	.subsite .content-container.landing .breadcrumbs.page-inner {
	    padding-top : 0;
	}
	 .subsite .content-container.content.page-inner .breadcrumbs {
	     padding-top: 15px;
		 margin-bottom: 8px;
	}
	/* Sub Site Main Section */
	/* Disabled by Prashanth to fix widget duplication issues. */
	/* .main-content.span19.subsite {
		 padding: 0;
		 width: 59%;
	} */
	/* Sub Site Left Column */
	 .left-col.subsite {
	/* Disabled by Prashanth to fix widget duplication issues. */
		 /* display: block; */
		 padding-left: 3%;
		 width: 32.5%;
	}
	/* Disabled by Prashanth to fix widget duplication issues. */
	/* .left-col.subsite .show-desktop {
		 display: block;
	} */
	/* Sub Site Left Column Callouts */
	 .left-col.subsite .callout.img {
		 padding: 0;
	}
	 .left-col.subsite .callout {
		 padding: 18px 30px;
	}
	 .left-col.subsite .callout > .title {
		 font-size: 1.35em;
	}
	 .left-col.subsite .callout > a.btn {
		 font-size: 1.2em;
		 padding: 8px 16px;
	}
	 .left-col.subsite .callout > .subtitle {
		 font-size: 1.1em;
	}
	 .left-col.subsite .callout > .copy {
		 font-size: .929em;
		 line-height: 1.55;
		 padding: 0 0 2px 0;
	}
	/* Sub Site Footer */
	 .subsite .footer.full {
		 z-index: 0;
	}
	 .subsite .footer-top.page-inner {
		 padding-left: 5.5%;
		 width: 89%;
	}
	 .subsite .mgmenu > li.active > span > a, .subsite .mgmenu > li > span > a {
		 padding-top : 12px;
		 padding-bottom : 12px;
	}
	 .subsite .mgmenu > li.active.home > span > a {
		 background : #495965;
	}
	 .subsite .mgmenu > li.active > span > a {
		 color : #004780;
	}
	 .subsite .mgmenu > li.home.active > span > a {
		 color : #ffffff;
	}
	 .subsite .mgmenu > li.home:hover > span > a, .subsite .mgmenu > li.home:focus > span > a, .subsite .mgmenu > li.home.active:hover > span > a, .subsite .mgmenu > li.home.active:focus > span > a, .subsite .mgmenu > li.sub:hover > span > a, .subsite .mgmenu > li.sub:focus > span > a {
		 background: #69b3e7;
		 color : #000000;
	}
}
@media only screen and (max-width: 800px) {
    .subsite .footer-column {
        max-width: none;
        text-align: center;
        display:block;
        border-bottom : 15px solid #004477;
    }
    .subsite .footer-column-span {
        max-width: none;
        display:block;
        text-align : center;
        padding-left: 0;
        border-bottom : 15px solid #004477;
    }
    
}
 @media only screen and (max-width: 580px) {
    /* Sub Site Task Bar */
    .subsite-task-nav {
        background-color: #1b5c8c;
        margin-bottom: 0;
    }
	.subsite-menu.span30 {
	    border-bottom: 1px solid #e9e9e9;
	}
	.subsite-title-img {
	    width: 100%;
	}
	/* Sub Site Head Tags */
	 .subsite-title, .subsite-title-full {
		 font-size: 1.8em;
		 line-height: 1.2em;
		 min-width: 58%;
		 max-width: 58%;
		 padding: 0 0 16px 0;
	}
	 .subsite .sitemenu-search {
		 min-width: 42%;
		 max-width: 42%;
	}
	 .subsite-menu .search {
		 margin-top: 0;
	}
	 .show-mobile .search-btn {
		 margin-top: 0;
		 height: 30px;
	}
	 .show-mobile .search-btn.on {
		 border-top: 1px solid #bcbdbd;
		 border-right: 1px solid #bcbdbd;
		 border-bottom: 1px solid #bcbdbd;
		 margin-left: 5px;
		 margin-top: 0;
	}
	.subsite.homepage .content-container.landing {
	 padding-top: 10px;
	}
	/* Sub Site Alert */
	 .subsite.homepage .alert-container {
	    margin-left: 3.9%;
	    margin-right: 3.9%;
	    width:92.2%;
	}
	 .subsite .alert-container {
		 margin-top: 0;
		 width: 100%;
	}
	/* Sub Site Mega Menu Button */
	 .subsite .mgmenu-btn {
		 margin-top: 0;
	}
	/* Sub Site Breadcrumbs */
	 .subsite.homepage .breadcrumbs.page-inner {
		 display: none;
	}
	 .subsite .breadcrumbs.page-inner {
		 padding-bottom: 10px!important;
	}
	/* Sub Site Mega Menu Hide */
	.subsite .mgmenu-container {
	    height: 0!important;
	}
	/* Sub Site Main Section */
	 .main-content.span19.subsite {
		 padding: 0 3% 0 5%;
		 width: 96%;
	}
	 .left-col.subsite .show-desktop {
		 display: none;
	}
	 .left-col-mobile.show-mobile {
		 display: block!important;
	}
	/* Sub Site Footer */
	 .subsite .footer-top {
		 margin: 0;
		 padding-top: 23px;
	}
	 .subsite .footer-top.page-inner {
		 padding-left: 0;
		 width: 98%;
	}
	 .subsite .footer-column, .subsite .footer-column:first-child {
		 border-right: none;
		 display: block;
		 /*float: left;*/
		 margin-bottom: 18px;
		 max-width: 94%;
		 padding: 0 6%;
		 text-align: center;
		 width: 100%;
	}
	 .subsite .footer-column-span {
		 max-width: 94%;
		 padding-left: 6%;
		 padding-bottom: 10px;
	}
	 .subsite-title-img.sti-left {
		 float: none;
	}
}
 @media only screen and (max-width: 380px) {
	/* Search Form */
	 input.search-box.on, input[type=text].search-box.on {
		 width: 115px;
	}
	/* Sub Site Head Tags */
	 .subsite-title, .subsite-title-full {
		 max-width: 57%;
	}
}