body { 
font-family: Arial, sans-serif;
/* was font-size: 16px;  */
font-size: 12px;   /* = 100% = 1em  */
text-align: center;
color: white;  background: black;
margin-left: 2%;  margin-right: 2%;
}

a:link { color: aqua; }
a:visited { color: fuchsia; }
a:active { color: fuchsia; }
a:hover { color: fuchsia; }

h1 { font-size: 150% }
h2 { font-size: 125% }
h3 { font-size: 100% }
h4 { font-size: 90% }

/*  table { font-size: inherit; }   works great, except in IE6  */

td {
font-family: Arial, sans-serif;
/*  was font-size: 16px;  */
font-size: 12px;   /* = 100% = 1em  */
text-align: center;
color: white;  background: black;
}

img { vertical-align: top }