body {  background:#FFFFFF;
        font-family: arial;
        font-size: x-small;
        text-align:center;  /* To get the frame in the middle */
        }
        
H1 {  font-family: arial;
      font-size: x-small;
      }

H2 {  font-family: arial;
      font-size: x-small;
      border: 1px black solid;
      text-align:center;
      padding:5px;
      background:#FBFBFB;
      }
      
/* Set up the A tag colours */
A:link  { COLOR: darkred }
A:visited  { COLOR: darkred }
A:hover { COLOR: blue }
A { text-decoration: none;}

#complete_frame {
    width: 100%;
    height: 100%;
    margin: 0;
    background-image:url('/joe/images/tiledbk.jpg');
}

/* A rigid frame, to hold everything in place */
#frame {
    width:650px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    padding:0px;
    text-align:left;
    background:#FFFFFF;
    border:2px solid black;
    }

/* Create a very small text class */
.smallText {
    font-family: arial;
    font-size: xx-small;
    }

/* Create a very small, Grey text class */
.smallGrayText {
    font-family: arial;
    font-size: xx-small;
    color: gray;
    }
    
/* Create a header style, small size and bold */
.smallheadText {
    font-family: arial;
    font-size: x-small;
    font-weight: bold;
    }
    
.normalText {
    font-family: arial;
    font-size: x-small;
    }