body {
  text-align: center;
  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
  margin: 8px 2%;
  padding: 0;
}

h1 {
  text-align: center;
  font-family: sans-serif;
  padding: 4px 0;
  border-width: 1px;
  border-style: solid;
  margin: 9px 0;
}

#navbar {
  width: 100%;
  font-size: 10pt;
  text-align: center;
  margin: 8px 0;
  border-style: none;
  padding: 0px;
  border-spacing: 1px;
  table-layout: fixed;
}

#navbar th {
  font-family: serif;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}

#navbar td {
  padding: 0;
}

#navbar a {
  display: block;
  text-decoration: none;
  padding: 2px 0;
}

#calendar {
  width: 100%;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  table-layout: fixed;
  border-style: none;
}

#calendar th {
  font-size: 12pt;
}

.past, .future {
  text-align: left;
  height: 80px;
}

#calendar table {
  width: 100%;
  border-spacing: 1px;
}

#calendar table td {
  font-size: 10pt;
  font-weight: normal;
  padding: 0;
  width: 100%;
}

#calendar table a {
  display: block;
  text-decoration: none;
  padding: 2px;
}

#display {
  width: 100%;
  text-align: center;
  font-size: 10pt;
  border-style: none;
  border-spacing: 2px;
  padding: 0;
  margin: 0;
}

#display th {
  font-weight: bold;
  font-size: 12pt;
}

.description {
  text-align: justify;
}

.box {
  text-align: left;
  font-size: 10pt;
  border-style: solid;
  border-width: 1px;
}

table.box {
  width: 100%;
   border-spacing: 0;
}

table.box td {
  padding: 4px;
}

table.box td:first-child {
  text-align: right;
}

table.box th {
  text-align: center;
  margin: 0;
  font-size: 12pt;
}

div.box, a.box {
  width: 96px;
  text-align: center;
  margin: 8px auto;
  font-size: 12pt;
  padding: 4px;
}

a.box {
  text-decoration: none;
  display: block;
}

b {
  font-size: 16pt;
}

img {
  border-style: none;
}