/* CSS STYLE 
*/

body {
  background-color:#FFFFFF;
}

p {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:1.0em;
  color: #000099;
}

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.7em;
  color: #0000ff;
}

a {
  font-size : 1.0em;
  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;
}

#picbox1, #picbox2, #linkbox1, #linkbox2 {
  position: absolute;
}

#picbox1 {
  top: 5%;
  left: 10%;
  width: 35%;
  text-align: center;
}

#picbox2 {
  top: 5%;
  left: 50%;
  width: 35%;
  text-align: center;
}

#linkbox1 {
  top: 95%;
  left: 10%;
  width: 250px;
  text-align: justify;
}

#linkbox2 {
  top: 95%;
  left: 80%;
  width: 250px;
  text-align: justify;
}