BODY {
  background-color: #44ccff;
  color: #000066;
  font-family: "Comic Sans MS", Arial, sans-serif;
}
A:link {
  color: #cc0000;
}
A:visited {
  color: #0000cc;
}
A:active {
  color: #00cc00;
  text-decoration: underline;
}
A:hover {
  color: #00cc00;
  text-decoration: underline;
}
A:focus {
  color: 00cc00;
  text-decoration: underline;
  background-color: #cccc99;
}

.lo-res {
  background-color: white;
  color: black;
}

.mid90 IMG {
  vertical-align: middle;
}

.whitepaper {
  background-color: white;
  color: black;
  padding-top: 1em;
  padding-bottom: 1em;
}

.dirbar {
  text-align: center;
  color: white;
  background-color: black;
  border-top: 4px solid black;
  border-bottom: 4px solid black;
}
.dirbar A:link {
  color: #cc3333;
}
.dirbar A:visited {
  color: #3333ff;
}
.dirbar A:active {
  color: #33cc33;
  text-decoration: underline;
}
.dirbar A:focus {
  color: #cc33cc;
}
.dirbar A:hover {
  color: #33cccc;
  text-decoration: underline;
}
.dirbar IMG {
  vertical-align: middle;
}

.ubcHomer {
  color: #330099; 
  background-color: #eeeeff;
  padding-left: 3em;
  padding-right: 3em;
  border-bottom: #330099 solid 3px;
  border-top: #330099 solid 3px;
  margin-bottom: 4px;
}
A.ubcHomer {
  display: block;
  text-decoration: none;
}
A.ubcHomer:link {
  color: #330099;
}
A.ubcHomer:visited {
  color: #990033;
}
A.ubcHomer:active {
  color: #339933;
  text-decoration: underline;
}
A.ubcHomer:focus {
  color: #339933;
}
A.ubcHomer:hover {
  color: #eeeeff;
  background-color: #330099;
}