<!-- body -->
body {
  font-family: arial, helvetica, verdana, sans-serif; 
  font-size: 1em;
  color: black }

p {
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 1em}

h1 {
  color: black;
  font-family: arial, helvetica, verdana, sans-serif; }

h2 {
  color: black;
  font-family: arial, helvetica, verdana, sans-serif; }

h3 {
  color: black;
  font-family: arial, helvetica, verdana, sans-serif; }

h4 {
  color: black;
  font-family: arial, helvetica, verdana, sans-serif; }

h5 {
  color: black;
  font-family: arial, helvetica, verdana, sans-serif; }

a:link {
  color: blue; 
  text-decoration: none }

a:visited {
  color: purple;
  text-decoration: none }

li {
  font-family: arial, helvetica, verdana, sans-serif; 
  font-size: 1em }

td {
  font-family: arial, helvetica, verdana, sans-serif; 
  font-size: 1em }

th {
  font-family: arial, helvetica, verdana, sans-serif; 
  font-size: 1em; 
  color: white; 
  background-color: #4A708B; }


<!-- top menu -->
.menu a:link {
color: white;
text-decoration: none;
font-family: arial, helvetica, verdana, sans-serif  }

.menu a:visited {
color: white;
text-decoration: none;
font-family: arial, helvetica, verdana, sans-serif }

.menu a:hover {
color: purple;
text-decoration: none;
font-family: arial, helvetica, verdana, sans-serif }

.menu a:active {
color: blue;
text-decoration: none;
font-family: arial, helvetica, verdana, sans-serif }


.g { background: none transparent;
         border: solid #cccccc 1px;
         color: #000000;
         float: left;
         margin: 5px;
		 width: 210px;
         padding: 8px; }

 .h { background: none transparent;
         border: solid #cccccc 1px;
         color: #000000;
         float: right;
         margin: 5px;
		 width: 210px;
         padding: 8px; }