body {
     margin: 0px;
     background-color: #339933;
     }
#middle {
        position: absolute;
        top: 120px;
        background-color: #2B802B;
        height: 45px;
        width: 100%;
        }
#menue {
     position: static;
     width: 750px;
     }
#header {
     position: absolute;
     left: 10px;
     height: 100px;
     right: 10px;
     top: 10px;
     }
#main {
     position: absolute;
     left: 10px;
     right: 10px;
     top: 170px;
     padding: 20px;
     height: 440px;
     color: #000000;
     background-image: url(logo.gif);
     background-position: center;
     background-repeat: no-repeat;
     }
#bottom {
     position: absolute;
     left: 20px;
     bottom: 5px;
     height: 50px;
     font-size: 14pt;
     z-index: 4;
     }
#validator {
     position: absolute;
     top: 60px;
    }
#headtext {
   position: absolute;
   font-size: 60pt;
   font-weight: bold;
   color: #ffffcc;
   width: 100%;
   text-align: center;
   white-space: nowrap;
   }
.nowraptext {
 white-space: nowrap;
 }
.float {
 float: left;
 display: inline;
 }
#stjohn {
        position: absolute;
        right: 30px;
        top: 50px;
        z-index: 5;
        }
#table {
        color: #ffffcc;
        }
#map {
     position: absolute;
        left: 760px;
        top: 140px;
        }
#ring {
        position: absolute;
        right: 30px;
        top: 700px;
        z-index: 3;
        height: 50px;
        }
.ring {
       text-align: center;
        background-color: #1c4e1c;
        border-color: #1c4e1c;
        border-style: groove;
        border-width: 3px;
        font-size: 16px;
        font-weight: bold;
        }
#stats {
        position: absolute;
        right: 30px;
        top: 620px;
        z-index: 3;
        }
h2 {
   top: 0px;
   font-size: 30pt;
   font-weight: bold;
   color: #ffffff;
   }
p {
  font-size: 16pt;
  color: #ffffff;
  text-align: justify;
  }
.text {
  font-size: 16pt;
  color: #ffffcc;
  line-height: 1.5em;
  text-align: justify;
  }
.explaintext {
  position: absolute;
  left: 380px;
  font-size: 16pt;
  color: #ffffcc;
  text-align: justify;
  display: inline;
  white-space: nowrap;
  }
.explaintext1 {
position: absolute;
  left: 220px;
  font-size: 16pt;
  color: #ffffcc;
  text-align: justify;
  display: inline;
  }
#imgfloat1 {
          float: right;
          display: inline;
          margin-left: 20px;
          }
#imgfloat2 {
          float: left;
          display: inline;
          margin: 20px;
          top: 30px;
          }
#imgfloat3 {
          position: relative;
          float: left;
          display: inline;
          margin-right: 20px;
          margin-top: 20px;
          margin-bottom: 20px;
          }         
ul#ulmain {
   list-style-image: url(logo.bmp);
   font-size: 16pt;
   color: #ffffff;
   line-height: 25pt;
   padding-left: 5px;
   vertical-align: middle;
   }
ul#ullist {
   list-style: none;
   font-size: 16pt;
   color: #ffffff;
   line-height: 25pt;
   padding-left: 5px;
   vertical-align: middle;
   }
.table {
        font-size: 16pt;
        color: #ffffcc;
        text-align: justify;
        display: inline;
        }
ul#nav {
       margin: 0px;
       padding-left: 20px;
       list-style: none;
       }
ul#nav li a:link, ul#nav li a:visited {
     color: #000000;
     width: 100px;
     text-decoration: none;
     text-align: center;
     font-size: 14pt;
     float: left;
     display: inline;
     }
ul#nav li a:hover {
       text-decoration: none;
        background-color: #267326;
        color: #000000;
        width: 100px;
        height: 45px;
        text-align: center;
        font-size: 14pt;
        float: left;
        display: inline;
        }
a:link, a:visited {
     background-color: #2B802B;
     color: #ffffff;
     width: 250px;
     text-decoration: none;
     font-size: 16pt;
     display: inline;
     }
a:hover {
        background-color: #267326;
        color: #000000;
        width: 250px;
        text-decoration: none;
        font-size: 16pt;
          display: inline;
         }

a:active {
        color: #ffffff;
        background-color: #267326;
        width: 250px;
        text-decoration: none;
        font-size: 16pt;
          display: inline;
         }
.right {
       text-align: right;
       }
.center {
        text-align:center;
         }