body {
     font-family: Helvetica, Century Gothic, sans-serif;
     font-size: 10pt;
     background-color: #f0f0f0;
     }

h1, h2, h4, p {
     font-family: Century Gothic, sans-serif;
     color: #0000A0;
     }

h1 {      margin-bottom: 0px; }
h4 {      margin-top: 10px; }

p {
  font-size: 10pt;
  margin-top: 0px;
  }

td { vertical-align: top; }
  
a:link {
  text-decoration: none;
  color: #336699;
  }

a:visited {
  text-decoration: none;
  color: #336666;
  }

a:active {
  text-decoration: underline;
  color: #336633;
  }

a:hover {
  text-decoration: underline;
  color: #336600;
  }

#tr1 {
     background-color: #f0f0f0;
     width: 200px;
     height: 350px;
     font-family: Century Gothic, sans-serif;
     color: #0000A0;
     } 
 
#tr2 {
     background-color: #f0f0f0;
     width: 450px;
     height: 350px;
     font-family: Century Gothic, sans-serif;
     color: #0000A0;
     }
    
#tr3 
    {
     background-color: #f0f0f0;
     width: 200px;
     height: 400px;
     font-family: Century Gothic, sans-serif;
     color: #0000A0;
     }
     
#underpic1 {
  position: absolute;
  top: 485px;
  left: 310px;
  width: 100px;
  height: 50px;
  z-index: 1;
  }
  

#underpic2 {
  position: absolute;
  top: 505px;
  left: 470px;
  width: 100px;
  height: 50px;
  z-index: 1;
  }
  
#head {
        text-align: center;
  }