/* CSS STYLE 
*/

body {
  background-color:#FFFFb5;
}

p {
  font-weight: bold;
  color: #0000ff;
}

h1 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:27px;
  color: #0000ff;
}

h2 {
  font-family:Comic Sans MS;
  font-weight: normal;
  font-size:17px;
  color: #0000ff;
}

a {
  font-size : 16px;
  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: #ff0000;
}

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

.start {color:#ff0000;
}

#txtbox1, #tablebox, #linefeetbox, #rabbitbox, #linkbox1, #linkbox2, #poppy1, #poppy2, #poppy3 {
  position: absolute;
}

#poppy1 {
  top: 6%;
  left: 5%;
  height: 5%;
  width: 90%;
  text-align: justify;
  /*border: 1px solid red;*/
}

#poppy2 {
  top: 48%;
  left: 5%;
  height: 5%;
  width: 90%;
  text-align: justify;
  /*border: 1px solid red;*/
}


#poppy3 {
  top: 450px;
  left: 20px;
  height: 50px;
  width: 980px;
  text-align: left;
  /*border: 1px solid red;*/}

#txtbox1 {
  top: 10px;
  left: 30%;
  height: 5px;
  width: 550px;
  text-align: justify;
  /*border: 1px solid red;*/
}


#tablebox {
  top: 16%;
  left: 5%;
  height: 70%;
  width: 90%;
  text-align: justify;
  /*border: 1px solid red;*/
}

table.nextrun th, table.nextrun td {
  font-size : 14px;
  font-family:Comic Sans MS;
  color : #0000ff; 
  background-color: #C9C6FF;
}


#rabbitbox {
  top: 72%;
  left: 5%;
  width: 95%;
  height: 19%;
  text-align: justify;
  z-index:-1;
  /*border: 1px solid red*/
}

#linkbox1 {
  top: 90%;
  left: 10%;
  height: 5px;
  width: 250px;
  text-align: justify;
  z-index:1;
  /*border: 1px solid red;*/
}

#linkbox2 {
  top: 90%;
  left: 90%;
  height: 5px;
  width: 250px;
  text-align: justify;
  /*border: 1px solid red;*/
}