.cms-global-left.ds-l-lg-col--3, .cms-global-right.ds-l-lg-col--3 {
  max-width: 23%;
  flex: 0 0 23%; }

.cms-global-center {
  padding: 5px; }
  .cms-global-center.ds-l-lg-col--6 {
    max-width: 54%;
    flex: 1 0 54%; }

.node--type-section-page h2, .node--type-section-page h3 {
  padding-bottom: 6px; }
  .node--type-section-page h2 a, .node--type-section-page h3 a {
    text-decoration: none; }
.node--type-section-page p {
  margin-right: 50px; }

.region-cms-leftnav #block-cmscciioleftbox {
  background: #0b5296;
  text-align: center;
  font-family: "Century Gothic";
  color: white;
  font-size: 4em;
  line-height: 1.1em;
  margin-top: 10px;
  margin-bottom: 10px; }
  .region-cms-leftnav #block-cmscciioleftbox p, .region-cms-leftnav #block-cmscciioleftbox .content {
    margin: 0; }
    .region-cms-leftnav #block-cmscciioleftbox p a, .region-cms-leftnav #block-cmscciioleftbox .content a {
      text-decoration: none;
      color: #fff; }
      .region-cms-leftnav #block-cmscciioleftbox p a:visited, .region-cms-leftnav #block-cmscciioleftbox .content a:visited {
        color: #fff; }
      .region-cms-leftnav #block-cmscciioleftbox p a:hover, .region-cms-leftnav #block-cmscciioleftbox p a:focus, .region-cms-leftnav #block-cmscciioleftbox .content a:hover, .region-cms-leftnav #block-cmscciioleftbox .content a:focus {
        color: #0b5296;
        background-color: #fff; }
.region-cms-leftnav #block-resources {
  margin-top: 10px;
  border-style: solid;
  border-width: .2em;
  border-color: #e3eaf1;
  background-color: #f6f8fa; }
  .region-cms-leftnav #block-resources li a {
    text-decoration: none; }
    .region-cms-leftnav #block-resources li a:active, .region-cms-leftnav #block-resources li a:focus, .region-cms-leftnav #block-resources li a:hover {
      text-decoration: underline; }
.region-cms-leftnav .block-menu li.menu-item:active {
  color: #ffffff;
  background-color: #3A73AA;
  text-decoration: none; }
.region-cms-leftnav .block-menu h2 {
  color: black;
  font-size: 1.5em;
  font-weight: bold;
  padding: .5em;
  margin: .5em 0 .5em 0;
  margin-block-start: 0px;
  margin-block-end: 0px;
  background-image: -webkit-linear-gradient(top, #f9fbfc, #b7cce0);
  border-bottom: .2em solid #e3eaf1; }
.region-cms-leftnav .block-menu .menu {
  background-color: #f6f8fa;
  padding-left: 0px; }
  .region-cms-leftnav .block-menu .menu .menu-item {
    font-family: Arial;
    font-size: 0.9rem;
    padding: 0.5em 0 0 0;
    color: #002280;
    margin: 4px 0;
    list-style: none; }
    .region-cms-leftnav .block-menu .menu .menu-item.menu-item--active-trail {
      padding-top: .5em;
      color: #002280;
      margin: 4px 0;
      list-style: none;
      background-color: #f6f8fa; }
    .region-cms-leftnav .block-menu .menu .menu-item a {
      display: table-cell;
      padding: 0 1em 0.5em 1em; }
    .region-cms-leftnav .block-menu .menu .menu-item .menu {
      list-style-type: none;
      padding-left: 0;
      margin-top: 0;
      margin-bottom: 0;
      border-style: none; }
      .region-cms-leftnav .block-menu .menu .menu-item .menu .menu-item {
        padding: .5em 1em .5em 1em;
        color: #002280;
        background-color: #D3DFEB;
        margin: 1px 0px 0px 0px; }
.region-cms-leftnav #block-cmsmainnavigation {
  border-style: solid;
  border-width: .2em;
  border-color: #e3eaf1;
  background-color: #f6f8fa; }
  .region-cms-leftnav #block-cmsmainnavigation #left-nav-btn {
    display: none; }
  .region-cms-leftnav #block-cmsmainnavigation h2 {
    color: black;
    font-size: 1.5em;
    font-weight: bold;
    padding: .5em;
    margin: .5em 0 .5em 0;
    margin-block-start: 0px;
    margin-block-end: 0px;
    background-image: -webkit-linear-gradient(top, #f9fbfc, #b7cce0);
    border-bottom: .2em solid #e3eaf1; }
  .region-cms-leftnav #block-cmsmainnavigation ul {
    border: 0; }
    .region-cms-leftnav #block-cmsmainnavigation ul li {
      border-bottom: 0; }
      .region-cms-leftnav #block-cmsmainnavigation ul li.menu-item--expanded {
        border-color: #e3eaf1;
        background-color: #f6f8fa; }
      .region-cms-leftnav #block-cmsmainnavigation ul li ul {
        border: 0; }
        .region-cms-leftnav #block-cmsmainnavigation ul li ul li a {
          padding-bottom: 0; }
      .region-cms-leftnav #block-cmsmainnavigation ul li a {
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: normal;
        padding-right: 5px; }
        .region-cms-leftnav #block-cmsmainnavigation ul li a.is-active {
          color: #884488; }
        .region-cms-leftnav #block-cmsmainnavigation ul li a:active, .region-cms-leftnav #block-cmsmainnavigation ul li a:focus, .region-cms-leftnav #block-cmsmainnavigation ul li a:hover {
          color: #006699;
          text-decoration: underline; }

.region-cms-rightnav {
  box-shadow: none; }
  .region-cms-rightnav #block-cmscciioupdaterightrail, .region-cms-rightnav #block-cmscciioresourcesrightrail {
    margin-top: 80px; }
    .region-cms-rightnav #block-cmscciioupdaterightrail h2, .region-cms-rightnav #block-cmscciioresourcesrightrail h2 {
      background-image: none;
      color: #422806; }

#block-cciiositetitle {
  margin-bottom: 40px; }
  #block-cciiositetitle h2 {
    background-image: none;
    font-size: 1.5em;
    margin: 0; }

.map-select-container {
  text-align: center;
  padding: 20px 0; }
  .map-select-container select, .map-select-container input {
    height: 30px;
    border: 1px solid #d2d2d2; }
  .map-select-container select {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .map-select-container input {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+0,e8e8e8+100 */
    background: #f5f5f5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0 );
    /* IE6-9 */
    margin-left: -5px; }

.popup-rollover {
  position: absolute;
  display: inline-block;
  background-color: #fff;
  moz-opacity: 0.95;
  opacity: 0.95;
  filter: alpha(opacity=95);
  border-radius: 10px;
  padding: 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  color: #343434;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  margin: 30px 0 0 -20px; }

.heatmap-legend {
  margin: 20px 0; }
  .heatmap-legend .legend-col {
    display: inline-block;
    width: 20%;
    padding-left: 25px;
    margin-right: 10px;
    position: relative;
    vertical-align: top; }
    .heatmap-legend .legend-col:before {
      content: '';
      display: inline-block;
      border: 1px solid black;
      height: 15px;
      width: 15px;
      background: #152A4C;
      position: absolute;
      left: 0; }
    .heatmap-legend .legend-col.cap2:before {
      background: #3766A5; }
    .heatmap-legend .legend-col.no-cap {
      width: 10%; }
      .heatmap-legend .legend-col.no-cap:before {
        background: #82A2C8; }
    .heatmap-legend .legend-col.no-resource:before {
      background: #A9A9A9; }