body {
  color: #000050;
  background: white;
  font-family: serif;
}

.question {
  margin-left: 1em;
  padding-left: 0.1em;
  border-color: black;
  border-style: none none none solid;
  border-width: 1.5pt;
}

table {
  width: 100%;
}
table.title td#logo {
  text-align: right;
}

.title {
  background: #f5f560;
  border-color: #000020;
  border-width: 1pt;
  border-style: solid;
  padding: 0em 0em 0.1em 0.2em;
  margin-bottom: 0.5em;
}
.subtitle {
  font-size: 40%;
  font-weight: normal;
}

.td {
  valign: top;
}
.nav {
  text-align: center;
  background: #e0e0ff;
  padding: 1em 1em 3em 1em;
  border-color: #000020;
  border-width: 1pt;
  border-style: solid;
  vertical-align: top;
}
.nav .l2 {
  text-align: right;
}
.nav a {
  text-decoration: none;
}
.nav .l1 a {
  color: #505000;
  font-weight: bold;
}
.nav .l2 a {
  color: #801000;
  font-weight: normal;
}
.nav a:hover {
  text-decoration: underline;
}
.contents {
  vertical-align: top:
  border-color: #000020;
  border-width: 1pt;
  border-style: solid;
  margin: 0.5em 1em 0.5em 1em;
  background: white;
}
.contents h1 {
  color: #500000;
  font-weight: bold;
  font-size: 160%;
}
.contents h2 {
  color: #101010;
  font-weight: bold;
  font-decoration: italic;
  font-size:120%;
}
.footer {
  text-align: center;
  font-size: 75%;
}
.code {
  margin-left: 1em;
  padding-left: 0.1em;
  border-color: #500000;
  border-style: none none none solid;
  border-width: 1pt;
}
var {
  color: #000020;
}