body {
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
  background-color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 100%;
}

header {
  text-align:center;                  
  margin: auto;                      /* We want the banner to be centred on the page - we need both of these to do it */
  width: 960px;                      /* the auto margins (in conjunction with a width) center the page */
  padding: 2px 0px 2px 0px;         /* starts with top, right, bottom, left */
  background-color: #FFFFFF;         /* sets the background to blue */
  border-radius: 8px;
}


.mainbody {
  margin: auto;                      /* We want the banner to be centred on the page - we need both of these to do it */
  width: 960px;                      /* the auto margins (in conjunction with a width) center the page */
  font-size: 90%;
  padding: 0px 10px 0px 10px;
}

.mainbody a {
  text-decoration:none;
  color:#000000;
  font-weight:bold;
}

.mainbody select {
  border-radius: 6px;
  border-style:solid;
  height:30px;
  border-color:#CCCCCC;
  border-style:solid;
}

.mainbody textarea {
  border-color:#CCCCCC;
  border-radius: 6px;
  border-style:solid;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
}

.mainbody textarea:focus {
  border-color:#0000CC;
}

.mainbody select:focus {
  border-color:#0000CC;
}