body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #333; /* color of the font */
  background-color: #3399ff;
  }

a {
  text-decoration: none; /* what links look like */
  color: #333;
  }

a:hover {
  text-decoration: underline; /* make links underlined when hovered over */
  color: #666; /* plus change the color to a lighter gray */
  }

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
  }

/* actual layout stuff */
#top {
  margin: 20px 20px 0px 20px;
  padding: 10px;
  border: 5px solid #000;
  background: #99ccff;
  height: 530px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 70px;
  }

html>body #top {
  height: 70px;
  }

#left {
  position: absolute;
  top: 150px;
  left: 0px;
  margin: 20px;
  margin-bottom: 5px;
  padding: 10px;
  border: 5px solid #000;
  background: #99ccff;
  width: 150px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 140px;
  }
 
html>body #left {
  width: 120px;
  }

#middle {
  margin: 20px 20px 20px 180px;
  padding: 10px;
  border: 5px solid #000;
  background: #99ccff;
  text-align: center;
  }

/* #right { */
/*  position: absolute; */
/*  top: 150px;*/  /* needs to change to conform to header */
/*  right: 17px; */
/*  margin: 20px; */
/*  padding: 10px; */
/*  border: 5px solid #000; */
/*  background: #99ccff; */
/*  width: 150px; */
/*  voice-family: "\"}\""; */
/*  voice-family:inherit; */
/*  width: 120px; */
/*  text-align: center; */
/*  } */
 
html>body #right {
  width: 120px;
  }