body {
  padding-left: 2em;
  padding-right: 2em;
  font-family: Helvetica,sans-serif;
}

h1 {
  color: #66a;
  font-size: x-large;
  text-align: right;
  padding-right: 4ex;
  margin-bottom: 0;
}

h2 {
  color: #44f;
  text-align: center;
  font-size: x-large;
}

h3 {
  color: #a00;
  font-size: large;
}

.weak {
  color: #555;
  background: white;
}

.weak h3 {
  color: #a55;
  background: white;
}

header {
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}


table.menu {
  padding-left: 2em;
  padding-right: 2em;
  font-weight: bold;
  text-align: right;
}

.menu td {
  padding-left: 1em;
  padding-right: 1em;
}
.menu td.key {
  color: gray;
  display: none;
  text-align: right;
}

.menu td.links {
  margin-left: 10em;
  color: #888;
  text-align: right;
}

.menu td.link {
  font-weight: bold;
}

td.selected {
  color: #a00;
}

main {
  padding-left: 1em;
  padding-right: 1em;
  clear: right;
  width: 100%;
}

main table { 
  width: 98%; 
  padding: 0 0 0 0;
  margin: 1em 1em 1em 1em; 
}
main td     { 
  vertical-align: top; 
}

main td.key { 
  width: 15%;
}

.role { 
  font-size: small;
  color: gray; 
}