h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #cc3300}
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #cc3300}
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #cc3300}
h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 13.5pt; font-weight: bold; color: #cc3300}
h5 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #cc3300}
h6 {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #cc3300}
.left {  font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #000000; background-color: #eeeeee; background-repeat: repeat; background-image: url(../../../astrostuff/grid.gif)}
body {  font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #000000; background-color: #eeeeee; background-repeat: repeat; background-image: url(../../../astrostuff/grid.gif)}
a:link {  font-family: Arial, Helvetica, sans-serif; color: #cc3300}
a:visited {  font-family: Arial, Helvetica, sans-serif; color: #669999}
a:active {  font-family: Arial, Helvetica, sans-serif; color: #669999}
//td {font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color:#000000;}
/* so far seems to work if we define classes and then apply them with a span in each table elt: */
.fred {font-family: Arial, Helvetica, sans-serif; font-size:10.5pt; color:#000000; border-color:#cccccc; }
.barney {font-family: Arial, Helvetica, sans-serif; font-size:10.5pt; color:#000000; font-weight:bold; border-color:#cccccc; }
.betty {font-family: Arial, Helvetica, sans-serif; font-size:12.5pt; color:#000000; font-weight:bold; background-color:#efefde; }
.wilma {font-family: Arial, Helvetica, sans-serif; font-size:7.5pt; color:#000000;}
.pebbles {background-color:#efefde; }
.bambam {background-color:#ddeede; border-color:#ffffff; }
td {border-color:#cccccc; }
th {border-color:#cccccc; }