BODY {
  font-family: Arial, sans-serif;
  font-size: 90%;
}

h2 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  color: #140;
  font-size: 100%;
}

p {
  margin-top: 0;
}


/******************* coloured pages **************************/

div.greenpage, div.graypage, div.blackpage {
  padding: 15px 20px 15px 20px;
  border: thin outset #731;
  border-bottom: 5px outset #731;
  margin-bottom: 50;
  margin-left: 50;
  margin-right: 150;
}

h1.greenheader, h1.grayheader, h1.blackheader {
  padding: 0 0 3px 20px;
  border: thin outset #731;
  margin-top: 0;
  margin-left: 50;
  margin-right: 150;
  color:white;
}

div.greenpage {
  background: #6c0;
  color: black;
}

h1.greenheader {
  background: #180;
}

div.graypage {
  background: #888;
  color: black;
}

h1.grayheader {
  background: #444;
}

div.blackpage {
  background: #111;
  color: white;
}

h1.blackheader {
  background: #000;
}


/******************* table **************************/

table.listtable {
  font-size: 90% /*smaller*/;
  border: 1px solid #000;
  border-collapse: collapse;
}

table.listtable td.header {
  font-weight: bold;
  background: #444;
  color: white;
}

table.listtable td {
  border: 1px solid #000;
  padding: 3px;
  background: #ccc;
  color: #000;
}