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

/* AdSense script generates nested inserts which cause a new line in IE6 & 7  */
/* This code forces nested ins blocks to float left on one line if there's room. */
ins ins {
float:left;
}

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 }