/* Colors ---------------------- */
/* Task colors ----------------- */
/* Accordion colors ------------ */
/* Accordion padding ----------- */
/* Bar chart colors ------------ */
/* Cutpoint colors -------------- */
/* Font Families ---------------- */
/* Clearfix */
.cf:before,
.cf:after {
  content: ".";
  display: table;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
/* ----------------- */
body {
  background-color: #fff;
  color: #585858;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
/* PAGE ELEMENTS */
/* ----------------- */
a {
  color: #c69214;
}
a:hover,
a:focus {
  cursor: pointer;
  text-decoration: none;
}
h1 {
  color: #262b69;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1023px) {
  h1.siteName {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  h1.siteName {
    font-size: 2.4375em;
  }
}
h2 {
  color: #001871;
  font-size: 22px;
  font-weight: 400;
  margin: 0;
}
h3 {
  color: #41639e;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 1em;
}
h4 {
  color: #00a795;
  font-size: .95em;
  font-weight: 700;
  margin: 0;
}
strong {
  font-weight: 700;
}
input[type=radio]:focus {
  background-color: lightyellow;
  border: 1px solid #d7d7d7;
}
#headericons {
  position: absolute;
  top: 0;
  left: 10px;
}
.logo a {
  display: block;
  background: url(img/logo_white.png) no-repeat top left;
  color: #153359;
  height: 56px;
  width: 92px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.0em;
  margin: 7px 0 0;
  padding: 0;
}
/* http://webaim.org/techniques/css/invisiblecontent/ */
.off-screen {
  position: absolute;
  left: -100000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.accessible {
  font-size: 14px;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}
.about-box {
  float: left;
  margin: 0 0 3em;
  width: 50%;
}
.about-box:after {
  content: "";
  display: table;
  clear: both;
}
.about-box .about-box__inner {
  padding: 0;
}
.about-box.about-box--left .about-box__inner {
  padding-right: 10px;
}
.about-box h3 {
  color: #001871 !important;
  font-size: 1.5em !important;
  font-weight: 600 !important;
  margin: 1em 0 .5em;
  text-align: left;
}
.about-box p {
  font-size: .875em;
  margin: .25em 0 1em;
}
.about-box .about-box__link a {
  font-size: 1.125em;
  font-weight: 600;
  text-decoration: none;
}
.about-box .about-box__link a:hover {
  text-decoration: underline;
}
.at-a-glance {
  bottom: 8px;
  color: #fff;
  font-size: .875em;
  font-weight: 400;
  position: absolute;
  right: 0;
}
.at-a-glance a {
  display: inline-block;
  margin-left: 5px;
  text-decoration: underline;
}
.at-a-glance a:hover {
  text-decoration: none;
}
.box__row {
  clear: left;
  margin: 1em 0 2em;
}
.box__row:after {
  content: "";
  display: table;
  clear: both;
}
.box__row.box__row1 .box,
.box__row.box__row3 .box {
  background: #f1efed;
}
.box__row.box__row2 .box {
  background: #fff;
}
.box__row.box__row--last {
  margin-bottom: 0;
}
.box__row h3 {
  color: #001871 !important;
  font-size: 1.1875em !important;
}
.box {
  background: #fff;
  float: left;
  margin: 1em 1.5em 0 0;
  position: relative;
}
.box.box--no-margin {
  margin-right: 0;
}
@media only screen and (max-width: 1023px) {
  .box {
    min-height: 300px;
    width: 240px;
  }
}
@media only screen and (min-width: 1024px) {
  .box {
    min-height: 245px;
    width: 315px;
  }
}
.box:before {
  background: url(img/corner-fold--gray.png) no-repeat top right;
  content: '';
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
}
.box.box--on-white:before {
  background-image: url(img/corner-fold--white.png);
}
.box .box__header {
  padding: .5em 1em 0;
}
.box .box__header h3 {
  color: #191919;
  font-weight: 700;
  margin-bottom: .25em;
  padding-right: 1em;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .box .box__header h3 {
    font-size: .875em;
  }
}
@media only screen and (min-width: 1024px) {
  .box .box__header h3 {
    font-size: .9375em;
  }
}
.box .box__header h4 {
  color: #4c4c4c;
  font-weight: 700;
  margin-bottom: .25em;
}
@media only screen and (max-width: 1023px) {
  .box .box__header h4 {
    font-size: .8125em;
  }
}
@media only screen and (min-width: 1024px) {
  .box .box__header h4 {
    font-size: .875em;
  }
}
.box .box__content {
  padding: 0 1em 3em;
}
.box .box__content:after {
  content: "";
  display: table;
  clear: both;
}
.box .box__content p {
  color: #001871;
  line-height: 1.5em;
  margin: 1em 0 0;
}
@media only screen and (max-width: 1023px) {
  .box .box__content p {
    font-size: 1em;
    padding: 0 .25em 1.5em;
  }
}
@media only screen and (min-width: 1024px) {
  .box .box__content p {
    font-size: 1.0625em;
    padding: 0 .75em 1.5em;
  }
}
.box .box__content p.icon-big-up {
  background: url(img/icon-big-up.png) no-repeat right top;
  margin-right: .5em;
  padding-right: 80px;
}
.box .box__content p.icon-big-down {
  background: url(img/icon-big-down.png) no-repeat right top;
  margin-right: .5em;
  padding-right: 80px;
}
.box .box__content p.icon-big-up-down {
  background: url(img/icon-up-down.png) no-repeat right top;
  margin-right: 1em;
  padding-top: .5em;
  padding-right: 60px;
}
.box .box__content .link-explore {
  bottom: 16px;
  line-height: 1.2em;
  max-width: 75%;
  position: absolute;
  right: 16px;
  text-align: right;
}
@media only screen and (max-width: 1023px) {
  .box .box__content .link-explore {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  .box .box__content .link-explore {
    font-size: 14px;
  }
}
.box.box-state.box--on-white .box__header,
.box.box-district.box--on-white .box__header {
  background: #e2dfdb;
  min-height: 50px;
  padding: .75em 1em;
}
.box.box-state.box--on-white .box__header h3,
.box.box-district.box--on-white .box__header h3 {
  color: #001871;
  font-size: 1.25em;
  line-height: 1.2em;
  margin: 0;
  text-transform: none;
}
.box.box-state.box--on-white .box__content,
.box.box-district.box--on-white .box__content {
  background: #f1efed;
  padding: .75em .5em 56px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .box.box-state.box--on-white .box__content,
  .box.box-district.box--on-white .box__content {
    min-height: 235px;
  }
}
@media only screen and (min-width: 1024px) {
  .box.box-state.box--on-white .box__content,
  .box.box-district.box--on-white .box__content {
    min-height: 194px;
  }
}
.box.box-state.box--on-white .box__content p,
.box.box-district.box--on-white .box__content p {
  color: #4c4c4c;
  font-size: .875em;
  padding-bottom: .5em;
}
.box.box-state.box--on-white .box__content p.contains-link,
.box.box-district.box--on-white .box__content p.contains-link {
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: 94%;
}
.box.box-state.box--on-gray .box__header,
.box.box-district.box--on-gray .box__header {
  background: #e2dfdb;
  min-height: 50px;
  padding: .75em 1em;
}
.box.box-state.box--on-gray .box__header h3,
.box.box-district.box--on-gray .box__header h3 {
  color: #001871;
  font-size: 1.25em;
  line-height: 1.2em;
  margin: 0;
  text-transform: none;
}
.box.box-state.box--on-gray .box__content,
.box.box-district.box--on-gray .box__content {
  background: #fff;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .box.box-state.box--on-gray .box__content,
  .box.box-district.box--on-gray .box__content {
    min-height: 235px;
    padding: .75em .5em 90px;
  }
}
@media only screen and (min-width: 1024px) {
  .box.box-state.box--on-gray .box__content,
  .box.box-district.box--on-gray .box__content {
    min-height: 194px;
    padding: .75em .5em 56px;
  }
}
.box.box-state.box--on-gray .box__content p,
.box.box-district.box--on-gray .box__content p {
  color: #4c4c4c;
  font-size: .875em;
  padding-bottom: .5em;
}
.box.box-state.box--on-gray .box__content p.contains-link,
.box.box-district.box--on-gray .box__content p.contains-link {
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: 94%;
}
@media only screen and (max-width: 1023px) {
  .box.box-district {
    min-height: 300px;
    width: 370px;
  }
}
@media only screen and (min-width: 1024px) {
  .box.box-district {
    min-height: 245px;
    width: 500px;
  }
}
@media only screen and (max-width: 1023px) {
  .box.box-district.box--on-gray .box__content {
    min-height: 140px;
  }
}
@media only screen and (min-width: 1024px) {
  .box.box-district.box--on-gray .box__content {
    min-height: 148px;
  }
}
.page-home .box {
  background: #f1efed;
  border: 1px solid #e7e7e8;
  float: left;
}
.page-home .box:before {
  background-image: url(img/corner-fold--green.png);
  height: 38px;
  right: -1px;
  top: -1px;
  width: 39px;
}
@media only screen and (max-width: 1023px) {
  .page-home .box {
    margin: 0 0 1em;
    min-height: 200px;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .page-home .box {
    margin: 0 1em 1em 0;
    min-height: 340px;
    width: 500px;
  }
  .page-home .box.box--even {
    margin-right: 0;
  }
}
.page-home .box .box__header h3 {
  color: #6e695e !important;
  font-weight: 700;
  margin-bottom: .25em;
  padding-right: 1em;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .page-home .box .box__header h3 {
    font-size: .875em;
  }
}
@media only screen and (min-width: 1024px) {
  .page-home .box .box__header h3 {
    font-size: .9375em;
  }
}
.page-home .box .box__header h4 {
  color: #4c4c4c;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: .25em;
}
@media only screen and (max-width: 1023px) {
  .page-home .box .box__header h4 {
    font-size: .8125em;
  }
}
@media only screen and (min-width: 1024px) {
  .page-home .box .box__header h4 {
    font-size: .875em;
  }
}
.page-home .box .box__content {
  padding-bottom: 3em;
}
.page-home .box .box__content p {
  color: #001871;
  font-size: 1.25em !important;
  font-weight: 400 !important;
  margin: 0;
  padding: 1em 0 0;
}
.page-home .box .box__content .link-explore {
  font-size: 1em;
}
.page-home .box .box__content .link-explore a {
  text-decoration: none;
}
.page-home .box .box__content .link-explore a:hover {
  text-decoration: underline;
}
.page-home .box .box__content .box__content__graphical {
  display: table;
  float: right;
  margin: 0 0 0 3em;
}
.page-home .box .box__content .box__content__graphical .column {
  color: #656565;
  display: table-cell;
  line-height: 1em;
  padding: 15px 10px 0;
  text-align: left;
  vertical-align: middle;
}
.page-home .box .box__content .box__content__graphical .column span {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 46px;
  font-weight: bold;
  line-height: 1em;
}
.page-home .box .box__content .box__content__graphical .column span.up {
  color: #001871;
}
.page-home .box .box__content .box__content__graphical .column span.down {
  color: #bdc9db;
}
.page-home .box .box__content .box__content__graphical .row {
  display: table-row;
  height: 65px;
}
.page-home .box .box__content .box__content__graphical .row:first-child {
  height: 20px;
}
.page-home .box .box__content .box__content__graphical h4 {
  color: #656565;
  margin: 0 0 5px;
  text-align: center;
}
.page-home .box .box__content .box__content__graphical h5 {
  color: #a19788;
  margin: 0;
  text-align: center;
}
.box.box--wide,
.box.box--extra-wide {
  min-height: initial;
  width: 100%;
}
.box.box--wide .box__content-cell,
.box.box--extra-wide .box__content-cell {
  display: inline-block;
  max-width: 23%;
  vertical-align: top;
}
@media only screen and (max-width: 1023px) {
  .box.box--wide .box__content-cell,
  .box.box--extra-wide .box__content-cell {
    margin-right: 1.75em;
  }
}
@media only screen and (min-width: 1024px) {
  .box.box--wide .box__content-cell,
  .box.box--extra-wide .box__content-cell {
    margin-right: 5em;
  }
}
.box.box--wide .box__content-cell p,
.box.box--extra-wide .box__content-cell p {
  font-size: 1em !important;
  margin: 0;
}
.box.box--wide .box__content-cell img,
.box.box--extra-wide .box__content-cell img {
  display: block;
  margin: 10px auto;
  text-align: center;
  width: 32px;
}
.box.box--wide .box__content-cell .box__content-cell-states,
.box.box--extra-wide .box__content-cell .box__content-cell-states {
  color: #00a795;
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
}
.box.box--wide .box__content-cell.last-cell,
.box.box--extra-wide .box__content-cell.last-cell {
  margin-right: 0;
}
.box.box--extra-wide .box__content-cell {
  max-width: 16%;
}
@media only screen and (max-width: 1023px) {
  .box.box--extra-wide .box__content-cell {
    margin-right: .5em;
  }
}
@media only screen and (min-width: 1024px) {
  .box.box--extra-wide .box__content-cell {
    margin-right: 3.5em;
  }
}
.box.box--extra-wide .box__content-cell .box__content-cell-states {
  font-size: 1em;
}
.button {
  background: #c69214;
  border: none;
  border-bottom: 2px solid #8f6a19;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  margin: 0 0 .5em;
  padding: .625em 1em;
  text-align: center;
  text-decoration: none;
}
.button:hover,
.button:focus {
  background-color: #8f6a19;
}
@media only screen and (max-width: 1023px) {
  .button {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  .button {
    font-size: 15px;
  }
}
.chart__interactions {
  background: #e7e7e8;
  margin: 0;
}
@media only screen and (max-width: 1023px) {
  .chart__interactions {
    padding: 1em 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__interactions {
    padding: 1em 24px;
  }
}
.chart__interaction {
  z-index: 400;
}
.chart__interaction__1 {
  z-index: 395;
}
.chart__interaction__2 {
  z-index: 390;
}
.chart__interaction,
.chart__interaction__1,
.chart__interaction__2 {
  color: #4c4c4c;
  display: inline-block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .875em;
  font-weight: 700;
  margin: 0 10px 0 0;
  position: relative;
  text-transform: uppercase;
}
.chart__interaction .chart__interaction-text,
.chart__interaction__1 .chart__interaction-text,
.chart__interaction__2 .chart__interaction-text {
  display: inline-block;
  margin-right: 10px;
}
.chart__interaction label,
.chart__interaction__1 label,
.chart__interaction__2 label {
  clear: both;
  color: #323232;
  display: inline-block;
  font-size: 1em;
  font-style: normal;
  margin: 0 0 0 15px;
  text-transform: none;
}
.chart__interaction label:last-child,
.chart__interaction__1 label:last-child,
.chart__interaction__2 label:last-child {
  margin-right: 0;
}
.chart__interaction label em,
.chart__interaction__1 label em,
.chart__interaction__2 label em {
  font-style: none !important;
}
.chart__interaction .selection--baseline,
.chart__interaction__1 .selection--baseline,
.chart__interaction__2 .selection--baseline,
.chart__interaction .selection--area-practices,
.chart__interaction__1 .selection--area-practices,
.chart__interaction__2 .selection--area-practices,
.chart__interaction .selection--student-group,
.chart__interaction__1 .selection--student-group,
.chart__interaction__2 .selection--student-group {
  color: #323232;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
}
.chart__interaction .selection--baseline label,
.chart__interaction__1 .selection--baseline label,
.chart__interaction__2 .selection--baseline label,
.chart__interaction .selection--area-practices label,
.chart__interaction__1 .selection--area-practices label,
.chart__interaction__2 .selection--area-practices label,
.chart__interaction .selection--student-group label,
.chart__interaction__1 .selection--student-group label,
.chart__interaction__2 .selection--student-group label {
  cursor: pointer;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  line-height: 1.3em;
  padding: 3px 0 3px 30px;
  position: relative;
  vertical-align: top;
}
@media only screen and (max-width: 1023px) {
  .chart__interaction .selection--baseline label,
  .chart__interaction__1 .selection--baseline label,
  .chart__interaction__2 .selection--baseline label,
  .chart__interaction .selection--area-practices label,
  .chart__interaction__1 .selection--area-practices label,
  .chart__interaction__2 .selection--area-practices label,
  .chart__interaction .selection--student-group label,
  .chart__interaction__1 .selection--student-group label,
  .chart__interaction__2 .selection--student-group label {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__interaction .selection--baseline label,
  .chart__interaction__1 .selection--baseline label,
  .chart__interaction__2 .selection--baseline label,
  .chart__interaction .selection--area-practices label,
  .chart__interaction__1 .selection--area-practices label,
  .chart__interaction__2 .selection--area-practices label,
  .chart__interaction .selection--student-group label,
  .chart__interaction__1 .selection--student-group label,
  .chart__interaction__2 .selection--student-group label {
    margin-bottom: 0;
  }
}
.chart__interaction .selection--baseline label > input[type="radio"],
.chart__interaction__1 .selection--baseline label > input[type="radio"],
.chart__interaction__2 .selection--baseline label > input[type="radio"],
.chart__interaction .selection--area-practices label > input[type="radio"],
.chart__interaction__1 .selection--area-practices label > input[type="radio"],
.chart__interaction__2 .selection--area-practices label > input[type="radio"],
.chart__interaction .selection--student-group label > input[type="radio"],
.chart__interaction__1 .selection--student-group label > input[type="radio"],
.chart__interaction__2 .selection--student-group label > input[type="radio"] {
  left: 3px;
  position: absolute;
  z-index: 45;
}
.chart__interaction .selection--baseline label > input[type="radio"]:focus,
.chart__interaction__1 .selection--baseline label > input[type="radio"]:focus,
.chart__interaction__2 .selection--baseline label > input[type="radio"]:focus,
.chart__interaction .selection--area-practices label > input[type="radio"]:focus,
.chart__interaction__1 .selection--area-practices label > input[type="radio"]:focus,
.chart__interaction__2 .selection--area-practices label > input[type="radio"]:focus,
.chart__interaction .selection--student-group label > input[type="radio"]:focus,
.chart__interaction__1 .selection--student-group label > input[type="radio"]:focus,
.chart__interaction__2 .selection--student-group label > input[type="radio"]:focus {
  -webkit-box-shadow: 0 0 10px 0 #61ffee;
  box-shadow: 0 0 5px 8px #5B9DD9;
}
.chart__interaction .selection--baseline label > input[type="radio"].checked + span,
.chart__interaction__1 .selection--baseline label > input[type="radio"].checked + span,
.chart__interaction__2 .selection--baseline label > input[type="radio"].checked + span,
.chart__interaction .selection--area-practices label > input[type="radio"].checked + span,
.chart__interaction__1 .selection--area-practices label > input[type="radio"].checked + span,
.chart__interaction__2 .selection--area-practices label > input[type="radio"].checked + span,
.chart__interaction .selection--student-group label > input[type="radio"].checked + span,
.chart__interaction__1 .selection--student-group label > input[type="radio"].checked + span,
.chart__interaction__2 .selection--student-group label > input[type="radio"].checked + span {
  background: #00a795;
  border: 2px solid #bdb5ab;
  box-shadow: inset 0 0 0 5px #fff;
}
.chart__interaction .selection--baseline label span,
.chart__interaction__1 .selection--baseline label span,
.chart__interaction__2 .selection--baseline label span,
.chart__interaction .selection--area-practices label span,
.chart__interaction__1 .selection--area-practices label span,
.chart__interaction__2 .selection--area-practices label span,
.chart__interaction .selection--student-group label span,
.chart__interaction__1 .selection--student-group label span,
.chart__interaction__2 .selection--student-group label span {
  background: #fff;
  border: 2px solid #c69214;
  -moz-border-radius: 50px;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: 0 5px 0 0;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 20px;
  z-index: 50;
}
.chart__interaction .selection--baseline label span:hover,
.chart__interaction__1 .selection--baseline label span:hover,
.chart__interaction__2 .selection--baseline label span:hover,
.chart__interaction .selection--area-practices label span:hover,
.chart__interaction__1 .selection--area-practices label span:hover,
.chart__interaction__2 .selection--area-practices label span:hover,
.chart__interaction .selection--student-group label span:hover,
.chart__interaction__1 .selection--student-group label span:hover,
.chart__interaction__2 .selection--student-group label span:hover,
.chart__interaction .selection--baseline label span:focus,
.chart__interaction__1 .selection--baseline label span:focus,
.chart__interaction__2 .selection--baseline label span:focus,
.chart__interaction .selection--area-practices label span:focus,
.chart__interaction__1 .selection--area-practices label span:focus,
.chart__interaction__2 .selection--area-practices label span:focus,
.chart__interaction .selection--student-group label span:focus,
.chart__interaction__1 .selection--student-group label span:focus,
.chart__interaction__2 .selection--student-group label span:focus {
  background: #c69214;
  box-shadow: inset 0 0 0 5px #fff;
}
@media only screen and (max-width: 1023px) {
  .chart__interaction.chart__interaction__center,
  .chart__interaction__1.chart__interaction__center,
  .chart__interaction__2.chart__interaction__center {
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__interaction.chart__interaction__center,
  .chart__interaction__1.chart__interaction__center,
  .chart__interaction__2.chart__interaction__center {
    text-align: center;
  }
}
.chart__interaction .chart__interaction__left,
.chart__interaction__1 .chart__interaction__left,
.chart__interaction__2 .chart__interaction__left,
.chart__interaction .chart__interaction__right,
.chart__interaction__1 .chart__interaction__right,
.chart__interaction__2 .chart__interaction__right {
  display: inline-block;
  width: 300px;
}
.chart__interaction .chart__interaction__left p,
.chart__interaction__1 .chart__interaction__left p,
.chart__interaction__2 .chart__interaction__left p,
.chart__interaction .chart__interaction__right p,
.chart__interaction__1 .chart__interaction__right p,
.chart__interaction__2 .chart__interaction__right p {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  line-height: 1.2em;
  margin: 0 0 .5em;
  text-align: left;
}
.chart__interaction .chart__interaction__left,
.chart__interaction__1 .chart__interaction__left,
.chart__interaction__2 .chart__interaction__left {
  margin-right: 50px;
}
.page-comparisons .chart__interaction table tbody tr td:nth-child(2),
.page-trends .chart__interaction table tbody tr td:nth-child(2),
.page-gaps .chart__interaction table tbody tr td:nth-child(2) {
  padding: 0 2em;
  text-align: center;
}
.page-comparisons .chart__interaction table tbody tr:nth-child(2) td:nth-child(2),
.page-trends .chart__interaction table tbody tr:nth-child(2) td:nth-child(2),
.page-gaps .chart__interaction table tbody tr:nth-child(2) td:nth-child(2) {
  font-size: 2em;
  vertical-align: top;
}
.chart__section {
  padding: 4em 0;
}
.chart__section.chart__section--last {
  padding-bottom: 0;
}
.page-home .chart__section {
  padding: 3.5em 0 2.5em;
}
.chart__section.page--about .chart__section__inner > div {
  padding-right: 300px;
}
.chart__section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.chart__section .chart__section__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__section .chart__section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__section .chart__section__inner {
    width: 1024px;
  }
}
.chart__section .chart__section__inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.chart__additional_resources {
  margin: 0;
  padding: 2em 0;
}
.chart__additional_resources .chart__additional_resources__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  clear: left;
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__additional_resources .chart__additional_resources__inner {
    width: 1024px;
  }
}
.chart__additional_resources .chart__additional_resources__inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.chart__additional_resources .chart__additional_resources__inner > h3 {
  color: #00a795;
  font-size: 1em;
  font-weight: 700;
  margin: 0 0 .25em;
  text-align: left;
  text-transform: uppercase;
}
.chart__additional_resources.chart__additional_resources--gray {
  background: #f1efed;
}
.chart__additional_resources:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.list__canvas,
.chart__canvas,
.table__canvas {
  float: left;
  width: 760px;
}
.chart__canvas--full-width {
  width: 100%;
}
.page-state-comparisons .chart__canvas .subchart__canvas.focal {
  background: #e9f3f0;
}
.page-state-comparisons .chart__canvas .subchart__canvas.focal svg rect.value,
.page-state-comparisons .chart__canvas .subchart__canvas.focal svg rect.value-highlight {
  fill: #00a795;
}
.page-state-comparisons .chart__canvas .subchart__canvas.above svg rect.value,
.page-state-comparisons .chart__canvas .subchart__canvas.above svg rect.value-highlight {
  fill: #001871;
}
.page-state-comparisons .chart__canvas .subchart__canvas.at svg rect.value,
.page-state-comparisons .chart__canvas .subchart__canvas.at svg rect.value-highlight {
  fill: #889bc0;
}
.page-state-comparisons .chart__canvas .subchart__canvas.below svg rect.value,
.page-state-comparisons .chart__canvas .subchart__canvas.below svg rect.value-highlight {
  fill: #dde2eb;
}
.page-state-comparisons .chart__canvas .subchart__canvas.below svg text {
  fill: #000000;
}
.chart__legend {
  background: #fff;
  border: 1px solid #989898;
  padding: 1em 0;
  width: 250px;
}
@media only screen and (max-width: 1023px) {
  .chart__legend {
    float: left;
    margin: 2em 0 1em;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__legend {
    float: right;
    margin: 3em 0 1em;
  }
}
.chart__legend p {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .75em;
  margin: 0;
  padding: 0 10px;
}
.chart__legend__mini {
  float: none;
  margin: 1em 0;
  padding: 1em;
  width: auto;
}
@media only screen and (min-width: 1024px) {
  .chart__legend__mini {
    border: 1px solid #979899;
    float: right;
    margin: 5px 0 1em;
    padding: .75em 1em;
    width: 228px;
  }
}
.chart__legend__mini .arrow-up,
.chart__legend__mini .arrow-down {
  text-align: left;
}
@media only screen and (max-width: 1023px) {
  .chart__legend__mini .arrow-up,
  .chart__legend__mini .arrow-down {
    margin: 0 0 0 6em;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__legend__mini .arrow-up,
  .chart__legend__mini .arrow-down {
    margin: 0;
  }
}
.chart__legend__mini .arrow-up .text,
.chart__legend__mini .arrow-down .text {
  color: #231f20;
  font-size: .875em;
  font-weight: 700;
  padding-left: 5px;
  position: relative;
  top: -10px;
}
.chart__legend__mini .rounding-note.text {
  color: #231f20;
  font-size: .875em;
  font-weight: 700;
}
.chart__footnote {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .75em;
  margin: 0 0 1em;
  padding: 0;
  width: 250px;
}
.chart__footnote var {
  font-style: italic;
}
@media only screen and (max-width: 1023px) {
  .chart__footnote {
    clear: left;
    float: none;
    width: 500px;
  }
}
@media only screen and (min-width: 1024px) {
  .chart__footnote {
    float: right;
  }
  .page-home .chart__footnote,
  .section--featured-reading .chart__footnote,
  .section--featured-mathematics .chart__footnote,
  .page-achievement .chart__footnote,
  .page-groups #chart_loc_2 .chart__footnote {
    float: none;
    width: 500px;
  }
  .page-groups #chart_loc_1 .chart__footnote {
    clear: right;
    width: 250px;
  }
}
.chart__footnote .data-sig-diff-gap,
.chart__footnote .data-insig-diff-gap {
  display: inline-block;
  font-size: 12px;
  padding: 0 0 10px;
  position: relative;
  width: 100%;
}
.chart__footnote .data-sig-diff-gap span {
  background-color: #001871;
  -moz-border-radius: 12.5px;
  border-radius: 12.5px;
  color: #fff;
  display: inline-block;
  height: 25px;
  margin-right: 5px;
  position: relative;
  top: 5px;
  width: 25px;
}
.chart__footnote .data-insig-diff-gap span {
  background-color: #a3a3a3;
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px;
}
.home__section__title,
.chart__section__title {
  color: #00a795;
  font-size: 1em;
  font-weight: 700;
  margin: .25em 0 .25em;
  text-align: left;
  text-transform: uppercase;
}
.chart__section__desc {
  color: #001871;
  font-size: 1.6875em;
  font-weight: 400;
  margin: 0 0 .5em;
}
.chart__section__desc span {
  font-weight: 700;
}
.chart__commentary {
  color: #4c4c4c;
  font-size: .875em;
  line-height: 1.4em;
  margin: 0 0 2em;
}
.chart__title {
  clear: both;
  color: #656565;
  font-size: 1.125em;
  font-weight: 400;
  margin: 1em 0 .75em;
  max-width: 760px;
  text-align: left;
}
.chart__title.chart__title--full-width {
  margin-top: 1.5em;
  max-width: 100%;
  text-align: center;
}
/* Chart intro (ie, taupe bar dividing chart sections) --------------- */
.chart__intro {
  text-align: center;
}
.page-state-comparisons .chart__intro,
.page-state-acl .chart__intro,
.page-achievement .chart__intro {
  background: #a19788;
  color: #fff;
  font-size: .875em;
  margin: 0;
  padding: .5em 1em;
  text-align: left;
  text-transform: uppercase;
}
.chart__grade {
  background: #00a795;
  color: #fff;
  font-size: 1.25em;
  font-weight: 400;
  padding: .15em 0;
  text-align: center;
}
.form__section {
  clear: both;
}
@media only screen and (max-width: 1023px) {
  .form__section select {
    max-width: 190px;
  }
}
@media only screen and (min-width: 1024px) {
  .form__section select {
    max-width: 240px;
  }
}
.form__section .custom-table-button {
  background: #be1e2d;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: .875em;
  font-weight: 400;
  height: 2.0em;
  line-height: 2.0em;
  padding: 0 1em;
  text-decoration: none;
  text-transform: lowercase;
}
.form__section .custom-table-button:hover,
.form__section .custom-table-button:focus {
  background: #dfa090;
  color: #be1e2d;
}
/* Chart colors -------------------- */
rect.bar0 {
  fill: #dde2eb;
}
rect.bar1 {
  fill: #bdc9db;
}
rect.bar2 {
  fill: #889bc0;
}
rect.bar3 {
  fill: #41639e;
}
.chart text {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
}
.chart text.bar3 {
  fill: #fff;
}
.chart text.bar3.endText {
  fill: #191919;
}
path.data-point-key,
path.data-point,
path.data-line {
  stroke: #001871;
}
.page-trends path.data-point-key.value-p3,
.page-trends path.data-point.value-p3,
.page-trends path.data-line.value-p3 {
  stroke: #00a795;
}
path.selected-tuda {
  stroke: #00a795;
}
line.axis-ticks,
line.cutpoint-line,
line.xaxis-ticks,
line.yaxis-ticks,
line.xaxis-line,
line.yaxis-line,
path.trunc,
path.trunc-x {
  stroke: #808184;
}
rect.trunc,
rect.trunc-x {
  fill: #fff;
}
#chart_loc_2 rect.trunc,
#chart_loc_2 rect.trunc-x,
#chart_loc_4 rect.trunc,
#chart_loc_4 rect.trunc-x {
  fill: #f1efed;
  stroke: #f1efed;
}
text.value-axis-text,
text.xy-label,
text.yaxis-text,
text.xaxis-text {
  font-size: 13px;
  font-weight: 400;
  fill: #323232;
}
text.value-label,
text.xy-label {
  font-size: 14px;
  fill: #191919;
  text-transform: uppercase;
}
text.data-text {
  font-size: 18px;
  fill: #191919;
}
text.key,
text.data-text-key,
text.data-text-key-gap {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  fill: #58595b;
}
text.yaxis-label,
text.value-label,
text.bar-label-text,
text.group-label,
text.gap-label-text {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
}
/* Page division */
#chart_loc_1 {
  padding-top: 2em;
}
#chart_loc_2,
#chart_loc_4 {
  background: #f1efed;
  position: relative;
}
#chart_loc_2:before,
#chart_loc_4:before {
  border-color: #fff transparent transparent 
    transparent;
  border-style: solid;
  border-width: 39px 219px 0 219px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -219px;
  position: absolute;
  top: 0;
  width: 0;
}
.page-state-gaps #chart_loc_2:before,
.page-state-gaps #chart_loc_4:before {
  border-style: none;
}
#chart_loc_3,
#chart_loc_5 {
  background: #fff;
  position: relative;
}
#chart_loc_3:before,
#chart_loc_5:before {
  border-color: #f1efed transparent transparent transparent;
  border-style: solid;
  border-width: 39px 219px 0 219px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -219px;
  position: absolute;
  top: 0;
  width: 0;
}
/* Subscale sparkline graphics */
.subscale-group,
.index-group {
  height: auto;
  margin: 0 0 1em;
}
.subscale-group:after,
.index-group:after {
  clear: both;
  content: '';
  display: table;
}
.subscale-group .subscale,
.index-group .subscale {
  float: left;
  height: auto;
  margin: 0 1.5em .5em 0;
  width: auto;
}
.subscale-group .subscale svg,
.index-group .subscale svg {
  background: none;
  border: 1px solid #dfa090;
  margin: 1px 5px;
  padding: 4px;
  text-align: center;
}
.subscale-group .subscale svg path.data-point-key,
.index-group .subscale svg path.data-point-key,
.subscale-group .subscale svg path.data-point,
.index-group .subscale svg path.data-point,
.subscale-group .subscale svg path.data-line,
.index-group .subscale svg path.data-line {
  stroke: #939598;
}
.subscale-group .subscale svg text.data-text,
.index-group .subscale svg text.data-text {
  fill: #939598;
}
.subscale-group .subscale svg line.axis-ticks,
.index-group .subscale svg line.axis-ticks,
.subscale-group .subscale svg line.cutpoint-line,
.index-group .subscale svg line.cutpoint-line,
.subscale-group .subscale svg line.xaxis-ticks,
.index-group .subscale svg line.xaxis-ticks,
.subscale-group .subscale svg line.yaxis-ticks,
.index-group .subscale svg line.yaxis-ticks,
.subscale-group .subscale svg line.xaxis-line,
.index-group .subscale svg line.xaxis-line,
.subscale-group .subscale svg line.yaxis-line,
.index-group .subscale svg line.yaxis-line,
.subscale-group .subscale svg path.trunc,
.index-group .subscale svg path.trunc {
  stroke: #939598;
}
.subscale-group .subscale svg:hover,
.index-group .subscale svg:hover,
.subscale-group .subscale svg:focus,
.index-group .subscale svg:focus {
  background: #f4e1db;
  border: 2px solid #dfa090;
  margin: 0 4px;
}
.subscale-group .subscale svg.selected,
.index-group .subscale svg.selected {
  background: #F1F1F2;
  border: 1px solid #939598;
  margin: 1px 5px;
}
.subscale-group .subscale svg.selected path.data-point-key,
.index-group .subscale svg.selected path.data-point-key,
.subscale-group .subscale svg.selected path.data-point,
.index-group .subscale svg.selected path.data-point,
.subscale-group .subscale svg.selected path.data-line,
.index-group .subscale svg.selected path.data-line {
  stroke: #262b69;
}
.subscale-group .subscale svg.selected text.data-text,
.index-group .subscale svg.selected text.data-text {
  fill: inherit;
}
.subscale-group .subscale div,
.index-group .subscale div {
  color: #be1e2d;
  font-size: .8125em;
  font-weight: 700;
  line-height: 1.2em;
  padding: 0;
  text-align: center;
}
.subscale-group .subscale div.selected,
.index-group .subscale div.selected {
  color: #231f20;
}
/* Click on a data point banner */
.chart__how_to,
.click_data_point {
  background: #e2dfdb;
  color: #6e695e;
  display: block;
  font-size: .875em;
  font-weight: 700;
  line-height: 1.2em;
  margin: 2em 0;
  padding: 6px 1em 6px 120px;
  position: relative;
}
.chart__how_to:before,
.click_data_point:before {
  background: url(img/click-data-point.png) no-repeat top left;
  content: '';
  height: 53px;
  left: 40px;
  position: absolute;
  top: -10px;
  width: 70px;
}
.chart__how_to.click-map:before,
.click_data_point.click-map:before {
  background-image: url(img/click-map.png);
  top: -10px;
}
.chart__how_to.click-info:before,
.click_data_point.click-info:before {
  background-image: url(img/click-info.png);
  top: -10px;
}
.chart__commentary .chart__how_to,
.chart__commentary .click_data_point {
  font-size: 1em;
}
/* Italicize comp text on gaps charts */
.page-trends .data-text.accommodated1-series2,
.page-gaps .data-text.accommodated1-series2,
.page-state-gaps .data-text.accommodated1-series2,
.page-trends .data-text.accommodated0-series2,
.page-gaps .data-text.accommodated0-series2,
.page-state-gaps .data-text.accommodated0-series2,
.page-trends .data-text-key.accommodated1-series2,
.page-gaps .data-text-key.accommodated1-series2,
.page-state-gaps .data-text-key.accommodated1-series2 {
  font-style: italic;
}
.cutpoint-block0 {
  fill: #bdc9db;
}
.cutpoint-block1 {
  fill: #889bc0;
}
.cutpoint-block2 {
  fill: #41639e;
}
.cutpoint-block3 {
  fill: #001871;
}
.cutpoint-block4 {
  fill: #dde2eb;
}
.cutpoint-block5 {
  fill: #bdc9db;
}
.cutpoint-label {
  fill: #fff;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
#chart-info-comp .cutpoint-label {
  font-size: 12px;
}
.cutpoint-pop {
  fill: #fff;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 40px;
}
#chart-info-comp .cutpoint-pop {
  font-size: 24px;
}
text.cutpoint-text-bar {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
}
text.cutpoint-text-bar tspan[font-style="normal"] {
  font-weight: 400;
}
text.cutpoint-text-bar tspan[font-style="italic"] {
  font-weight: 600;
}
text.cutpoint-text {
  color: #6e695e;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 600;
}
path.cutpoint-backdrop {
  fill: #d0cbc3;
}
path.cutpoint-backdrop-shadow {
  fill: #a19788;
}
path.cutpoint-info {
  fill: #ffffff;
  stroke: #f18a21;
}
path.cutpoint-info:hover,
path.cutpoint-info:focus {
  cursor: pointer;
}
#footer {
  color: #231f20;
  font-size: .875em;
}
#footer .footer-tab-row {
  background: #a19787;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  height: 34px;
  width: 100%;
}
#footer .footer-tab-row .tabs_container {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container {
    width: 1024px;
  }
}
#footer .footer-tab-row .tabs_container .tabs__semi-wrapper {
  border-right: 3px solid #fff;
  display: inline-block;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container .tabs__semi-wrapper {
    width: 560px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container .tabs__semi-wrapper {
    width: 710px;
  }
}
#footer .footer-tab-row .tabs_container .tabs_label {
  color: #fff;
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container .tabs_label {
    width: 100px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container .tabs_label {
    width: 157px;
  }
}
#footer .footer-tab-row .tabs_container .tab {
  display: inline-block;
}
#footer .footer-tab-row .tabs_container .tab a {
  color: #fff;
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
}
#footer .footer-tab-row .tabs_container .tab:hover a {
  background: #c69214;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container .tab.tab_first {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container .tab.tab_first {
    margin-right: 60px;
  }
}
#footer .footer-tab-row .tabs_container .tab.active a {
  background: #00a795;
  position: relative;
}
#footer .footer-tab-row .tabs_container .tab.active a:after {
  border-color: #009d8b transparent transparent transparent;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  bottom: -9px;
  content: '';
  height: 0;
  left: 46%;
  position: absolute;
  width: 0;
}
#footer .footer-tab-row .tabs_container .tab.tab_nolink {
  color: #fff;
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  height: 34px;
  line-height: 34px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-tab-row .tabs_container .tab.tab_nolink {
    padding: 0 0 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-tab-row .tabs_container .tab.tab_nolink {
    padding: 0 0 0 40px;
  }
}
#footer .footer-content-row {
  background: #001871;
  border-bottom: 5px solid #00a795;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
}
#footer .footer-content-row #summary-data-tables-tab,
#footer .footer-content-row #custom-data-tables-tab {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab,
  #footer .footer-content-row #custom-data-tables-tab {
    width: 1024px;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-content-title,
#footer .footer-content-row #custom-data-tables-tab .footer-content-title {
  float: left;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-content-title,
  #footer .footer-content-row #custom-data-tables-tab .footer-content-title {
    width: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-content-title,
  #footer .footer-content-row #custom-data-tables-tab .footer-content-title {
    width: 170px;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-content-title h2,
#footer .footer-content-row #custom-data-tables-tab .footer-content-title h2 {
  color: #fff;
  font-weight: 800;
  line-height: 1em;
  margin: 30px 0 5px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-content-title h2,
  #footer .footer-content-row #custom-data-tables-tab .footer-content-title h2 {
    font-size: 2em;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-content-title h2,
  #footer .footer-content-row #custom-data-tables-tab .footer-content-title h2 {
    font-size: 3em;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-content-title h3,
#footer .footer-content-row #custom-data-tables-tab .footer-content-title h3 {
  color: #c69214;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-content-title h3,
  #footer .footer-content-row #custom-data-tables-tab .footer-content-title h3 {
    font-size: .875em;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-content-title h3,
  #footer .footer-content-row #custom-data-tables-tab .footer-content-title h3 {
    font-size: 1.25em;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide {
  border-right: 3px solid #fff;
  color: #fff;
  float: left;
  margin-bottom: -5px;
  padding-bottom: 2em;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide {
    width: 440px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide {
    width: 540px;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide ul.footer-data-bullets,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide ul.footer-data-bullets {
  padding: 0;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide ul.footer-data-bullets li,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide ul.footer-data-bullets li {
  background: url(img/bullet--orange.png) no-repeat 0 3px;
  font-size: .8125em;
  line-height: 1.4em;
  list-style: none;
  padding: 0 10px 8px 20px;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel {
  display: inline-block;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel select,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel select {
  background-color: #fff;
  border: none;
  color: #a19787;
  font-size: .875em;
  padding-top: .5em;
  padding-bottom: .5em;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel select,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel select {
    min-width: 200px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel select,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel select {
    min-width: 235px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--appendix select,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--appendix select {
    font-size: .875em;
    min-width: 225px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--appendix select,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--appendix select {
    font-size: 1em;
    min-width: 255px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--last select,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--last select {
    width: 413px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--last select,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--last select {
    width: 493px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--margin,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--margin {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--margin,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel.footer-data-sel--margin {
    margin-right: 20px;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sel label,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sel label {
  position: absolute;
  left: -100000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sub a,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sub a {
  border: 1px solid #fff;
  display: block;
  text-transform: none;
  width: 130px;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sub a,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sub a {
    margin: 5px 0 0 125px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sub a,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sub a {
    margin: 5px 0 0 168px;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sub a:hover,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sub a:hover,
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sub a:focus,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sub a:focus {
  border: 1px solid #fff;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-sub a:focus,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-sub a:focus {
  background-color: #c69214;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-link,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-link {
  display: inline-block;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-link a,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-link a {
  border: 1px solid #fff;
  display: inline-block;
  margin-left: 10px;
  text-transform: none;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-link a,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-link a {
    padding: .625em .75em;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-link a,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-link a {
    padding: .625em 1em;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-link a:hover,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-link a:hover,
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-link a:focus,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-link a:focus {
  border: 1px solid #fff;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide .footer-data-link a:focus,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide .footer-data-link a:focus {
  background-color: #c69214;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-wide p,
#footer .footer-content-row #custom-data-tables-tab .footer-column-wide p {
  font-size: 1em;
  line-height: 1.1em;
  margin: 30px 0 1em;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-narrow,
#footer .footer-content-row #custom-data-tables-tab .footer-column-narrow {
  color: #fff;
  float: right;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-narrow,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-narrow {
    padding: 30px 0 0 10px;
    width: 180px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-narrow,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-narrow {
    padding: 30px 0 0 40px;
    width: 270px;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-narrow p,
#footer .footer-content-row #custom-data-tables-tab .footer-column-narrow p {
  line-height: 1.2em;
  margin: 0 0 .75em;
}
@media only screen and (max-width: 1023px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-narrow p,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-narrow p {
    font-size: .875em;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-content-row #summary-data-tables-tab .footer-column-narrow p,
  #footer .footer-content-row #custom-data-tables-tab .footer-column-narrow p {
    font-size: 1em;
  }
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-narrow p a,
#footer .footer-content-row #custom-data-tables-tab .footer-column-narrow p a {
  color: #fff;
  text-decoration: none;
}
#footer .footer-content-row #summary-data-tables-tab .footer-column-narrow p a:hover,
#footer .footer-content-row #custom-data-tables-tab .footer-column-narrow p a:hover {
  text-decoration: underline;
}
#footer .footer__bottom {
  background: #fff;
}
#footer .footer__bottom .footer__bottom__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  padding: 2em 0 4em;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer__bottom .footer__bottom__inner {
    width: 1024px;
  }
}
#footer .footer__bottom .footer__bottom__inner .footer__copyright {
  float: left;
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 30px;
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li {
  color: #231f20;
  display: inline;
  position: relative;
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li:after {
  content: " | ";
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li.last:after {
  content: "";
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li a {
  color: #231f20;
  cursor: pointer;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li a:hover,
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li a:focus {
  text-decoration: underline;
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li div.list-wrapper {
  display: none;
  left: 0px;
  position: absolute;
  top: -72px;
  width: 110px;
  height: 65px;
  z-index: 900;
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li ul {
  background: #fff;
  border: 1px solid #999;
  -moz-box-shadow: 1px 1px 0px #999;
  box-shadow: 1px 1px 0px #999;
  font-size: 1em;
  height: auto;
  left: 0;
  list-style: none;
  padding: 5px 10px;
  margin-top: 5px;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100px;
  z-index: 1000;
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li ul li {
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#footer .footer__bottom .footer__bottom__inner .footer__utilityNav > li ul li a {
  color: #000;
  padding: .25em 0;
}
.global-nav .section-selector {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .global-nav .section-selector {
    height: 38px;
  }
}
@media only screen and (min-width: 1024px) {
  .global-nav .section-selector {
    height: 38px;
  }
}
.global-nav .section-selector li {
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 0;
}
.global-nav .section-selector li span {
  display: table;
}
.global-nav .section-selector li span a {
  color: #fff;
  cursor: pointer;
  display: table-cell;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  vertical-align: middle;
}
@media only screen and (max-width: 1023px) {
  .global-nav .section-selector li span a {
    font-size: 1em;
    height: 38px;
    margin: 0;
    padding: 0 1em;
  }
}
@media only screen and (min-width: 1024px) {
  .global-nav .section-selector li span a {
    font-size: 1em;
    height: 38px;
    margin: 0;
    padding: 0 1.5em;
  }
}
.global-nav .section-selector li span a:focus,
.global-nav .section-selector li span a:hover {
  background: #c69214;
  color: #fff;
}
.global-nav .section-selector li span a.active {
  background: #00a795;
  color: #fff;
  position: relative;
}
.global-nav .section-selector li span a.active:after {
  border-color: #00a795 transparent transparent transparent;
  border-style: solid;
  content: '';
  height: 0;
  position: absolute;
  left: 50%;
  width: 0;
}
@media only screen and (max-width: 1023px) {
  .global-nav .section-selector li span a.active:after {
    border-width: 9px 11px 0 11px;
    bottom: -9px;
    margin-left: -11px;
  }
}
@media only screen and (min-width: 1024px) {
  .global-nav .section-selector li span a.active:after {
    border-width: 11px 13px 0 13px;
    bottom: -10px;
    margin-left: -13px;
  }
}
/* Accordion ------------------ */
.variable-group {
  clear: both;
  float: left;
  margin: 0 0 .25em;
  width: 100%;
}
.variable-group:first-child .category-group {
  display: block;
}
.variable-label {
  background-color: #c69214;
  background-image: url(img/arrow-white--show.png);
  background-position: 98% 50%;
  background-repeat: no-repeat;
  border-bottom: 2px solid #8f6a19;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding: 10px 1em 10px 40px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
}
.variable-label.show {
  background-color: #00a795;
  background-image: url(img/arrow-white--hide.png);
  border-bottom: 2px solid #00715f;
}
.variable-label.show:before {
  background-image: url(img/accordion-fold--white.png);
  background-position: top left;
  background-repeat: no-repeat;
  content: '';
  height: 22px;
  left: 0;
  position: absolute;
  width: 22px;
  top: 0;
}
.category-group {
  background: #e9f3f1;
  display: none;
  padding-top: 1em;
}
.category-group:after {
  content: "";
  display: table;
  clear: both;
}
.category {
  float: left;
  height: 190px;
  margin: 0 0 1em .75em;
  text-decoration: none;
  width: 170px;
}
.category:after {
  content: "";
  display: table;
  clear: both;
}
.category svg {
  background: #eceae7;
  border: 3px solid #a19788;
  margin-bottom: 5px;
}
.category:hover,
.category:focus {
  text-decoration: none;
}
.category:hover svg,
.category:focus svg {
  border: 3px solid #c69214;
}
.category div {
  color: #c69214;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .875em;
  font-weight: 700;
  line-height: 1.2em;
  padding: 0 .5em;
  position: relative;
  text-align: center;
  top: -0.5em;
}
.category div:hover,
.category div:focus {
  text-decoration: none;
}
header .header__bottom {
  background: #001871;
}
header .header__bottom .header__bottom__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  height: 74px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner {
    width: 1024px;
  }
}
header .header__bottom .header__bottom__inner .site-name {
  position: absolute;
  left: 0;
  top: 15px;
}
@media only screen and (max-width: 1023px) {
  header .header__bottom .header__bottom__inner .site-name {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  header .header__bottom .header__bottom__inner .site-name {
    font-size: 2em;
  }
}
header .header__bottom .header__bottom__inner .site-name .site-name__year {
  color: #fff;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-weight: 400;
}
header .header__bottom .header__bottom__inner .site-name .site-name__divider {
  color: #b1d6d1;
  font-size: .85em;
  font-weight: 300;
  vertical-align: top;
}
header .header__bottom .header__bottom__inner .site-name .site-name__text {
  color: #fff;
  font-weight: 300;
}
.home-feature-box {
  background: #f5f4f3;
  float: left;
  width: 48.5%;
}
.home-feature-box.home-feature-box--mathematics {
  margin-right: 2%;
}
.home-feature-box.home-feature-box--mathematics .home-feature-box__inner {
  background-image: url(img/icon-mathematics.png);
}
.home-feature-box.home-feature-box--reading .home-feature-box__inner {
  background-image: url(img/icon-reading.png);
}
.home-feature-box .home-feature-box__inner {
  background-position: 15px 15px;
  background-repeat: no-repeat;
  padding: 1em 2em 5.5em 6em;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .home-feature-box .home-feature-box__inner {
    min-height: 395px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-feature-box .home-feature-box__inner {
    min-height: 275px;
  }
}
.home-feature-box h2 {
  color: #001871;
  font-size: 2em;
  font-weight: 600;
  margin: 0;
}
.home-feature-box h3 {
  color: #323232;
  font-size: 1.125em;
  font-weight: 600;
  margin: 0;
}
.home-feature-box p {
  font-size: .875em;
  font-weight: 300;
  margin: .25em 0 0;
}
.home-feature-box .home-feature-box__explore-link {
  bottom: 10px;
  color: #beb7ac;
  font-size: .9375em;
  font-weight: 700;
  left: 15px;
  position: absolute;
  text-transform: uppercase;
}
.home-feature-box .home-feature-box__explore-link a {
  margin-top: 5px;
}
@media only screen and (max-width: 1023px) {
  .home-feature-box .home-feature-box__explore-link a {
    margin-right: .5em;
    padding: .625em 1.25em;
  }
}
@media only screen and (min-width: 1024px) {
  .home-feature-box .home-feature-box__explore-link a {
    margin-right: .65em;
    padding: .625em 2em;
  }
}
#intro .intro__inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#intro .intro__inner .intro__commentary-wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__commentary-wrapper {
    width: 1024px;
  }
}
#intro .intro__inner .intro__commentary {
  color: #4c4c4c;
  font-size: .875em;
  line-height: 1.4em;
  padding: 2em 300px 2em 0;
}
#intro .intro__inner .intro__interaction-wrapper {
  background: #e2dfdb;
  padding: 1em 0;
  z-index: 450;
}
#intro .intro__inner .intro__interaction-wrapper.fixed {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
#intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .intro__inner .intro__interaction-wrapper .intro__interaction-wrapper-inner {
    width: 1024px;
  }
}
#intro .intro__inner .intro__interaction {
  color: #4c4c4c;
  display: block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .875em;
  font-weight: 700;
  margin: 0 10px 0 0;
  position: relative;
  text-transform: uppercase;
  z-index: 200;
}
#intro .intro__inner .intro__interaction .intro__interaction-label {
  clear: both;
  color: #323232;
  display: inline-block;
  font-size: 1em;
  font-style: normal;
  margin: 0 1.75em 0 0;
  text-align: right;
  text-transform: uppercase;
  vertical-align: middle;
  width: 92px;
}
#intro .intro__inner .intro__interaction .intro__interaction-label:last-child {
  margin-right: 0;
}
#intro .intro__inner .intro__interaction .intro__interaction-label em {
  font-style: none !important;
}
#intro .intro__inner .intro__interaction.is-big .selectability {
  margin: 0;
  min-width: 290px;
  vertical-align: middle;
}
#intro .intro__inner .intro__interaction.is-big .selectability div[role="textbox"] {
  background-image: url(img/arrow-pulldown--large.png);
  font-size: 1.5em;
  padding-right: 4.25em;
}
#intro .intro__inner .intro__interaction.is-big .selectability div[role="listbox"] {
  max-height: 400px;
  overflow-y: scroll;
}
#intro .intro__inner h4 {
  color: #001871;
  font-size: 1.6875em;
  font-weight: 400;
  margin: 0 0 .5em;
  line-height: 1.4em;
}
#intro .intro__inner h4 span {
  font-weight: 700;
}
.link-boxes {
  clear: both;
  padding: 1em 0 0;
}
.link-boxes .link-box {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 49%;
}
.link-boxes .link-box .link-box__inner {
  padding: 0 1.25em;
}
.link-boxes .link-box .link-box__inner:after {
  content: "";
  display: table;
  clear: both;
}
.link-boxes .link-box .link-box__icon a {
  background-color: #f6edd7;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 80% auto;
  border: 2px solid #c69214;
  display: block;
  float: left;
  height: 65px;
  margin: 0 10px 5px 0;
  text-indent: -999em;
  width: 110px;
}
.link-boxes .link-box .link-box__icon.trends a {
  background-image: url(img/tile1.png);
}
.link-boxes .link-box .link-box__icon.student-group a {
  background-image: url(img/tile2.png);
}
.link-boxes .link-box .link-box__icon.achievement a {
  background-image: url(img/tile4.png);
}
.link-boxes .link-box .link-box__icon.questions a {
  background-image: url(img/tile5.png);
}
.link-boxes .link-box .link-box__title {
  font-size: .875em;
  margin: 0 0 5px;
}
.link-boxes .link-box .link-box__title a {
  color: #c69214;
  text-decoration: none;
}
.link-boxes .link-box .link-box__title a:hover {
  text-decoration: underline;
}
.link-boxes .link-box .link-box__description {
  color: #001871;
  font-size: .875em;
  line-height: 1.4;
  margin-left: 124px;
}
.list__wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.list__wrapper .list {
  float: left;
  margin: 0 0 1em 2em;
}
.main__header {
  background: #00a795;
}
.main__header .main__header__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__header .main__header__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .main__header .main__header__inner {
    width: 1024px;
  }
}
.main__header .main__header__inner h2 {
  color: #fff;
  display: inline-block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1.75em;
  font-weight: 300;
  margin: .6em 0;
}
.main__header.main__header--home {
  background: #fff;
}
.main__header.main__header--home .main__header__inner h2 {
  color: #001871;
}
.main__header.main__header--home .main__header__inner h2 strong {
  font-weight: 400;
}
.state-map .state {
  stroke: none;
}
.state-map .state.sig-up:hover text,
.state-map .state.sig-down:hover text,
.state-map .state.no-sig:hover text {
  fill: #fff;
}
.state-map .state[aria-disabled=true]:hover path {
  stroke: #c69214;
  stroke-width: 1px;
}
.state-map circle {
  stroke: #d9d3cc;
}
.state-map .state-boundary {
  fill: none;
  stroke: #d0cbc3;
}
.state-map text {
  fill: #6d6e70;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  text-anchor: middle;
}
.state-map [data-state=HI].sig-down text,
.state-map [data-state=HI].sig-up text,
.state-map [data-state=HI].state:hover text {
  fill: #6d6e70;
}
.state-map .sig-up text {
  fill: #fff;
}
.state-map .sig-down text {
  fill: #fff;
}
nav {
  background: #001871;
}
nav .nav__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  nav .nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  nav .nav__inner {
    width: 1024px;
  }
}
nav .nav__inner .results-link {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
nav .nav__inner .results-link a {
  background: url(img/results-link.png) no-repeat center right;
  color: #c69214;
  display: inline-block;
  font-size: 1em;
  padding: 5px 37px 5px 0;
  text-decoration: none;
}
nav .nav__inner .results-link a:hover,
nav .nav__inner .results-link a:focus {
  text-decoration: underline;
}
.note {
  padding: 1em 0 2em;
}
.note .note__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .note .note__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .note .note__inner {
    width: 1024px;
  }
}
.note .note__header {
  background-color: #f5f4f3;
  background-image: url(img/note-fold--white.png);
  background-position: right top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #beb7ac;
  padding-right: 2em;
}
.note .note__header a.show_hide_note {
  color: #c69214;
  display: block;
  font-size: .875em;
  font-weight: 700;
  padding: 7px 0;
  text-decoration: none;
  z-index: 99;
}
.note .note__header a.show_hide_note span {
  background-position: right center;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 40px 0 20px;
}
.note .note__header a.show_hide_note.show span {
  background-image: url("img/arrow-orange-down.png");
}
.note .note__header a.show_hide_note.hide span {
  background-image: url("img/arrow-orange-up.png");
}
.note .note__content {
  background-color: #ebebeb;
  color: #000;
  font-size: .875em;
  padding: 15px 20px 10px 20px;
  z-index: 50;
}
.note .note__content div {
  font-size: .85em;
  font-weight: 400;
  margin-bottom: 0.75em;
}
.note var {
  font-style: normal;
}
.note.note--gray {
  background: #f1efed;
}
.note.note--gray .note__header {
  background-color: #faf9f8;
  background-image: url(img/note-fold--gray.png);
}
.note.note--gray .note__content {
  background: #fff;
}
.front .note {
  padding: 1em .75em;
}
.chart__canvas {
  position: relative;
}
.overlay {
  background: #f5f4f3 url(img/bkgd_overlay_header.png) repeat-x top left;
  border: 2px solid #beb7ac;
  -webkit-box-shadow: 0 0 20px 0 #979899;
  box-shadow: 0 0 20px 0 #979899;
  color: #636466;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .875em;
  line-height: 1.4em;
  padding: 30px 10px 10px;
  position: absolute;
  right: 60px;
  top: 30px;
  width: 300px;
  z-index: 1234;
}
.overlay [data-dismiss] {
  position: absolute;
  cursor: pointer;
  overflow: visible;
  top: -10px;
  right: -10px;
  z-index: 2000;
}
.overlay .chart__title {
  color: #4c4c4c;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.2em;
  margin: 1em 5em 1.5em 2em;
  text-align: left;
}
.page-state-acl .overlay .chart__title {
  margin: 1em 0 1.5em;
}
.overlay .chart__overlay-header {
  background: #e2dfdb;
  height: 71px;
  margin: 0 -10px;
  position: relative;
}
.overlay .multiples-nav-previous {
  background: url(img/arrow-orange-big--left.png) no-repeat left center;
  color: #c69214;
  display: inline-block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .875em;
  font-weight: 700;
  height: 63px;
  left: 10px;
  line-height: 63px;
  padding: 0 0 0 30px;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  top: 4px;
  width: 50px;
  z-index: 100;
}
.overlay .multiples-nav-next {
  background: url(img/arrow-orange-big--right.png) no-repeat right center;
  color: #c69214;
  display: inline-block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .875em;
  font-weight: 700;
  height: 63px;
  line-height: 63px;
  padding: 0 30px 0 0;
  position: absolute;
  right: 10px;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  top: 4px;
  width: 50px;
  z-index: 100;
}
.overlay .text {
  padding-top: 10px;
}
.overlay .table__canvas,
.overlay .chart__canvas {
  float: none;
  width: auto;
}
.overlay .chart__legend {
  float: none;
  margin: 0 auto .5em;
  width: 475px;
}
.overlay .chart__footnote {
  float: none;
  margin: 1em 0 0;
  text-align: left;
  width: auto;
}
.overlay .chart__footnote span {
  display: block;
  text-align: left;
}
.overlay .chart__footnote .data-sig-diff-gap,
.overlay .chart__footnote .data-insig-diff-gap {
  display: inline-block;
  font-size: 12px;
  padding: 10px 0;
}
.overlay .chart__footnote .data-sig-diff-gap {
  margin-right: 1em;
}
.overlay .chart__footnote .data-sig-diff-gap span {
  background-color: #21298a;
  -moz-border-radius: 12.5px;
  border-radius: 12.5px;
  color: #fff;
  display: inline-block;
  height: 25px;
  margin-right: 5px;
  position: relative;
  top: 5px;
  width: 25px;
}
.overlay .chart__footnote .data-insig-diff-gap span {
  background-color: #a3a3a3;
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px;
}
.overlay .chart__footnote .chart__footnote__items {
  font-size: 10px;
}
.overlay .chart__footnote + a {
  display: block;
  margin: .5em 0 0;
  text-align: center;
}
.overview .overlay {
  top: 5%;
  right: 0;
  left: 0;
  margin: 0 auto;
  position: fixed;
}
.overview .overlay h2.overview-overlay__title {
  background-position: 40px 0px;
  background-repeat: no-repeat;
  color: #262b69;
  font-size: 1.75em;
  padding: 1em 2em 1.5em 4.75em;
}
.overview .overlay h2.overview-overlay__title.history {
  background-image: url(img/history_icon_blue_small.png);
}
.overview .overlay h2.overview-overlay__title.geography {
  background-image: url(img/geography_icon_small.png);
}
.overview .overlay h2.overview-overlay__title.civics {
  background-image: url(img/civics_icon_small.png);
}
.overview .overlay .chart__scroll_area {
  overflow-x: auto;
}
.overview .overlay .chart__scroll_area img {
  margin-left: 10px;
  width: 600px;
}
.overview .overlay .chart__scroll_area > a {
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  margin: 1em 1em .5em;
  text-align: right;
  text-transform: uppercase;
}
.cut-point .overlay {
  font-size: 1em;
}
.page-groups #chart_loc_1 .overlay,
.page-state-score-changes #chart_loc_1 .overlay,
.page-state-gaps .overlay {
  top: 5%;
  right: 0;
  left: 0;
  margin: 0 auto;
  position: fixed;
}
.page-groups #chart_loc_1 .overlay .chart__scroll_area,
.page-state-score-changes #chart_loc_1 .overlay .chart__scroll_area,
.page-state-gaps .overlay .chart__scroll_area {
  overflow-x: auto;
}
#page-results-overall .page__inner {
  margin-top: 1.5em;
}
#page-results-overall .content__intro {
  margin: 0 0 4em 1.5em;
}
#page-results-overall .content__intro > p {
  color: #446bb4;
  margin-bottom: .25em;
}
#page-results-overall .content__intro ul {
  color: #000;
  font-size: .875em;
  font-weight: bold;
  margin-top: 0;
}
.page__title {
  font-size: 1.25em;
  margin: 0 0 .5em;
  text-transform: uppercase;
}
.page__intro {
  color: #585858;
  font-size: .875em;
  line-height: 1.4em;
}
.page-comparisons .chart__canvas text.bar-label-text {
  font-size: .875em;
}
.page-context #chart_loc_1 path.data-point,
.page-context #chart_loc_2 path.data-point {
  stroke: none;
}
.page-context .chart__legend {
  background: none;
  border: none;
  padding: 0;
}
.page-context .chart__legend .legend-item {
  color: #4c4c4c;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .875em;
  padding: 0 0 10px;
}
.page-context .chart__legend .selectability {
  margin: 0 0 1em;
}
.page-context .overlay .context-index-overlay {
  overflow: auto;
}
.page-context .overlay .overlay__heading {
  border-bottom: 2px solid #cacbcd;
  font-weight: 700;
  height: 90px;
  margin: 1em 0 .75em;
  padding: 0;
}
.page-context .overlay .overlay__heading .index_score {
  font-size: 2em;
  padding: .5em 0 .75em;
}
.page-context .overlay .overlay__heading .index_score > div {
  display: inline-block;
  padding-right: 8px;
}
.page-context .overlay .overlay__heading .score {
  float: left;
  font-size: 1.2em;
}
.page-context .overlay .overlay__heading .score > div {
  display: inline-block;
  padding-right: 8px;
}
.page-context .overlay .overlay__heading .population {
  float: right;
  font-size: 1.2em;
}
.page-context .overlay .overlay__heading .population > div {
  display: inline-block;
  padding-right: 8px;
}
.page-context .overlay .table__canvas {
  clear: both;
  overflow: hidden;
  padding-right: 5px;
}
.page-context .overlay .table__canvas table {
  border-collapse: collapse;
  margin: 0 0 1em;
}
.page-context .overlay .table__canvas table th.question {
  font-weight: 700;
  padding-right: 3%;
  text-align: left;
  vertical-align: top;
  width: 40%;
}
.page-context .overlay .table__canvas table td {
  border: 1px solid #cacbcd;
  font-size: 1.1em;
  text-align: center;
  height: 4em;
  width: 11%;
}
.page-context .overlay .table__canvas table td.max {
  background-color: #00a795;
  color: #ffffff;
}
.page-context .overlay .table__canvas table tbody th {
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}
.page-home .section .section__inner .section__title {
  color: #00a795;
  font-size: 1.3125em;
  font-weight: 700;
  text-transform: uppercase;
}
.page-home .section .section__inner h3 {
  color: #323232;
  font-size: 1.125em;
  font-weight: 600;
}
.page-home .section .section__inner p {
  font-size: .875em;
  font-weight: 300;
}
.page-home .chart__section .chart__canvas {
  width: 100%;
}
.page-home .story-of-naep {
  background: #ffffff url(img/naep-horizontal-2color.png) no-repeat left center;
  clear: left;
  padding: 1em 1em 1em 360px;
}
.page-home .story-of-naep h3 {
  color: #001871 !important;
  font-size: 1.5em !important;
  font-weight: 600 !important;
  margin-bottom: .25em;
}
.page-home .story-of-naep p {
  color: #191919;
  font-size: .875em;
  margin: 0;
}
.questions-commentary {
  font-size: .875em;
  margin-bottom: 2em;
}
.page-knowledge:after {
  content: "";
  display: table;
  clear: both;
}
.page-knowledge .list__canvas .question-list__header {
  color: #231f20;
  float: left;
  font-size: .875em;
  font-weight: 700;
  width: 760px;
}
.page-knowledge .list__canvas .question-list__header .question-list__header__left {
  float: left;
  text-align: right;
  width: 35%;
}
.page-knowledge .list__canvas .question-list__header .question-list__header__center {
  float: left;
  margin-left: 30px;
  text-align: right;
  width: 40%;
}
.page-knowledge .list__canvas .question-list__header .question-list__header__right {
  float: right;
  text-align: right;
  width: 20%;
}
.page-knowledge .list__canvas .main__filters {
  float: right;
  font-size: .875em;
  width: 20%;
}
.page-knowledge .list__canvas .main__filters p {
  color: #231f20;
  font-weight: 700;
  margin-top: 0;
}
.page-knowledge .list__canvas .main__filters label {
  color: #231f20;
  display: block;
  font-weight: 700;
  margin: .5em;
}
.page-knowledge .list__canvas ul {
  float: left;
  list-style: none;
  padding: 0;
  width: 760px;
}
.page-knowledge .list__canvas ul li {
  clear: left;
  font-size: .875em;
  margin: 0 0 .35em;
  opacity: 0.5;
  transition: opacity 0.25s;
}
.page-knowledge .list__canvas ul li:after {
  content: "";
  display: table;
  clear: both;
}
.page-knowledge .list__canvas ul li.active,
.page-knowledge .list__canvas ul li.average {
  opacity: 1;
}
.page-knowledge .list__canvas ul li .question-list__score {
  display: inline-block;
  float: left;
  font-weight: 700;
  margin: 0 4% 0 0;
  text-align: right;
  width: 35%;
}
.page-knowledge .list__canvas ul li .question-list__question-wrapper {
  display: inline-block;
  float: right;
  width: 60%;
}
.page-knowledge .list__canvas ul li .question-list__question-wrapper .question-list__tag {
  background: #bbbdc0;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #231f20;
  display: inline-block;
  float: right;
  font-size: .75em;
  font-weight: 700;
  margin: 0 0 .25em;
  padding: .25em 1em;
}
.page-knowledge .list__canvas ul li.cut-point {
  background: url(img/cut-point-dashed-line.png) repeat-x 0 45%;
  opacity: 1;
}
.page-knowledge .list__canvas ul li.cut-point > a {
  background: url(img/question.svg) no-repeat center left;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  left: 4px;
  position: relative;
  text-indent: -999em;
  top: -1px;
  width: 20px;
  z-index: 100;
}
.page-knowledge .list__canvas ul li.cut-point .cutpoint-level {
  background: #bbbdc0;
  color: #fff;
  display: inline-block;
  font-style: italic;
  height: 26px;
  left: -22px;
  line-height: 26px;
  padding: 0 0 0 2em;
  position: relative;
  top: -1px;
  width: 75px;
}
.page-knowledge .list__canvas ul li.cut-point .cutpoint-level:after {
  border-color: transparent transparent transparent #bbbdc0;
  border-style: solid;
  border-width: 13px 0 13px 17.3px;
  content: '';
  height: 0;
  position: absolute;
  right: -17px;
  top: 0;
  width: 0;
}
.page-knowledge .list__canvas ul li.cut-point strong {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
}
.page-knowledge .list__canvas ul li.average {
  background: #ffffff url(img/cut-point-average.png) no-repeat 180px 50%;
}
.page-knowledge .list__canvas ul li.average strong {
  background: #fff;
  color: #00a795;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
}
.page-knowledge .list__canvas ul li.average .cutpoint-average-score {
  background: #00a795;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin: 0 0 0 8px;
  padding: 0 .25em 0 .5em;
  position: relative;
}
.page-knowledge .list__canvas ul li.average .cutpoint-average-score:after {
  background: #fff;
  border-color: transparent transparent transparent #00a795;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  content: '';
  height: 0;
  padding: 0;
  position: absolute;
  right: -17px;
  top: 0;
  width: 0;
}
.page-state-comparisons .chart__canvas rect.value-highlight {
  fill: #001871;
}
.page-state-comparisons .chart__canvas text.value {
  fill: #fff;
}
.page-state-comparisons .chart__canvas rect.value {
  fill: #d0cbc3;
}
.page-state-comparisons .chart__canvas text.value-axis-text {
  font-size: 13px;
}
.page-state-score-changes .chart__canvas text.yaxis-label,
.page-state-score-changes .chart__canvas text.barNP,
.page-state-score-changes .chart__canvas text.barNPsig,
.page-state-score-changes .chart__canvas text.barNPno-sig {
  fill: #00a795;
  font-weight: 700;
}
.page-state-score-changes .chart__canvas rect.barNP {
  fill: #00a795;
}
.page-state-score-changes .state-trends-overlay .data-text-key.accommodated1-NP,
.page-state-score-changes .state-trends-overlay .data-text.value-sNP {
  font-style: italic;
}
#page-specific-nav {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #page-specific-nav {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #page-specific-nav {
    width: 1024px;
  }
}
#page-specific-nav .page-specific-nav--inner {
  background-color: #efece9;
  float: right;
  margin: 0 0 25px 2em;
  padding: 0 15px;
  position: relative;
  top: -19px;
  width: 235px;
  z-index: 500;
}
#page-specific-nav .page-specific-nav--inner.nav-fixed:before {
  border-width: 0;
}
#page-specific-nav .page-specific-nav--inner:before {
  border-color: transparent transparent transparent #00715f;
  border-style: solid;
  border-width: 19px 0 0 13px;
  content: '';
  height: 0;
  position: absolute;
  right: -13px;
  top: 0;
  width: 0;
}
#page-specific-nav .page-specific-nav--inner:after {
  border-color: #efece9 transparent transparent transparent;
  border-style: solid;
  border-width: 29px 132.5px 0 132.5px;
  bottom: -29px;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
#page-specific-nav .page-specific-nav--inner.nav-fixed {
  position: fixed;
  top: 0;
}
#page-specific-nav .page-specific-nav--inner h4 {
  color: #00a795;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  text-align: center;
}
#page-specific-nav .page-specific-nav--inner a {
  color: #c69214;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  padding: 2px 0;
  text-align: center;
}
#page-specific-nav .page-specific-nav--inner a:hover {
  text-decoration: underline;
}
#page-specific-nav .page-specific-nav--inner ul {
  list-style-type: none;
  margin: 0 0 .5em;
  padding-left: 0;
  position: relative;
  width: 100%;
}
#page-specific-nav .page-specific-nav--inner ul:before {
  background-position: top center;
  background-repeat: no-repeat;
  bottom: -23px;
  content: '';
  height: 8px;
  left: 47%;
  position: absolute;
  width: 15px;
  z-index: 100;
}
@media print {
  .social-media,
  #nav,
  #secondary-nav,
  #page-specific-nav,
  .chart__how_to,
  .note,
  #footer {
    display: none !important;
  }
  #main {
    margin-top: 40px;
  }
  #main .chart__legend {
    float: left;
  }
}
.selectability-offscreen {
  display: none;
}
.pulldown {
  position: relative;
  z-index: 250;
}
.pulldown label {
  display: inline-block;
}
.pulldown .selectability {
  display: inline-block;
  min-width: 275px;
  position: absolute;
  top: 0;
  width: auto;
}
.pulldown .selectability div[role="textbox"] {
  border: 1px solid #000000;
  cursor: pointer;
}
.pulldown .selectability div[role="listbox"] {
  background: #ffffff;
}
.pulldown .selectability div[role="listbox"] div[role="option"] {
  font-size: .875em;
}
.pulldown .selectability div[role="listbox"] div[role="option"]:hover,
.pulldown .selectability div[role="listbox"] div[role="option"]:focus {
  cursor: pointer;
  text-decoration: none;
}
.pulldown .selectability div[role="listbox"] div[aria-disabled="true"] {
  cursor: default;
}
.readmore-link {
  text-decoration: underline;
}
.readmore-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.scoreboard table {
  border-collapse: collapse;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  width: 99%;
}
.scoreboard table th,
.scoreboard table td {
  vertical-align: top;
}
.scoreboard table thead th {
  padding: 1em;
  position: relative;
}
.scoreboard table thead th.scoreboard__table__header--mathematics {
  border-right: 4px solid #fff;
}
.scoreboard table thead th.scoreboard__table__header--mathematics,
.scoreboard table thead th.scoreboard__table__header--reading {
  background: #e7e5e1 url(img/corner-fold--white.png) no-repeat top right;
  width: 42.5%;
}
.scoreboard table thead th h2 {
  background-position: top left;
  background-repeat: no-repeat;
  color: #001871;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: 700;
  padding: 0 0 2em 85px;
  text-align: left;
}
.scoreboard table thead th.scoreboard__table__header--mathematics h2 {
  background-image: url(img/icon-mathematics.png);
}
.scoreboard table thead th.scoreboard__table__header--reading h2 {
  background-image: url(img/icon-reading.png);
}
.scoreboard table thead th a.button {
  bottom: 10px;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  position: absolute;
  right: 20px;
}
.scoreboard table tbody tr:first-child th {
  border-bottom: 2px solid #fff;
}
.scoreboard table tbody tr:nth-child(2) td.scoreboard__column4,
.scoreboard table tbody tr:nth-child(4) td.scoreboard__column4,
.scoreboard table tbody tr:nth-child(2) td.scoreboard__column6,
.scoreboard table tbody tr:nth-child(4) td.scoreboard__column6 {
  border-bottom: 2px solid #e7e5e1;
}
.scoreboard table tbody th {
  background: #00a795;
  color: #fff;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  padding: 2em 0;
  text-align: center;
  width: 11.5%;
}
.scoreboard table tbody td {
  background: #f1efed;
}
.scoreboard table tbody td.scoreboard__column2 {
  background: #fff;
}
.scoreboard table tbody td.scoreboard__column4 {
  border-right: 4px solid #fff;
}
.scoreboard table tbody td.scoreboard__column3,
.scoreboard table tbody td.scoreboard__column5 {
  border-bottom: 2px solid #e7e5e1;
  color: #00a795;
  font-size: 4em;
  font-weight: 700;
  line-height: .15em;
  padding: 1.25em 0 .75em;
  text-align: center;
  width: 25%;
}
.scoreboard table tbody td.scoreboard__column3 span,
.scoreboard table tbody td.scoreboard__column5 span {
  display: inline-block;
  font-size: .2em;
  line-height: 1.15em;
}
.scoreboard table tbody td.scoreboard__column3 span.percent,
.scoreboard table tbody td.scoreboard__column5 span.percent {
  font-size: .5em;
}
.scoreboard table tbody td.scoreboard__column4,
.scoreboard table tbody td.scoreboard__column6 {
  color: #4c4c4c;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1em;
  padding: 0;
  text-align: left;
  vertical-align: top;
}
.scoreboard table tbody td.scoreboard__column4 span,
.scoreboard table tbody td.scoreboard__column6 span {
  color: #41639e;
  display: inline-block;
  font-size: .3em;
  line-height: 1em;
}
.scoreboard table tbody td.scoreboard__column4 span.percent,
.scoreboard table tbody td.scoreboard__column6 span.percent {
  color: #4c4c4c;
  font-size: .6em;
}
.search {
  border: 1px solid #001871;
  height: 25px;
  margin: 0.4em 0 0 0.5em;
  position: absolute;
  right: 0;
  top: 33px;
}
.search input {
  border: 0;
  font-size: .875em;
  margin: 0;
  max-width: 165px;
  padding: 0.2em 0 0.2em 0.5em;
}
.search #searchButton {
  border: 0;
  padding: 0;
  min-width: 1.5em;
  margin-right: 0.3em;
  background: transparent;
}
.search #searchButton img {
  vertical-align: middle;
}
#secondary-nav {
  background: #eceae7;
  border-top: 6px solid #c69214;
}
#secondary-nav .secondary-nav__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  height: 191px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner {
    width: 1024px;
  }
}
#secondary-nav .secondary-nav__inner .secondary-nav__title {
  color: #001871;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .8125em;
  font-weight: 700;
  left: 50%;
  margin-left: -70px;
  position: absolute;
  text-transform: uppercase;
  top: 1.5em;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper {
  overflow: hidden;
  margin-bottom: -2em;
  padding-bottom: 2em;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__prev,
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__next {
  background-image: url(img/secondary-nav2.png);
  background-repeat: no-repeat;
  cursor: pointer;
  height: 191px;
  position: absolute;
  text-indent: -999em;
  top: 0;
  vertical-align: top;
  width: 65px;
  z-index: 200;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__prev {
  left: 0;
  right: auto;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__prev.inactive {
  background-position: 0 0;
  cursor: default;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__prev.inactive:hover {
  background-position: 0 0;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__prev.active {
  background-position: -65px 0;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__prev:hover {
  background-position: -130px 0;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__next {
  left: auto;
  right: 0;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__next.inactive {
  background-position: -195px 0;
  cursor: default;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__next.inactive:hover {
  background-position: -195px 0;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__next.active {
  background-position: -260px 0;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__next:hover {
  background-position: -325px 0;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles {
  display: inline-block;
  height: 137px;
  margin: 0 -95px;
  padding: 44px 0 10px;
  position: relative;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile {
  box-sizing: border-box;
  display: none;
  height: 142px !important;
  position: relative;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.show-half,
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.show {
  display: inline-block;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.show-half a.active:after {
  display: none;
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.batch0 {
    left: 183px;
  }
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.batch1,
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.batch2 {
    left: 65px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.batch0 {
    left: 194px;
  }
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.batch1,
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.batch2 {
    left: 30px;
  }
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border: 3px solid #beb7ac;
  box-sizing: border-box;
  display: inline-block;
  height: 94px;
  text-align: center;
  text-indent: -999em;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a:hover,
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a:focus {
  border-color: #c69214;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a.active {
  border: 3px solid #00a795;
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a.active:after {
  border-color: #efece9 transparent transparent transparent;
  border-style: solid;
  border-width: 18px 20.5px 0 20.5px;
  bottom: -23px;
  content: '';
  height: 0;
  overflow: visible !important;
  position: absolute;
  width: 0;
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a.active:after {
    left: 35px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a.active:after {
    left: 53px;
  }
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile {
    width: 114px;
  }
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a {
    background-size: 90%;
    width: 110px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile {
    width: 160px;
  }
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile a {
    width: 145px;
  }
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile0 a {
  background-image: url(img/tile0.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile1 a {
  background-image: url(img/tile1.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile2 a {
  background-image: url(img/tile2.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile3 a {
  background-image: url(img/tile3.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile4 a {
  background-image: url(img/tile4.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile5 a {
  background-image: url(img/tile5.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile6 a {
  background-image: url(img/tile6.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile7 a {
  background-image: url(img/tile0.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile8 a {
  background-image: url(img/tile7.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile9 a {
  background-image: url(img/tile8.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile10 a {
  background-image: url(img/tile9.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile11 a {
  background-image: url(img/tile10.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile12 a {
  background-image: url(img/tile0.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile13 a {
  background-image: url(img/tile1.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile14 a {
  background-image: url(img/tile2.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__tile.tile15 a {
  background-image: url(img/tile0.png);
}
#secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__caption {
  color: #6e695e;
  left: 0;
  position: absolute;
  text-align: center;
  top: 100px;
}
@media only screen and (max-width: 1023px) {
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__caption {
    font-size: .75em;
    line-height: 1.1em;
    width: 110px;
  }
}
@media only screen and (min-width: 1024px) {
  #secondary-nav .secondary-nav__inner .secondary-nav__wrapper .secondary-nav__tiles .secondary-nav__caption {
    font-size: .875em;
    line-height: 1.2em;
    width: 145px;
  }
}
.section {
  clear: both;
}
.section .section__title {
  color: #001871;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0 0 .75em;
}
.section .section__subtitle {
  color: #001871;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0 0 1em;
}
.section .section__commentary p {
  color: #4c4c4c;
  font-size: 1em;
  margin: 0 0 1em;
}
.section .section__commentary p > a {
  font-weight: 600;
  text-decoration: none;
}
.section .section__commentary p > a:hover {
  text-decoration: underline;
}
.section .section__commentary ul,
.section .section__commentary ol {
  font-size: 1em;
}
.section .section__commentary ul li,
.section .section__commentary ol li {
  margin-bottom: .25em;
}
.section .section__infographic {
  float: right;
}
@media only screen and (max-width: 1023px) {
  .section .section__infographic {
    margin: 0 0 5em 3em;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__infographic {
    margin: 0 0 1em 3em;
  }
}
.section.section--featured .section__title {
  font-size: 2em;
}
.section.section--featured .section__commentary p {
  font-size: 1em;
}
.section.section--featured.section--featured-reading .section__title {
  background: url(img/icon-reading.png) no-repeat top left;
  padding-left: 2.75em;
}
.section.section--featured.section--featured-mathematics .section__title {
  background: url(img/icon-mathematics.png) no-repeat top left;
  padding-left: 2.75em;
}
.section:after {
  content: "";
  display: table;
  clear: both;
}
.section.section--gray {
  background: #f1efed;
}
.section.section--gray .section__inner .section__title {
  color: #001871;
}
.page-home .section.section_1 {
  padding-top: .5em;
}
.page-home .section.section_2,
.page-home .section.section_4 {
  background: #f1efed;
  position: relative;
}
.page-home .section.section_2:before,
.page-home .section.section_4:before {
  border-color: #fff transparent transparent 
                transparent;
  border-style: solid;
  border-width: 30px 120px 0 120px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -120px;
  position: absolute;
  top: 0;
  width: 0;
}
.page-home .section.section_3,
.page-home .section.section_5 {
  background: #fff;
  position: relative;
}
.page-home .section.section_3:before,
.page-home .section.section_5:before {
  border-color: #f1efed transparent transparent transparent;
  border-style: solid;
  border-width: 30px 120px 0 120px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -120px;
  position: absolute;
  top: 0;
  width: 0;
}
.section .section__inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
  padding: 2em 0;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
@media only screen and (max-width: 1023px) {
  .section .section__inner {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .section .section__inner {
    width: 1024px;
  }
}
.section .section__inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #c69214 url(img/arrow-pulldown--small.png) no-repeat center right;
  border: none;
  border-top: 1px solid #d6ad4a;
  border-bottom: 2px solid #8f6a19;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  margin: 0 auto .5em;
  padding: .35em 2.5em .35em .75em;
  text-transform: none;
}
select:hover,
select:focus {
  background-color: #8f6a19;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.selectability-offscreen {
  display: none;
}
.selectability {
  display: inline-block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  margin: 0 0 1em;
  min-width: 275px;
  position: relative;
  width: auto;
  z-index: 100;
}
.chart__legend .selectability {
  margin: 0 0 10px 10px;
  min-width: 240px;
}
.selectability div[role="textbox"] {
  background: #c69214 url(img/arrow-pulldown--small.png) no-repeat center right;
  border-top: 1px solid #d6ad4a;
  border-bottom: 2px solid #8f6a19;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 400;
  padding: .35em 2.25em .35em .75em;
  text-transform: none;
}
.selectability div[role="listbox"] {
  background: #fff;
  border-right: 1px solid #d6ad4a;
  border-bottom: 1px solid #d6ad4a;
  border-left: 1px solid #d6ad4a;
  font-weight: 400;
  padding: 0;
  position: absolute;
}
.selectability div[role="listbox"] div[role="option"] {
  color: #4c4c4c;
  padding: .35em .75em;
  min-width: 252px;
  text-transform: none;
}
.chart__legend .selectability div[role="listbox"] div[role="option"] {
  min-width: 214px;
}
.selectability div[role="listbox"] div[role="option"]:hover,
.selectability div[role="listbox"] div[role="option"]:focus {
  background: #c69214;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.selectability div[role="listbox"] div[role="group"] div[role="heading"] {
  background: #d6ad4a;
  color: #4c4c4c;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .8125em;
  font-weight: 400;
  padding: 6px 0 6px .9231em;
  text-transform: uppercase;
}
.selectability div[role="listbox"] div[role="group"] div[role="option"] {
  color: #4c4c4c;
  cursor: pointer;
  text-transform: none;
}
.selectability div[role="listbox"] div[role="group"] div[role="option"]:hover,
.selectability div[role="listbox"] div[role="group"] div[role="option"]:focus {
  background: #c69214;
  color: #fff;
}
.selectability div[role="listbox"] div[role="group"] div[role="option"]:last-child {
  border: none;
}
.selectability div[role="listbox"] div[role="group"] div[role="option"][aria-selected="true"] {
  background: #c69214;
  color: #fff;
}
.selectability div[role="listbox"] div[aria-disabled="true"] {
  color: #d7d7d8;
  cursor: default;
}
.page-state-comparisons .selectability div[role="listbox"] {
  max-height: 295px;
  overflow-y: scroll;
}
.page-state-comparisons .selectability div[role="listbox"] div[role="option"] {
  min-width: 237px;
}
.page-state-gaps .selectability {
  min-width: 300px;
}
.selectability[aria-expanded="false"]  div[role="listbox"] {
  border: none;
  display: none;
}
.social-media {
  display: block;
  list-style-type: none;
  margin: 0;
  position: absolute;
  right: 0;
  top: 14px;
}
.social-media li {
  display: inline-block;
  text-align: center;
}
.social-media li a {
  background-image: url(img/social-icons.png);
  background-repeat: no-repeat;
  color: #fff;
  display: block;
  font-size: .5625em;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  padding-top: 32px;
  text-decoration: none;
  text-transform: uppercase;
  width: 55px;
}
.social-media li a.icon_email {
  background-position: 0 0;
}
.social-media li a.icon_email:hover,
.social-media li a.icon_email:focus {
  background-position: -55px 0;
}
.social-media li a.icon_print {
  background-position: -110px 0;
}
.social-media li a.icon_print:hover,
.social-media li a.icon_print:focus {
  background-position: -165px 0;
}
.social-media li a.icon_twitter {
  background-position: -220px 0;
}
.social-media li a.icon_twitter:hover,
.social-media li a.icon_twitter:focus {
  background-position: -275px 0;
}
.social-media li a.icon_facebook {
  background-position: -330px 0;
}
.social-media li a.icon_facebook:hover,
.social-media li a.icon_facebook:focus {
  background-position: -385px 0;
}
.score-change-map__wrapper {
  width: 100%;
}
.score-change-map__wrapper .score-change-map--left,
.score-change-map__wrapper .score-change-map--right {
  background-position: top center;
  background-repeat: no-repeat;
  float: left;
}
@media only screen and (max-width: 1023px) {
  .score-change-map__wrapper .score-change-map--left,
  .score-change-map__wrapper .score-change-map--right {
    background-size: 100%;
    height: 500px;
    margin-bottom: 3em;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .score-change-map__wrapper .score-change-map--left,
  .score-change-map__wrapper .score-change-map--right {
    background-size: 90%;
    height: 300px;
    margin-bottom: 0;
    width: 50%;
  }
}
.score-change-map__wrapper .score-change-map--left .score-change-map__header,
.score-change-map__wrapper .score-change-map--right .score-change-map__header {
  color: #191919;
  font-size: .875em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.score-change-map__wrapper .score-change-map--right {
  margin-bottom: 0;
}
.score-change-map__wrapper.score-change-map__wrapper--mathematics .score-change-map--left {
  background-image: url(img/M-G4-2015_jpk2.png);
}
.score-change-map__wrapper.score-change-map__wrapper--mathematics .score-change-map--right {
  background-image: url(img/M-G8-2015_jpk2.png);
}
.score-change-map__wrapper.score-change-map__wrapper--reading .score-change-map--left {
  background-image: url(img/R-G4-2015_jpk2.png);
}
.score-change-map__wrapper.score-change-map__wrapper--reading .score-change-map--right {
  background-image: url(img/R-G8-2015_jpk2.png);
}
.score-change-map__wrapper .score-change-map__key {
  background: url(img/key.png) no-repeat top center;
  clear: left;
  float: right;
  height: 71px;
  margin-top: 1em;
  width: 194px;
}
.switch_show_hide {
  color: #446bb4;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .6875em;
  font-weight: bold;
  margin: 0 0 1em;
}
.switch_show_hide label {
  cursor: pointer;
  display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 0 !important;
  text-transform: uppercase;
}
.switch_show_hide label input {
  display: none;
}
.switch_show_hide label input[type="radio"] + span {
  background: #fdb929;
  border: 1px solid #a7a9ac;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #446bb4;
  margin: 0;
  padding: 2px 10px;
  position: relative;
  vertical-align: middle;
  z-index: 100;
}
.switch_show_hide label input[type="radio"].checked + span,
.switch_show_hide label input[type="radio"]:checked + span {
  background: #fff;
  color: #e7e7e8;
  z-index: 50;
}
.switch_show_hide label:first-child {
  position: relative;
  left: 8px;
}
.switch_grades {
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .6875em;
  font-weight: bold;
  margin: 2em 0;
}
.switch_grades label {
  cursor: pointer;
  display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 0 !important;
  text-transform: uppercase;
}
.switch_grades label input {
  display: none;
}
.switch_grades label input[type="radio"] + span {
  background: #fdb929;
  border: 1px solid #a7a9ac;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #446bb4;
  margin: 0;
  padding: 7px 18px;
  position: relative;
  vertical-align: middle;
  z-index: 50;
}
.switch_grades label input[type="radio"].checked + span,
.switch_grades label input[type="radio"]:checked + span {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #d1d3d4 20%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(20%, #d1d3d4), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #d1d3d4 20%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #d1d3d4 20%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #d1d3d4 20%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #d1d3d4 20%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  color: #446bb4;
  z-index: 100;
}
.switch_grades label:first-child {
  position: relative;
  left: 14px;
}
/* Switcher in chart header band -------------------- */
.switch_grades_header {
  background: #e2dfdb;
  display: block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  height: 36px;
  margin: 1.5em 0;
}
.switch_grades_header div {
  background: #c69214;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1.0625em;
  font-weight: 700;
  height: 36px;
  left: 20px;
  line-height: 36px;
  margin: 0 !important;
  overflow: visible;
  padding: 0 20px;
  position: relative;
  text-align: center;
  top: -5px;
  vertical-align: middle;
  z-index: 50;
}
.switch_grades_header div.checked {
  background: #00a795;
  height: 46px;
  line-height: 46px;
  top: -8px;
  z-index: 100;
}
.switch_grades_header div.checked:before {
  border-color: transparent transparent transparent #00715f;
  border-style: solid;
  border-width: 8px 0 0 9px;
  content: '';
  height: 0;
  right: -9px;
  position: absolute;
  top: 0;
  width: 0;
}
.switch_grades_header div.checked:after {
  border-color: #00a795 transparent transparent transparent;
  border-style: solid;
  border-width: 11px 13px 0 13px;
  bottom: -10px;
  content: '';
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  width: 0;
}
.switch_grades_header div:focus {
  box-shadow: 0 0 7px #288ae6;
}
.switch_grades_header div + div {
  left: 16px;
}
.switch_grades_header div + div + div {
  left: 32px;
}
.switch_grades_header_fake {
  background: #a19788;
  border-bottom: 2px solid #6e695e;
  display: block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  height: 40px;
  margin: 1.5em 0;
}
.switch_grades_header_fake div {
  color: #fff;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  height: 39px;
  left: 20px;
  line-height: 39px;
  margin: 0 !important;
  overflow: visible;
  padding: 0 20px;
  position: relative;
  text-align: center;
  top: -8px;
  vertical-align: middle;
  z-index: 50;
}
.switch_grades_header_fake div.checked {
  background: #00a795;
  color: #fff;
  font-size: 1.125em;
  height: 57px;
  line-height: 57px;
  top: -8px;
  z-index: 100;
}
.switch_grades_header_fake div.checked:after {
  border-color: transparent transparent transparent #0c806f;
  border-style: solid;
  border-width: 8px 0 0 9px;
  content: '';
  height: 0;
  right: -9px;
  position: absolute;
  top: 0;
  width: 0;
}
.switch_grades_header_fake div:focus {
  box-shadow: 0 0 7px #288ae6;
}
.switch_grades_header_fake div + div {
  left: 16px;
}
.switch_grades_header_fake div + div + div {
  left: 32px;
}
.switch_grade_info {
  color: #fff;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400 !important;
  margin: 0 0 0 2em;
  position: relative;
  top: -3px;
}
.page-performance .switch_grades {
  margin: 0 0 2em;
}
.switch_languages {
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .6875em;
  font-weight: bold;
  margin: 0 0 1em;
  padding: 0 0 0 65px;
}
.switch_languages label {
  background: #f49628;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f49628 0%, #fab426 50%, #f49628 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f49628), color-stop(50%, #fab426), color-stop(100%, #f49628));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f49628 0%, #fab426 50%, #f49628 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f49628 0%, #fab426 50%, #f49628 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f49628 0%, #fab426 50%, #f49628 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f49628 0%, #fab426 50%, #f49628 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f49628', endColorstr='#f49628', GradientType=0);
  /* IE6-9 */
  border-top: 2px solid #fdb92b;
  border-bottom: 2px solid #fdb92b;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  height: 24px;
  margin: 0 !important;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  top: 0;
  width: 35px;
}
.switch_languages label input {
  position: relative;
  z-index: -25;
}
.switch_languages label[for="switch_english"] {
  border-left: 2px solid #fdb929;
  border-right: none;
  -webkit-border-radius: 12px 0 0 12px;
  border-radius: 12px 0 0 12px;
}
.switch_languages label[for="switch_english"] input + span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 24px;
  left: 1px;
  position: absolute;
  right: auto;
  text-indent: -999em;
  top: 0;
  vertical-align: middle;
  width: 30px;
  z-index: 50;
}
.switch_languages label[for="switch_english"] input + span:before {
  color: #939598;
  content: "English";
  left: -60px;
  position: absolute;
  text-indent: 0;
  top: 5px;
}
.switch_languages label[for="switch_english"] input + span:after {
  content: "";
}
.switch_languages label[for="switch_english"] input.checked + span {
  background-image: url(../img/switch.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  height: 24px;
  left: 1px;
  position: absolute;
  right: auto;
  top: 0;
  z-index: 100;
}
.switch_languages label[for="switch_english"] input.checked + span:before {
  color: #446bb4;
  content: "English";
  left: -60px;
  position: absolute;
  text-indent: 0;
  top: 5px;
}
.switch_languages label[for="switch_english"] input.checked + span:after {
  content: "";
}
.switch_languages label[for="switch_english"] input:focus + span {
  box-shadow: 0 0 7px 2px #288ae6;
}
.switch_languages label[for="switch_spanish"] {
  border-left: none;
  -webkit-border-radius: 0 12px 12px 0;
  border-radius: 0 12px 12px 0;
  border-right: 2px solid #fdb929;
  position: relative;
  left: -12px;
}
.switch_languages label[for="switch_spanish"] input + span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 24px;
  left: auto;
  position: absolute;
  right: 0;
  text-indent: -999em;
  top: 0;
  vertical-align: middle;
  width: 30px;
  z-index: 50;
}
.switch_languages label[for="switch_spanish"] input + span:before {
  content: "";
}
.switch_languages label[for="switch_spanish"] input + span:after {
  color: #939598;
  content: "Spanish";
  right: -60px;
  position: absolute;
  text-indent: 0;
  top: 5px;
}
.switch_languages label[for="switch_spanish"] input.checked + span {
  background-image: url(../img/switch.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  height: 24px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.switch_languages label[for="switch_spanish"] input.checked + span:before {
  content: "";
}
.switch_languages label[for="switch_spanish"] input.checked + span:after {
  color: #446bb4;
  content: "Spanish";
  right: -60px;
  position: absolute;
  text-indent: 0;
  top: 5px;
}
.switch_languages label[for="switch_spanish"] input:focus + span {
  box-shadow: 0 0 7px 2px #288ae6;
}
.switch_map_display > div {
  display: inline-block;
  margin: 0 1em 1em 0;
}
.switch_map_display > div span {
  background-color: #f18a21;
  border: 1px solid #939598;
  -moz-border-radius: 50px;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  width: 20px;
  z-index: 50;
}
.switch_map_display > div.checked span {
  background: #fff;
  box-shadow: inset 0 0 0 5px #f18a21;
}
.table-note {
  color: #191919;
  font-size: .825em;
}
table.population_table {
  border: 1px solid #e2dfdb;
  border-collapse: collapse;
  margin: 1em 0 3em;
  width: 100%;
}
table.population_table:last-child {
  margin-bottom: 1em;
}
table.population_table th,
table.population_table td {
  color: #4c4c4c;
  text-align: center;
  vertical-align: bottom;
}
table.population_table thead th {
  background: #001871;
  color: #fff;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: 700;
  overflow: hidden;
  padding: .5em 0;
}
table.population_table tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #e2dfdb;
}
table.population_table tbody tr:nth-child(odd) {
  background-color: #f5f4f3;
}
table.population_table tbody th {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding: .5em 1em;
  text-align: center;
  width: 20%;
}
table.population_table tbody td {
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1.3125em;
  font-weight: 400;
  padding: .5em 1em;
  width: 13%;
}
table.population_table tbody td span {
  font-size: .75em;
}
table.population_table tbody th a,
table.population_table tbody td a {
  color: #b78300;
  text-decoration: underline;
}
table.population_table tbody th a:hover,
table.population_table tbody td a:hover,
table.population_table tbody th a:focus,
table.population_table tbody td a:focus {
  color: #00a795;
  text-decoration: none;
}
table.gap_table {
  border: 1px solid #e2dfdb;
  border-collapse: collapse;
  margin: 1em 0 3em;
  width: 100%;
}
table.gap_table th,
table.gap_table td {
  text-align: center;
  vertical-align: bottom;
}
table.gap_table thead tr {
  border-bottom: 2px solid #e2dfdb;
}
table.gap_table thead th {
  background: #c69214;
  border-left: 2px solid #e2dfdb;
  color: #fff;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: .9375em;
  font-weight: 400;
  padding: 0;
  text-align: left;
  width: 22%;
}
table.gap_table thead th:first-child {
  border-left: none;
  width: 33%;
}
table.gap_table thead th a {
  color: #fff;
  display: block;
  padding: .5em 46px .5em 1em;
  position: relative;
}
table.gap_table thead th a .sort-caret {
  background-image: url(img/arrow-table.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  bottom: 11px;
  height: 14px;
  position: absolute;
  right: 16px;
  width: 32px;
}
table.gap_table thead th.ascending {
  background-color: #00a795;
}
table.gap_table thead th.ascending .sort-caret {
  background-image: url(img/arrow-table--green.png);
  background-position: 0 -14px;
}
table.gap_table thead th.descending {
  background-color: #00a795;
}
table.gap_table thead th.descending .sort-caret {
  background-image: url(img/arrow-table--green.png);
  background-position: 0 -28px;
}
table.gap_table tbody tr {
  background-color: #eceae7;
  border-bottom: 2px solid #e2dfdb;
}
table.gap_table tbody tr:nth-child(odd) {
  background-color: #faf9f8;
}
table.gap_table tbody th {
  border-left: none;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  padding: 10.5px 15px;
  text-align: left;
}
table.gap_table tbody th a {
  background: url(img/show-chart.png) no-repeat left center;
  font-weight: 700;
  padding-left: 55px !important;
}
table.gap_table tbody td {
  border-left: 2px solid #e2dfdb;
  color: #001871;
  font-size: 1.25em;
  font-weight: 400;
  padding: .5em 1em;
  vertical-align: middle;
  width: 13%;
}
table.gap_table tbody td span {
  font-size: .75em;
}
table.gap_table tbody th a,
table.gap_table tbody td a {
  color: #c69214;
  padding: .5em 0;
  text-decoration: none;
}
table.gap_table tbody th a:hover,
table.gap_table tbody td a:hover,
table.gap_table tbody th a:focus,
table.gap_table tbody td a:focus {
  text-decoration: underline;
}
/* Other table styling ---------------- */
.table_wrapper {
  text-align: center;
}
.table__intro {
  margin: 0 0 .25em;
}
.sig-up .sig-cell-wrapper,
.sig-down .sig-cell-wrapper {
  background-color: #001871;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 30px;
}
.sig-none .sig-cell-wrapper {
  background: url(img/diamond.png) no-repeat center;
  background-size: 100%;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
/* Matrix tables ---------------- */
.table--matrix {
  clear: both;
  margin: 1em 0 1em;
}
.table--matrix th {
  color: #fff;
  font-size: 1.25em;
  font-weight: 400;
  padding: 10px;
  vertical-align: top;
  width: 23%;
}
.table--matrix th span {
  display: block;
  font-size: .7em;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}
.table--matrix td {
  background: #f1efed;
  line-height: 1.3em;
  padding: 15px 20px;
  vertical-align: top;
  width: 23%;
}
.table--matrix td.cell--active {
  background: #f1efed;
  color: #808184;
}
.table--matrix td.cell--active .highlighted {
  color: #001871;
  font-weight: 700;
}
.table--matrix td.cell--green-vertical {
  background: #00a795;
  color: #fff;
  padding: 0 1px 0 4px;
  position: relative;
  min-width: 30px;
  text-align: center;
  vertical-align: middle;
  width: 2%;
}
.table--matrix td.cell--green-vertical:after {
  border-color: transparent transparent transparent #00a796;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  content: '';
  height: 0;
  position: absolute;
  right: -12px;
  top: 3.25em;
  width: 0;
}
.table--matrix td.cell--green-horizontal {
  background: #00a795;
  color: #fff;
  font-size: 1.35em;
  font-weight: 600;
  padding: 2px 0;
  position: relative;
  text-align: center;
  z-index: 0;
}
.table--matrix td.cell--green-horizontal:after {
  border-color: #00a796 transparent transparent transparent;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  content: '';
  height: 0;
  margin-left: -20px;
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: 0;
  z-index: -50;
}
/* Tables within overlays ------------ */
.overlay table.acl_table,
.overlay table.score_table,
.overlay table.gap_table {
  border-bottom: 1px dotted #d2d2d2;
  margin: 0 0 1em;
  padding: 0 0 1em;
  width: 100%;
}
.overlay table.acl_table th,
.overlay table.score_table th,
.overlay table.gap_table th,
.overlay table.acl_table td,
.overlay table.score_table td,
.overlay table.gap_table td {
  font-size: 1.125em;
  text-align: center;
  width: 33%;
}
.overlay table.acl_table th .sig-cell-wrapper,
.overlay table.score_table th .sig-cell-wrapper,
.overlay table.gap_table th .sig-cell-wrapper,
.overlay table.acl_table td .sig-cell-wrapper,
.overlay table.score_table td .sig-cell-wrapper,
.overlay table.gap_table td .sig-cell-wrapper {
  background-color: #a3a3a3;
  -moz-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  height: 25px;
  position: relative;
  top: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 25px;
}
.overlay table.acl_table th.sig-up .sig-cell-wrapper,
.overlay table.score_table th.sig-up .sig-cell-wrapper,
.overlay table.gap_table th.sig-up .sig-cell-wrapper,
.overlay table.acl_table td.sig-up .sig-cell-wrapper,
.overlay table.score_table td.sig-up .sig-cell-wrapper,
.overlay table.gap_table td.sig-up .sig-cell-wrapper,
.overlay table.acl_table th.sig-down .sig-cell-wrapper,
.overlay table.score_table th.sig-down .sig-cell-wrapper,
.overlay table.gap_table th.sig-down .sig-cell-wrapper,
.overlay table.acl_table td.sig-down .sig-cell-wrapper,
.overlay table.score_table td.sig-down .sig-cell-wrapper,
.overlay table.gap_table td.sig-down .sig-cell-wrapper {
  background-color: #001871;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 30px;
}
.overlay table.acl_table thead th,
.overlay table.score_table thead th,
.overlay table.gap_table thead th {
  color: #303030;
}
.overlay table.dem_table {
  margin: 0 5px;
  width: 390px;
}
.overlay table.dem_table th,
.overlay table.dem_table td {
  font-size: 1.0em;
  padding: 0 0 10px;
  text-align: center;
  width: 21%;
}
.overlay table.dem_table th .sig-cell-wrapper,
.overlay table.dem_table td .sig-cell-wrapper {
  background-color: #a3a3a3;
  -moz-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  height: 20px;
  position: relative;
  top: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px;
}
.overlay table.dem_table th.sig-up .sig-cell-wrapper,
.overlay table.dem_table td.sig-up .sig-cell-wrapper,
.overlay table.dem_table th.sig-down .sig-cell-wrapper,
.overlay table.dem_table td.sig-down .sig-cell-wrapper {
  background-color: #21298a;
  -moz-border-radius: 12.5px;
  border-radius: 12.5px;
  color: #fff;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 25px;
}
.overlay table.dem_table th:first-child,
.overlay table.dem_table td:first-child {
  text-align: left;
  width: 35%;
}
.overlay table.dem_table thead th {
  color: #303030;
}
.tiles-sm__title {
  color: #00953a;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  height: 160px;
  margin: .75em 1.25em 1.5em 0;
  text-align: center;
  vertical-align: top;
  width: 100px;
}
.tile-sm {
  display: inline-block;
  height: 160px;
  margin: 0 .75em 1.5em 0;
  text-align: center;
  width: 125px;
}
.tile-sm:last-child {
  margin: 0 0 1.5em;
}
.tile-sm a {
  text-decoration: none;
}
.tile-sm a .tile-sm__icon {
  background: #fff;
  border: 2px solid #d7d7d8;
  display: block;
  height: 100px;
  padding: 0;
}
.tile-sm a .tile-sm__icon img {
  border: 0;
  max-height: 100px;
  outline: 0;
}
.tile-sm a .tile-sm__label {
  color: #00953a;
  display: block;
  font-family: 'Open Sans', "Lucida Grande", Lucida, Arial, sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.1em;
  margin-top: .75em;
  text-decoration: none;
  text-transform: uppercase;
  width: 130px;
}
.tile-sm a:hover .tile-sm__icon,
.tile-sm a:focus .tile-sm__icon {
  border-color: #00953a;
}
.tile-sm a:hover .tile-sm__label,
.tile-sm a:focus .tile-sm__label {
  color: #00953a;
}
.video.video--home {
  height: 315px;
  width: 560px;
}
@media only screen and (max-width: 1023px) {
  .video.video--home {
    float: none;
    margin: 0 auto 1em;
  }
}
@media only screen and (min-width: 1024px) {
  .video.video--home {
    float: right;
    margin: 0 0 0 3em;
  }
}
.video.video--home iframe {
  border: 5px solid #c69214;
}