.subnav_title { display: none; }
.header_mobile_menu { height: 0px; }
.header_mobile_menu.open { height: 300px; }
.fullbleed.landingpromo { height: auto; min-height: auto; }
.fullbleed.landingpromo .overlay { display: none; }
.fullbleed.landingpromo .heroPhoto { width: 100%; height: auto; }
.fullbleed.landingpromo .heroPhoto > ul { list-style: outside none none; padding: 10px; margin: 0px; }
.fullbleed.landingpromo .heroPhoto > ul > li > a { text-decoration: none; }
.fullbleed.landingpromo .heroPhoto > ul > li > a > h3 { font-weight: normal; color: rgb(100, 100, 100); text-transform: uppercase; text-align: center; font-size: 24px; }
.fullbleed.landingpromo .overlay .copyandlink { padding: 10px 30px 30px; }
.fullbleed.landingpromo .overlay > img { width: 100%; height: auto; }
.fullbleed.landingpromo .iconwrapper { height: 60px; width: 100%; position: relative; }
.fullbleed.landingpromo .iconwrapper .icon { width: 71px; height: 71px; border-radius: 45px; margin: 0px auto; }
.kids .icon { background: rgb(85, 186, 183) url(30f0db6cd0e9bbe66b5c43b83af91ed547474b66.png)  no-repeat scroll center center; }
.educators .icon { background: rgb(143, 212, 0) url(66ac677683515b9f5bb07a943ce423901f443875.png)  no-repeat scroll center center; }
.parents .icon { background: rgb(239, 130, 0) url(b1fcc1599767e61b5a704b16cee0ec409d2c90cb.png)  no-repeat scroll center center; }
.kids .iconwrapper { background: transparent url(eecdc1260ed0c4d60c464c50963db745ab69e042.png)  repeat-x scroll 0% 0%; }
.educators .iconwrapper { background: transparent url(ec0e7bb365f150f3e28ed3858377afd502453f69.png)  repeat-x scroll 0% 0%; }
.parents .iconwrapper { background: transparent url(834624abce43012ffb8b48a014078c8e8eab07a7.png)  repeat-x scroll 0% 0%; }
.fullbleed.landingpromo .overlay .iconwrapper { margin-top: -34px; }
.fullbleed.landingpromo .overlay .copyandlink .copy p { font-weight: normal; color: rgb(130, 130, 130); font-size: 16px; }
.fullbleed.landingpromo .overlay .copyandlink .iconwrapper .button {  }
@media only screen and (min-width: 768px) {
  .fullbleed.landingpromo { margin-top: 0px; }
  .fullbleed.landingpromo .heroPhoto > ul { min-height: 543px; margin: 0px auto; }
  .fullbleed.landingpromo .heroPhoto > ul > li { width: 325px; height: 503px; margin: 40px 3px 0px; float: left; position: relative; }
  .fullbleed.landingpromo .heroPhoto > ul > li .bottom_bumper { margin-top: 360px; display: block; }
  .fullbleed.landingpromo .overlay { display: block; position: absolute; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 10px rgb(170, 170, 170); max-width: 325px; z-index: 10; bottom: 0px; overflow: hidden; height: 160px; opacity: 0; transition: all 0.25s linear 0s; }
  .fullbleed.landingpromo .heroPhoto > ul > li > .overlay:hover { opacity: 1; display: block; height: 503px; }
  .fullbleed.landingpromo .heroPhoto { height: 444px; }
  .fullbleed.landingpromo .heroPhoto > ul > li { width: 250px; }
  .fullbleed.landingpromo .overlay .copyandlink > .copy { height: 190px; }
}
@media only screen and (min-width: 996px) {
  .fullbleed.landingpromo .heroPhoto > ul > li { width: 325px; }
  .fullbleed.landingpromo .overlay .copyandlink > .copy { height: 130px; }
}
.heroNav { display: none; }
.mobileNav { display: block; }
.heroNav .nav-button { width: 233px; float: left; }
.primary-bg { background: rgb(85, 186, 183) none repeat scroll 0% 0%; }
.secondary-bg { background: rgb(143, 212, 0) none repeat scroll 0% 0%; }
.tertiary-bg { background: rgb(239, 130, 0) none repeat scroll 0% 0%; }
.left-horseshoe { border-width: 7px 0px 7px 7px; border-style: solid; }
.tertiary-border { border-color: rgb(239, 130, 0); }
.secondary-border { border-color: rgb(143, 212, 0); }
.primary-border { border-color: rgb(85, 186, 183); }
.root-nav-icon { background: transparent url(a130e6dfc8cbff2d474cb27b61c6e6f301cb3e99.png)  no-repeat scroll 0% 0%; width: 50px; height: 50px; display: inline-block; }
.nav-triangle { height: 0px; width: 0px; border-top: 35px solid transparent; border-bottom: 35px solid transparent; border-left-width: 32px; border-left-style: solid; display: inline-block; position: relative; }
.nav-inside-triangle { height: 0px; width: 0px; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 25px solid white; position: absolute; top: -28px; left: -33px; opacity: 0; display: block; }
.educators-nav-icon-inverted {  }
.educators-nav-icon { background-position: 0px -98px; }
.kids-nav-icon { background-position: 0px -48px; }
.parents-nav-icon { background-position: 0px 0px; }
.left-horseshoe { text-decoration: none; }
.heroNav > .kids > .nav-button { opacity: 1; box-sizing: border-box; }
.heroNav > .educators > .nav-button { opacity: 1; box-sizing: border-box; }
.heroNav > .parents > .nav-button { opacity: 1; box-sizing: border-box; }
.heroNav > .kids { width: 265px; float: left; }
.heroNav > .educators { width: 265px; float: left; }
.heroNav > .parents { width: 265px; float: left; }
.nav-text { display: inline-block; font: 800 25px "thesansbw5_plain",Helvetica,Arial,"Francois One",sans-serif; text-transform: uppercase; text-decoration: none ! important; color: white; text-align: right; vertical-align: top; padding-top: 12px; }
.kids:hover .nav-text { color: rgb(85, 186, 183); }
.educators:hover .nav-text { color: rgb(143, 212, 0); }
.parents:hover .nav-text { color: rgb(239, 130, 0); }
.root-nav-icon {  }
.kids:hover .root-nav-icon { background-position: -50px -50px; }
.educators:hover .root-nav-icon { background-position: -50px -100px; }
.parents:hover .root-nav-icon { background-position: -50px 0px; }
.nav-container:hover .nav-inside-triangle { opacity: 1; }
.heroNav > .kids:hover .nav-button { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(85, 186, 183) ! important; box-sizing: border-box; }
.heroNav > .educators:hover .nav-button { background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-sizing: border-box; }
.heroNav > .parents:hover .nav-button { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(239, 130, 0) ! important; box-sizing: border-box; }
@media only screen and (min-width: 768px) {
  .mobileNav { display: none; }
  .heroNav { display: block; width: 200px; height: 400px; float: right; margin: 105px 8% 0px 0px; }
  .heroNav li { width: 280px; height: 70px; margin: 5px 0px; list-style: outside none none; cursor: pointer; }
  .heroNav li a { width: 100%; height: 70px; float: right; }
}
@media only screen and (min-width: 996px) {
  .mobileNav { display: none; }
  .heroNav { display: block; width: 290px; height: 400px; float: right; margin: 107px 0px 0px; }
  .heroNav li { width: 280px; height: 70px; margin: 5px 0px; list-style: outside none none; cursor: pointer; }
  .heroNav li a { width: 100%; height: 70px; float: right; }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 996px) {
}
#mission_container {  }
#mission_container div { background: rgb(0, 43, 68) none repeat scroll 0% 0%; border: 3px solid rgb(255, 255, 255); padding: 5px; }
#mission_container img { display: none; }
#mission_container h2 { color: rgb(255, 255, 255); padding-left: 10px; font-size: 28px; }
#mission_container p { color: rgb(168, 168, 168); padding-left: 10px; font-size: 20px; font-family: Helvetica,Arial sans-serif; }
#mission_content { margin: 0px auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 9px; border: 5px solid orange; padding-bottom: 20px; }
#mission_content h3 { color: rgb(85, 186, 183); font-size: 52px; line-height: 1.2em; margin: 0px; padding: 16px 0px 10px 15px; }
#mission_content p { color: rgb(130, 130, 130); font-size: 24px; line-height: 1.4em; margin: 0px; padding: 0px 15px 15px; }
#mission_content .button { width: 180px; margin: 5px 0px 0px 15px; }
@media only screen and (min-width: 768px) {
  #mission_container { width: 100%; height: 229px; padding: 0px; margin: 0px; }
  #mission_container img { display: inline; width: 250px; }
  #mission_container div { display: none; }
  #mission_content h3 { color: rgb(85, 186, 183); font-size: 18px; margin: 0px; padding: 16px 0px 10px 15px; }
  #mission_content p { color: rgb(130, 130, 130); font-size: 13px; line-height: 16px; margin: 0px; padding: 0px 15px 15px; }
  #mission_content { width: 232px; height: 202px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 9px; border: 5px solid orange; margin: 0px auto; }
}
@media only screen and (min-width: 996px) {
  #mission_container { width: 100%; height: 295px; padding: 0px; margin: 0px; }
  #mission_container img { width: 100%; }
  #mission_container div { display: none; }
  #mission_content { width: 235px; height: 223px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 9px; border: 5px solid orange; }
  #mission_content .button { width: 198px; }
}
.gridbox_carousel_content > img, .gridbox_carousel_content > a > * { height: auto; width: 100%; }
.gridbox_carousel { width: auto; margin-left: 0px; position: relative; }
.gridbox_carousel ul { margin: 0px; padding: 0px; list-style: outside none none; display: block; }
.gridbox_carousel li { font-size: 40px; color: rgb(153, 153, 153); text-align: center; width: 100%; height: auto; padding: 0px; margin: 0px; display: block; float: left; }
.gridbox_carousel #carousel_buttons { display: block; width: 90px; height: 22px; float: right; margin: 22px 10px 0px 0px; }
.gridbox_carousel #carousel_buttons > li { display: block; width: 10px; height: 10px; background: transparent url(da3364633f7ea95ddc8cd9293cf8d25bce50067c.png)  no-repeat scroll right bottom; margin: 8px 3px; }
.gridbox_carousel #carousel_buttons > li.selected { background: transparent url(865174cab3aed09a55a97fcef4b246b7d1516082.png)  no-repeat scroll right bottom; }
#carousel_nav_container { position: absolute; bottom: 0px; height: 45px; width: 100%; background: transparent url(b85126fd95cfadb895b2355934bd7adc471c3421.png)  no-repeat scroll right bottom; border-bottom: 4px solid rgb(0, 121, 135); }
.searchresults > .content { padding: 10px; }
.searchresults > .content > h1 { color: rgb(80, 80, 80); }
.searchresults > .content { color: rgb(128, 128, 128); }
.searchresults > .content ol { color: rgb(80, 80, 80); }
.searchresults > .content a { color: rgb(0, 121, 135); display: block; }
.searchresults > .content a:hover { color: rgb(0, 80, 89); }
@media only screen and (max-width: 768px) {
  .heroPhoto { background: transparent none repeat scroll 0% 0% ! important; }
}