BODY {
     background-color: #ccccff;
     font-size: 12pt;
     text-align: center;   
 }
H1 { font: 250% verdana, arial, sans-serif; text-align: center; color: #88b0d0; }
H2 { font: 150% verdana, arial, sans-serif; text-align: left; }
H3 { font: 100% verdana, arial, sans-serif; text-align: center; }
H4 { font: 75% verdana, arial, sans-serif; text-align: center; }
P { font: 105% verdana, arial, helvetica, sans-serif; }
ul { font: 90% verdana, arial, sans-serif; }
li { font: 90% verdana, arial, sans-serif; }

A:link {font: verdana, arial, sans-serif; text-decoration: none; }
A:visited {font: verdana, arial, sans-serif; text-decoration: none; }
A:active {font: verdana, arial, sans-serif; text-decoration: none; }
A:hover {font: verdana, arial, sans-serif; text-decoration: underline; color: red; }

#titleBar {
  background-color: #88b0d0;
  border-color: #88b0d0 #88b0ff #88b0ff #88b0d0;
  border-style: solid;
  border-width: 3px;
  color: #e0d8ff;
  font-size: 275%;
  font-weight: bold;
  font-family:  verdana, arial, sans-serif;
  padding: 2px .5em;
}

#main {
  background-color: #ccccff;
  text-align: center;
  margin: 0px auto;
  width: 45em;
}

#content {
  background-color: #e0d8ff;
  color: #000000;
  text-align: left;
  border-color: #88b0d0 #88b0ff #88b0ff #88b0d0;
  border-style: solid;
  border-width: 2px;
  padding: .5em 1em .25em 1em;
}