body {
margin: 10;
font-family: sans-serif;
font-size: 0.7em;
}

table  { width: 250; cellpadding: 0; cellspacing: 0}

tr.quaternary       {background-color:#ffff66;}
tr.tertiary         {background-color:#ffcc33;}
tr.cretaceous       {background-color:#33cc00;}
tr.jurassic         {background-color:#66ff99;}
tr.triassic         {background-color:#99ff99;}
tr.permian          {background-color:#66cccc;}
tr.carboniferous    {background-color:#66ccff;}
tr.devonian         {background-color:#cc66cc;}
tr.silurian         {background-color:#cc99cc;}
tr.ordovician       {background-color:#ff99ff;}
tr.cambrian         {background-color:#ffccff;}
tr.precambrian      {background-color:#cccccc;}

td  {border-style: solid; border-width: 1; vertical-align: top; font-size: 60%; font-family: Verdana, Geneva, SunSans-Regular, sans-serif}
td.title {border-style: none; color:#999; font-size: 60%; font-family: Verdana, Geneva, SunSans-Regular, sans-serif; font-weight: bold;}
td.none {border-style: none; color:#666; font-size: 60%; font-family: Verdana, Geneva, SunSans-Regular, sans-serif} 

a:link   { color: #339; font-size: 90%; font-family: Verdana, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a:visited { color: #339; font-size: 90%; font-family: Verdana, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a:hover { color: #f90; font-size: 90%; font-family: Verdana, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a.active  { color: #339; font-weight: bold; font-size: 90%; font-family: Verdana, Geneva, SunSans-Regular, sans-serif }