/*--- generics --------------------------------------*/
BODY {
  background: #ccc;
}

H1 {
  font: 210% bold Helvetica,Arial,sans-serif;
  color: #369;
}

H2 {
  font: 180% bold Helvetica,Arial,sans-serif;
  color: #369;
}

H3 {
  font: 150% bold Helvetica,Arial,sans-serif;
  color: #369;
}

H4 {
  font: 130% bold Helvetica,Arial,sans-serif;
  color: #369;
}

H5 {
  font: 110% bold Helvetica,Arial,sans-serif;
  color: #369;
}

TT {
  font: 120% Courier,fixed;
}

p {
  font: 100% Helvetica,Arial,sans-serif;
}

A:link {
  color: #699;
  text-decoration: none
}

A:visited {
  color: #699;
  text-decoration: none
}

A:hover {
  color: #699;
  text-decoration: underline
}

A:active  {
  color: red;
  text-decoration: underline
}

H1 A:link,
H2 A:link,
H3 A:link,
H4 A:link,
H5 A:link {
  color: #369;
  text-decoration: none
}

H1 A:visited,
H2 A:visited,
H3 A:visited,
H4 A:visited,
H5 A:visited {
  color: #369;
  text-decoration: none
}

H1 A:hover,
H2 A:hover,
H3 A:hover,
H4 A:hover,
H5 A:hover {
  color: #369;
  text-decoration: underline
}

H1 A:active,
H2 A:active,
H3 A:active,
H4 A:active,
H5 A:active  {
  color: red;
  text-decoration: underline
}

/*--- class sidebar ---------------------------------*/
.sidebar {
  background: #ccc;
  color: #699;
  font-family: Helvetica,Arial,sans-serif;
}

DIV.sidebar {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  width: 164px;
  height: 95%;
  float: left;
}

DIV.sidebar HR {
  color: #ccc;
  border: 0;
  border-top: 1 solid #369;
}

DIV.sidebar A:link {
  color: #369;
  text-decoration: none
}

DIV.sidebar A:visited {
  color: #369;
  text-decoration: none
}

DIV.sidebar A:hover {
  color: #369;
  text-decoration: underline
}

DIV.sidebar A:active  {
  color: red;
  text-decoration: underline
}

DIV.sidebar UL LI {
  margin-left: -0.5em;
  list-style-type: disc;
}

DIV.sidebar UL LI UL LI {
  margin-left: -1.8em;
  list-style-type: disc;
}

DIV.sidebar UL LI UL LI UL LI {
  margin-left: -1.8em;
  list-style-type: disc;
}

LI#this {
  list-style-type: circle;
}

LI#this LI {
  list-style-type: disc;
}

/*--- class content ---------------------------------*/
.content {
  font-family: Helvetica,Arial,sans-serif;
}

IMG.content#top {
  border: 0;
  margin-top: 10px;
  margin-left: 10%;
}

IMG.centered {
  border: 0;
  margin-top: 10px;
  margin-left: 15%;
}

DIV.content {
  background: #fff;
  padding-top: 4px;
  padding-bottom: 16px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
  margin-left: 4px;
  margin-bottom: 6px;
  border: 1px solid #369;
  width: 70%;
  float: left;
}

/*--- class copyright -------------------------------*/
.copyright {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 80%;
  text-align: center;
}

DIV.copyright {
  width: 100%;
  float: left;
  color: #369;
}

/*--- class credit ----------------------------------*/
.credit {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 80%;
  font-style: italic;
}

/*--- class company ---------------------------------*/
DIV.company {
  font-style: Helvetica,Arial,sans-serif;
  width: 50%;
  background: #fff;
  padding-top: 4px;
  padding-bottom: 16px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10%;
  border: 1px solid #369;
}

FONT.company {
  font: 100% bold Helvetica,Arial,sans-serif;
  color: #369
}

/*--- class userinput -------------------------------*/
FONT.userinput {
  font: 120% Courier,fixed;
  color: #369;
}

/*--- tables ----------------------------------------*/
TD.heading { 
  font: 100% bold Helvetica,Arial,sans-serif;
  background: #aaa;
}

TD.even { background: #ccc; }
TD.odd  { background: #ddd; }