/* CSS STYLE 
*/

body {
  background-color:#ffffff;
  font-size:62.5%;
}

p {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:1.4em;

  color: #000000;
}

h1 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:2.6em;
  color: #00aa00;
}

h2 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:1.6em;
  color: #00aa00;
}

h3 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:1.4em;
  color: #00aa00;
}

tt {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:1.5em;
  color: red;
}


a {
  font-size : 1.1em;
  font-family:Comic Sans MS;
  color : #0000ff; 
  font-weight: normal;
}

a:visited {
  text-decoration: underline;
  color: #0000ff;
}

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

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

.start {color:#ff0000;
}

#title, #topfeet, #bottomfeet, #leftlistbox, #rightlistbox, #linkbox1, #linkbox2 {
  position: absolute;
}

#title {
  top: 10%;
  left: 2%;
  width: 98%;
  text-align: center;
  /*border : 1px solid red;*/
}

#topfeet {
  top: 0%;
  left: 2%;
  width: 99%;
}

#bottomfeet {
  top: 90%;
  left: 2%;
  width: 99%;
}

#leftlistbox {
  top: 20%;
  left: 4%;
  width: 45%;
  text-align: left;
}

#rightlistbox {
  top: 20%;
  left: 55%;
  width: 45%;
  text-align: left;
}

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

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