body { /*  Background color and Image decleration */
       background: #33CCCC;
       font-family: Arial, Vendana, Geneva, sans-serif;
       font-size: 16px;
       font-weight: normal;
       height: 1.2em;
       color: black;
     }

a:link { color: #0000cd;  /* MediumBlue */
           font-weight: bold; 
           background: white;
         }
a:visited { color: #ee82ee; /* violet */
             font-weight: bold;
             background: white;
             }
a:hover { background: yellow; }
a:active { color: red;
              background: white;
            }

table{ background-color: #f3f3f3;
         border: thin solid black;
         border-collapse:  collapse;
         margin-left: auto;
         margin-right: auto;
         width: 600px;
       }

th, td{ border-color: black;
          border-style: solid;
          border-width: 1px;
         padding:  5px;
         text-align: center;
       }
th { background-color: #A3A3A3;
     color: black;
     font-size: 1.25em;
    }
td { font-size: 0.95em; }

h1 { font-size: 2.00em;
      font-weight: bold;
     color: black;
     text-align: center;
    }
.rep { background-color: #C3C3C3;
     color: black;
     font-size: 1.25em;
     text-align: center;
     border: none;
    }
h3 { font-size: 1.25em;
      font-weight: normal;
     color: white;
     text-align: left;
    }
h4 { font-size: 0.90em;
      font-weight: normal;
     color: white;
     text-align: left;
    }