Untitled

HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>The Title</title>

    <div id="header">
      <h1>The Website Title</h1>
    </div>

  </head>
  <body>

    <div id="linkbar">
      <a href="#">Link One</a> | <a href="#">Link Two</a>
    </div>

    <div id="backgroundleft">
    </div>

    <div id="content">
      <p></p>
    </div>

    <div id="backgroundright">
    </div>

    <div id="copyright">
    </div>

  </body>
</html>

CSS:

p {
  display: inline;
}
#header {
  background-color: lightblue;
  text-align: center;
  border: 2px solid black;
}

#header h1 {
  font-family: Garamond;
  color: black;
}

#linkbar {
  text-align: center;
  border: 2px solid black;
  margin-top: -2px;
}
a:link {
  text-decoration: none;
  color: grey;
}

a:visited {
  text-decoration: none;
  color: grey;
}

a:hover {
  text-decoration: underline;
  color: black;
}

#backgroundleft {
  background-color: grey;
  height: 500px;
  width: 20px;
  border: 2px solid black;
  margin-top: -2px;
  float: left;
  position: relative;
  display: inline;
}

#content {
  float: center;
  position: relative;
  display: inline;
  width: 500px;
  height: 500px;
  border: 2px solid black;
}

#backgroundright {
  background-color: grey;
  height: 500px;
  width: 20px;
  border: 2px solid black;
  margin-top: -2px;
  float: right;
  position: relative;
}