body {
  margin: auto;
  margin-top: 40px;
  width: 780px;
  background-color: #EEEEEE;
}
h1, h2 {
  text-align: center;
  font-family: "Verdana";
  height: 2em;
}
th {
  text-align: center;
  font-family: "Verdana";
  height: 0.5em;
  text-decoration: underline;
}
iframe {
  width: 100%;
  height: 50%;
}
p {
  text-align: justify;
  margin-left: 32px;
  margin-right: 32px;
  font-size: 18px;
  font-family: "Georgia";
}
table {
  width: 100%;
  margin-left: 32px;
  margin-right: 32px;
  padding: 4px 8px;
  font-family: "Georgia";
  font-size: 14px;
  text-align: center;
}
ul#menubar {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Verdana";
  overflow: hidden;
  border: 4px solid #5895A4;
  border-radius: 10px;
}
#menubar > li {
  float: left;
  width: calc(100%  /2);
}
a.button:link, a.button:visited {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #D8E5E5;
  background-color: #5895A4;
  text-align: center;
  text-decoration: none;
  padding: 0.2em 0.0em;
}
a.button:hover, a.button:active  {
  background-color: #AB3312;
}
a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #176A7E;
}
a:hover, a:active {
  color: #AB3312;
}
ul {
  list-style-type: none;
}
.mono {
  font-family: monospace;
}