body {
  background-color: #8080AF;
  color: #404040;
  font-family: Arial, Helvetica;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: bottom;
  
  background-repeat: no-repeat;
  background-position: 0px -130px;
  background-image: url('img/strand.jpg');
}

div {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #404040;
}

.infobox a:link { color: #404040; }

.infobox a:visited { color: #404040; }

a:link { color: #FFFFFF; }

a:visited{ color: #FFFFFF; }

a:hover { color: #000000; }

a:focus { color: #FFFFFF; }

a:active { color: #FF0000; }

h1 { font-size: 16pt; }

.header {
  background-color: #8080D0;
  background-image: url('img/banner.jpg');
  color: #FFFFFF;
  height: 300px;
  font-size: 20pt;
  font-weight: bold;
  vertical-align: bottom;
}

.header p {
  margin-top: 230px;
  margin-left: 20px;
}

.infobanner {
  background-color: #8080D0;
  height: 32px;
  padding: 0;
  margin: 0;
}

.infobox {
  width: 300px;
  padding: 5px;
  height: 22px;
  float: left;
}

.copybox {
  padding: 5px;
  height: 22px;
  float: right;
  text-align: right;
}

.box {
  padding: 5px;
  width: 300px;
  float: left;
  color: #FFFFFF;
}

.box img {
  vertical-align: middle;
  margin-bottom: 3px;
}

.widebox {
  width: 0;
  height:  0;
  padding: 0;
  margin: 0;
}

.wideinfobox {
  width: 0;
  height:  0;
  padding: 0;
  margin: 0;
}

.hdbox {
  width: 0;
  height:  0;
  padding: 0;
  margin: 0;
}

.hdinfobox {
  width: 0;
  height:  0;
  padding: 0;
  margin: 0;
}

.delim {
  color: #404080;
  font-weight: bold;
}

.button {
  height: 50px;
  width: 290px;
  background-color: #8080D0;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
  margin-top: 90px;
}

.text {
  height: 0;
  width: 0;
  padding: 1px;
  overflow: hidden;
}

.text p { margin: 2px; }