BODY {
  background: #999999;
  font-family: palatino, times, new york, bookman, serif;
 }

.head {
  background: #660000;
  color: #FFFFFF;
  padding: 1%;
 }

.saneside {
  background: #FFFFFF;
  color: #000000;
  padding: 1%;
 }

.animalside {
  background: #000000;
  color: #FFFFFF;
  padding: 1%;
 }

/* this is meant to remove underline from text links */
A:link, A:visited, A:active { text-decoration: none }

/* this attempts to fill the full height of the window with browsers which ignore the height attribute for table elements (e.g., Netscape 7) */
/* using margin-bottom does not work; height cannot take a percentage value; specifying a fixed height would screw up resizing... just not worth the effort! */
/*
.fullscreen {
  height: 20em;
  margin-bottom: 3px;
}
*/

/* see http://www.w3.org/TR/html4/types.html#type-media-descriptors for the CSS @media construct */

