html, body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
    background: #FFFFFF;
    font-family:'Arial', sans-serif;
}

#header {
  height: 30%;
  overflow: auto; 
  background: transparent url(header.gif) repeat-x;
}

#content {
    height:55%;
    overflow:auto;
}

#footer {
    background: transparent url(foo.gif) repeat-x;
    height:15%;
    text-align:center;
    padding-top:1%;
}

.td1 {padding:10px;}
.td2 {padding:10px;}
.td3 {padding: 10px;}
.td4 {padding:10px;}
.td5 {padding:10px;}

.td2 p {
  font-size: 180%;
  margin-top:0;
}

form {
  position: relative;
  margin-top: 0%;
  margin-left: 35%;
  width: 200px;
}

label {
  width: 5em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
  font-size: 16px;
}


input  {
  font-family:Arial;
  color:#FFFFFF;
  font-size:15px;
  border: 3px double #676722;
  background-color: #639532;
  padding:3px;
  height:30px;
  width:200px;
}

.button {
  position: relative;
  float: right;
  width: 90px;
  margin-right: 10%;
  background-color: #B8B8B8;
}

.submit input  {
  color: #000000;
  background: #ffa20f;
  border: 2px outset #d7b9c9
} 

fieldset  {
  border: 0px solid #4D6600;
  width: 20em;
  background: transparent url(bg.png);
}

legend  {
  color: #fff;
  font-size: 18px;
  border: #781351;
  padding: 2px 6px
}