body {
  /* background-image: url("yellout.png"); */
  /* background-repeat: no-repeat; */
  /* background-attachment: fixed; */
  /* color: white; */
  /* background-color: black; */
  font-family: sans-serif;
  line-height: 1.4em;
}
.box {
  margin-top: 67px;
  margin-left: 275px;
  margin-right: 5%;
  /* background-color: rgba(0,0,0,0.75); */
  /* border: 1px solid rgb(255,255,138); */
  /* padding: 2px; */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  /* padding-top: 5px; */
  /* padding-bottom: 10px; */
  /* -moz-border-radius: 12px; */
  /* border-radius: 12px; */
}

.note {
  margin-right: 5%;
  background-color: yellow;
  border: 1px solid #ccc;
  padding: 2px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

h1, h2 {
  /* color: rgb(255,127,52); */
  color: rgb(0,51,102);
}

h2 {
  margin-top: 28px;
  margin-bottom: 0;
  font-size: 120%;
}

h2 + p {
  margin-top: 6px;
}

a {
  /* color: rgb(255,127,52); */
}

address {
  white-space: pre;
}

#mascot {
  position: fixed;
  left: 10px;
  bottom: 0px;
}

#w3clogo {
  position: fixed;
  left: 0px;
  top: 0px;
}

#title {
  font-size: 220%;
  line-height: 1.2em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}