body { 
  color: #666;
  font: 80% Verdana,Arial,Helvetica,sans-serif;
  padding: 10px; margin: 10px;
  border: 2px inset #c6c; /* purple */
}

img {
  padding: 10px;
}
	   
h1 { 
  background: url(images/title.jpg) no-repeat top center; overflow: hidden;
  height: 0; padding-top: 74px; width: 100%; 
}

h2 { 
  font: normal 140% Arial,sans-serif;
  text-align: center; 
}

h3 {
  font: normal 135% Arial,sans-serif;
  text-align: center; 
  margin: 0;
}
  
tr {
  vertical-align: top;
}

td {
  width: 20%;
  min-width: 220px;
  text-align: center;
  background: #d2e5b6; /*grey greenish */
  border: 1px solid #9fe140; /* greenish */
}

.male {
  background: #c4dce3; /* pale blue */
  border: 1px solid #0592bb; /* med blue */  
}

.female {
  background: #f9cfee; /* pale pink */
  border: 1px solid #e233b3; /* med pink */
}
 
ul {
  text-align: left;
}


/* Mainline links */
  
a { 
  font-weight: bold; 
  color: #294403;
}

.male a {
  color:  #0592bb;
}

.female a {
  color: #d18bb5;
}
  
a:hover { 
  color: #666; /* grey */ }