body {
 text-align: center; /* This is a hack for older browsers to center the page */
}
#container {
  margin: 0 auto;    /* This centers the page in modern browsers */
  text-align: left;  /* This is a hack for older browsers to center the page */
  width: 1400px;      /* This sets our total page width */
}
#header {
  width: 1400px;      /* This sets the header to stretch the full page width */
}
#navigation li {
  display: inline;   /* Make our navigation display in a line */
}
#content {
  float: left;      /* This causes the content to move to the right */
  width: 1100px;      /* We need to set the width whenever we float an element */
  padding-left: 0px
}
#sidebar {
  float: left;       /* This causes the sidebar to move to the left */
  width: 300px;      /* We need to set the width whenever we float an element */
}
#footer {
  clear: both;       /* This makes sure that the footer clears both the sidebar and content floats */
  width: 1400px;      /* This sets the footer to stretch the full page width */
}