/* CSS STYLE 
*/

body {
  background-color:#FFFFFF;
  font-size:62.5%;
}

p {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:1.4em;
  color: #0000ff;
}

h1 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:2.7em;
  color: #0000ff;
}

h2 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:1.0em;
  color: #0000ff;
}

h4 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:1.8em;
  color: #0000ff;
}



a {
  font-size : 0.7em;
  font-family:Comic Sans MS;
  color : #0000ff; 
  font-weight: normal;
}

a:link {
  text-decoration: underline;
  color: #0000ff;
 }

a:visited {
  text-decoration: underline;
  color: #0000ff;
}

a:hover {
  text-decoration: underline;  
  color: #ff00ff;
}

a:active {
  text-decoration: underline;
  color: #0000ff;
 }

.start {color:#ff0000;
}


#pic1, #pic2, #hyperlink {
  position: absolute;
}

#pic1 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size : 1.4em;
  color: #0000ff;
  top: 5%;
  left: 5%;
  width: 95%;
}

#pic2 {
  font-family:Comic Sans MS;
  font-weight: normal;
  color: #0000ff;
  top: 0%;
  left: 5%;
  width: 80%;
}

#hyperlink {
top: 7%;
left: 80%;
width: 18%;
}


table.hyperlink th, table.hyperlink td {
  font-size : 1.0em;
  font-family:Comic Sans MS;
  color : #0000ff; 
  background-color: #DAE7FF;
}


