BODY {
 background-color: #e0e0ff;
}

P {
 font-family: sans-serif;
 color: black;
 background-color: white; 
 padding-left: 5px;
}

.title {
 background-color: #e0e0ff; 
 font-family: arial, helvetica, ariel, sans-serif;
 color: black;
 font-size: 150%;
 font-weight: bold;
}

.subtitle {
 background-color: #e0e0ff; 
 font-family: arial, helvetica, ariel, sans-serif;
 color: #000000;
 font-size: 120%;
 padding-left: 5px;
}

.box {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  padding: 2px 2px 2px 2px;
  background-color: #ffffff;
}

/* the left-side menu */
.menu {
  border-color: black;
  border-width: 1px;
  border-style: solid;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  padding: 2px 2px 2px 2px;
}

.menu a {
  text-decoration: none;
  font-family: sans-serif;
}

.funcmenu {
  border: outset 1px #000000;
  float: right;
  background: #ffffff;
  padding: 4px 4px 4px 4px;
}

.funcmenu a {
  text-decoration: none;
  font-family: sans-serif;
  color: #003000;
  padding: 0px 0px 0px 0px;
}

.funcmenu div {
  padding: 1px 1px 1px 1px;
}

.itemselect {
  background-color: #e0e0ff;
}

/* a non-selected item in the main menu, with the mouse hovering */
.funcmenu a:hover {
  text-decoration: none;
  background-color: #e0e0ff;
  color: #000000;
  white-space: nowrap;
  padding: 0px 0px 0px 0px;
  font-family: sans-serif;
}

tr.odd {
  color: #000000;
  background-color: #e0e0ff;
}