BODY {
  FONT-SIZE: 14px;
  COLOR: #FFFFFF;
  FONT-FAMILY: arial narrow,Helvetica;
  margin: 10px;
}

BODY.main {
  BACKGROUND-COLOR: #703366;
  scrollbar-track-color: #552255;
  scrollbar-face-color: #703366;
  scrollbar-highlight-color: #703366;
  scrollbar-3dlight-color: #552255;
  scrollbar-shadow-color: #703366;
  scrollbar-darkshadow-color: #552255;
  scrollbar-arrow-color: #FFFFFF;
}

BODY.menu {
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #552255;
  text-align: right;
  scrollbar-track-color: #703366;
  scrollbar-face-color: #552255;
  scrollbar-highlight-color: #552255;
  scrollbar-3dlight-color: #703366;
  scrollbar-shadow-color: #552255;
  scrollbar-darkshadow-color: #703366;
  scrollbar-arrow-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: right;
}

BODY.divider {
  background-image: url(divider.gif); 
  background-color: #703366;
}

H2 {
  FONT-SIZE: 28px;
  TEXT-ALIGN: center;
  COLOR: #FFFFFF;
  FONT-FAMILY: "arial narrow,Helvetica;
}
H3 {
  FONT-SIZE: 20px;
  COLOR: #FFFFFF;
  FONT-FAMILY: "arial narrow,Helvetica;
}
A:link {
  COLOR: #FFD235;
  text-decoration: none;
}
A:hover {
  COLOR: #ffff66;
  text-decoration: line-through;
}
A:visited {
  COLOR: #FFA735;
  text-decoration: none;
}
A:hover {
  COLOR: #ffff66;
  text-decoration: line-through;
}
A:active {
  COLOR: #FFFFFF;
}
a img {border-width: 0px}
FONT.incomplete {
  COLOR: #ffff88;
}
FONT.complete {
  COLOR: #ffffff;
}
FONT.uncertain {
  COLOR: #88ff88;
}
FONT.unsurfaced {
  COLOR: #aaaaaa;
}

input,select,textarea {
  font: 10pt arial narrow,Helvetica;
}

table {
  width: 100%;
  FONT-SIZE: 14px;
  border-width: 1px;
  border-style: solid;
  border-color: #552255;
  border-collapse: collapse;
}

td {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #552255;
}

th {
  COLOR: #FFFFFF;
  background-color: #552255;
  padding: 10px;
  font-weight: normal;
}