:root { --coastblue: #01b0ab; }

.microsite .header-container {position: static;}
.microsite .header-wrap {position: relative; background: #ffffff; position: relative;}
.microsite .header {position: static;}
.microsite .header a.logo {background: none!important; width: 100%!important; height: auto!important;}
.microsite .header-container.homeheader, .microsite .innerbanners .header-container {background: none; background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); position: absolute; top: 0; left: 0;}
.microsite .header-container.homeheader .header-wrap, .microsite .innerbanners .header-wrap {background: none;}
.microsite .header .right {width: 50%;}

.microsite .innerbanners .header a.logo, .microsite .header-container.homeheader .header a.logo {background: none!important;}

.microsite .header a.logo {display: inline-block; padding: 20px 0 0 95px; position: relative; box-sizing: border-box; min-height: 84px; text-decoration: none; color: #000000;}
.microsite .header a.logo .icon {width: 75px; position: absolute; top: 0; left: 0;}
.microsite .header a.logo .name {font-size: 175%; font-weight: 500; display: block; line-height: 90%; letter-spacing: -0.5px;}
.microsite .header a.logo .name .tag {font-size: 60%; margin: 4px 0 0 0; font-weight: 300; display: block; line-height: 100%; padding: 0; letter-spacing: 0;;}
.microsite .header .left {float: left; width: 500px;}

.microsite .header-container.homeheader .header a.logo, .microsite .innerbanners .header a.logo {color: #ffffff;}

.microsite .nav-wrap {background: #000d3d;}
.microsite .nav {background: none;}
.microsite .header-container.homeheader .nav-wrap, .microsite .innerbanners .nav-wrap {background: none; position: relative;}
.microsite .header-container.homeheader .nav, .microsite .innerbanners .nav {background: #000d3d;}

.microsite .schoolsidebar .sliderbutton {height: 288px; background: url(/images/microsite-sidebar-button.png) no-repeat 0 0; background-size: 100%;}
.microsite .schoolsidebar .inner {background: var(--coastblue);}

.microsite .title-wrap {background: #000d3d;}

.microsite .innerbanners .title-wrap {background: none;}
.microsite .innerbanners .banners .banner .image {background: #000000;}
.microsite .innerbanners .banners .banner .image img {opacity: 0.7;}

.microsite .nav li a {padding: 20px 15px 15px 15px;}
.microsite .nav li li a {padding: 0 0 0 20px;}

.microsite .home {background: #e8e8e8;}
.microsite .home .content .introbox .caption img {border: none;}

.microsite .content a {font-weight: 700;}
.microsite .breadcrumb p a {font-weight: 300;}

.microsite .newsfeed .newsstory {width: 48%;}
.microsite .newsfeed .newsstory.twitter {width: 31.333%;}

.microsite .banners .banner .image img {opacity: 1;}
.microsite .banners {background: #000d3d;}
.microsite .banners .banner .inner .bannertext {bottom: auto; top: 260px; left: 0; right: auto; background: rgba(0,0,0,0.6); box-sizing: border-box; padding: 30px 40px 20px 40px; text-align: left; max-width: 500px;}
.microsite .banners .banner .inner .bannertext p {max-width: 100%; font-size: 120%;}

.microsite .gridboxessection {background: #11286b;}
.microsite .gridboxes .box .image {background: #ffffff;}
.microsite .gridboxes .box .text * {color: #ffffff;}
.microsite .gridboxes.videos .box .text h4, .microsite .gridboxes.videos .box .text p { color: #000000; }

.microsite .dropdown h3 {color: #ffffff!important;}

.microsite .latestsection .content h2, .microsite .twittersection .content h2 {color: #000000;}

.microsite .home .content .introbox h1, .microsite .home .content .introbox h2, .microsite .home .content .introbox h3, .microsite .home .content .introbox h4 {color: #000000;}

@media screen and (max-width: 1024px){
	.microsite .header .left {width: 35%;}
	.microsite .nav li a {padding: 20px 10px 15px 20px;}
}
@media screen and (max-width: 770px){
	.microsite .mobile-header a.logo {display: inline-block; padding: 4px 0 0 65px; position: relative; box-sizing: border-box; min-height: 55px; text-decoration: none; color: #000000;}
	.microsite .mobile-header a.logo .icon {width: 50px; position: absolute; top: 0; left: 0;}
	.microsite .mobile-header a.logo .name {font-size: 140%; font-weight: 500; display: block; line-height: 90%; letter-spacing: -0.5px;}
	.microsite .mobile-header a.logo .name .tag {font-size: 60%; margin: 4px 0 0 0; font-weight: 300; display: block; line-height: 100%; padding: 0; letter-spacing: 0;;}
	.microsite .mobile-header .left {float: left; width: 280px;}
}
@media screen and (max-width: 700px){
	.microsite .banners .banner .inner .bannertext {padding: 20px; max-width: 100%; position: static; background: none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;}
	.microsite .innerbanners .title-wrap {background: #000d3d;}
	.microsite .innerbanners .banners .banner .image img {opacity: 1;}

	.microsite .newsfeed {width: 100%; margin-left: 0;}
	.microsite .newsfeed .newsstory {width: 100%; margin: 0 0 10px 0;}
}