body {
  background: white url(graphics/screenBackground.gif) repeat;
  font: 12pt "Trebuchet MS", Arial, sans-serif ;
  color: #036;
  margin: 0em;
  padding: 0em;
}

p {
  margin: 1em 1em 0em 1em;
}

a {
  text-decoration: none;
}

a:hover {
  color: #09f;
}

h1 { 
  text-decoration: none;
  font: bold 12pt "Trebuchet MS", Arial, sans-serif ;
  color: #036;
  margin: 2em .5em 1em .5em;
  border-bottom: 1px solid #036; 
}

h2 {
  font: bold 12pt "Trebuchet MS", Arial, sans-serif ;
  margin: 1em .5em 1em .5em;
  border-style: none;
  top: 10px;
  left: 10px;
  z-index: 4;    
}

h2 a {
  color: #036;
  text-decoration: none;
}

h3 {
  font: italic 12pt "Trebuchet MS", Arial, sans-serif ;
  margin: 1em .5em 1em .5em;
  border-style: none;
  top: 10px;
  left: 10px;
  z-index: 4;   
}
.section div p {
  margin: 0em 0em 1em 1em;
}

.section div table {
  text-align: left;
  border: 1px solid #ccf;
  border-collapse: collapse;
}

.section div td {
  padding: 0em .5em 0em .5em;
}
/*  vertical-align: center; <- was in section above, but Firefox doesn't like it. */

.section div thead {
  border-bottom: 1px solid #ccf;
}

.section div tbody {
  border-bottom: 1px solid #ccf;
  margin: 0em;
}

.section div td .al {
  padding: 0em .5em 0em .5em;
  border-bottom: 1px dashed #ccf;
  z-index: 6;
}