body {
  margin:0px;
  padding:0px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:small;
  color:#000000; /* black */
  background-color:#FFFFFF; /* white */
}

a {
  text-decoration:underline;
  font-weight:bold;
}

/* In the order given below, the active doesn't work
   at all but the others do. I didn't like how the
   active was also the last-visited, so I will use
   this behavior until I investigate this further. 
*/

a:active {
  color: blue;
  background-color:#FF0000;
}

a:link {
  color: blue;
  background-color:transparent;
}

a:visited {
  color: blue;
  background-color:transparent;
}

a:hover	{
  color: red;
  background-color:transparent;
}

#header {
  /* debug
  border:solid 1px;
  */
  margin:10% 0% 0% 0%;
  padding:0% 5% 0% 5%;
  font-size:large;
  color:#000000; /* black */
  background-color:#CCCCCC;
}

#navigation { 
  margin:0% 0% 0% 0%;
  padding:0% 5% 0% 5%;
}

#navigation a { 
  font-size:x-small;
  text-decoration:none;
}

.centered-block { 
  margin:3% 10% 0% 10%; /* top controls distance from previous */
  padding:1% 5% 1% 5%;
  border:solid 1px;
}

.centered-links { 
  margin:3% 10% 0% 10%; /* top controls distance from previous */
  padding:1% 0% 1% 0%;
  border:solid 1px;
}

table.links { 
/*
  border:solid 1px;
*/
  width:100%;
}

table.links td {
/*
  border:solid 1px;
*/
  text-align:center;
}

hr { 
  margin:3% 0% 0% 0%;
}

#validation-footer {
  /*
  border:solid 1px;
  */
  float:right;
  margin:0% 0% 5% 0%;
  padding:0% 2% 0% 5%;
  font-size:x-small;
}