body {
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 12pt;
  background-color: #e6e6e6;
  margin: 0;
  padding: 0; }

.body-wrapper {
  background-color: white;
  width: 100%;
  min-width: 750px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2ex 2ex 6ex;
  box-sizing: border-box; }

body.data {
  background-color: white; }
  body.data .body-wrapper {
    max-width: none;
    width: auto; }
    body.data .body-wrapper .data-table-wrapper {
      width: 100%;
      overflow-x: auto;
      box-sizing: border-box; }
  body.data .notes {
    max-width: 40em;
    margin: 0 auto; }

a {
  text-decoration: none; }
  a:link, a:visited {
    color: #388bff; }
  a:hover, a:active {
    color: #056dff; }

.index .body:after {
  content: '';
  display: block;
  clear: both; }
.index .body .left-menu {
  float: left;
  width: 15em; }
.index .body .page-content {
  overflow: hidden; }
  .index .body .page-content img.graph {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .index .body .page-content .mini-nav {
    text-align: center; }

.left-menu ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .left-menu ul.menu li {
    margin: 0;
    padding: 0; }
    .left-menu ul.menu li a {
      display: block;
      background-color: #388bff;
      color: white;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
      padding: 4pt 4pt;
      line-height: 1.3; }
      .left-menu ul.menu li a:hover, .left-menu ul.menu li a:active {
        background-color: #056dff; }
    .left-menu ul.menu li + li {
      margin-top: 2pt; }

.page-title {
  border-bottom: 3pt solid #388bff;
  line-height: 1.0;
  padding-bottom: 0.4ex;
  text-align: center; }

.data-page table.data {
  width: 100%; }
  .data-page table.data thead th {
    background-color: #d9d9d9;
    font-size: 10pt;
    white-space: nowrap;
    padding: 1pt 3pt; }
  .data-page table.data tbody tr:nth-of-type(2n) {
    background-color: #e6e6e6; }
  .data-page table.data tbody td {
    text-align: center; }
.data-page .footnote {
  font-size: 10pt; }

.contact-information {
  margin: 0 auto; }
  .contact-information .label {
    padding-right: 2em;
    vertical-align: top; }

.header {
  width: 100%;
  margin-bottom: 4ex;
  position: relative; }
  .header .logo {
    float: left; }
    .header .logo img {
      height: 80px; }
  .header .name {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24pt; }
  .header:after {
    content: '';
    display: block;
    clear: both; }

.header-slim .logo img {
  height: auto; }
.header-slim .name {
  font-size: 100%;
  text-align: right; }

.footer {
  border-top: 1px solid #e6e6e6;
  margin-top: 6ex;
  padding-top: 2ex; }
  .footer .content {
    position: relative;
    color: #404040;
    font-size: 11pt;
    text-align: left;
    width: 40em;
    margin: 0 auto; }
    .footer .content .logo {
      position: absolute;
      top: 0;
      left: 0; }
    .footer .content .text {
      text-align: center; }