body { margin: 0; padding: 0; border: none; width: 100%; }

#leftmargin {
  /* margin: 0 0 8em 0; */
  margin-top: 2em;
  width: 130px;
  float: left;
  display: block;
  border: none;
  border-right: solid 1px gray;
}

#leftbox, #leftbox1 { 
  display: block;
  border: none;
  background-color: white;
  margin: 0 0 10px 0;
 }

#leftbox1 { font-size: 0.8em; line-height: 1.5em; }

h1 {
  float: left;
  font-size: 2em;
  margin: 0;
  margin-left: 130px;
  min-width: 25%;
}

#header {
  margin: 0 0 0.1em 0;
  clear: both;
  textcolor: blue;
  background-color: #eee;
  width: 100%;
  padding: 0;
  border: none;
  height: 2.2em;
  min-height: 50px;
}

#squares {
  display: block;
  width: 30%;
  float: left;
}

#hdrsqrR, #hdrsqrG, #hdrsqrB, #hdrsqrY {
  float: left;
  display: block;
  border: none;
  width: 20px;
  height: 20px;
  margin-top: 0.7em;
  font-size: 1em;
  margin-right: 15px;
}

#hdrsqrR{ margin-left: 5em; background-color: red; }
#hdrsqrG{ background-color: green; }
#hdrsqrB{ background-color: blue; }
#hdrsqrY{ background-color: yellow; }

#instrLeft, #instrCenter, #instrRight {
  display: block;
  border-radius: 1em;
  font-size: 1.2em;
  font-family: arial, verdana;
  color: white;
  float: left;
  width: 40%;
  border: none;
  margin: 2em 0 1em 0;
  height: 3em;
  padding: 0 0 1em 0;
  background-color: #00f;

  ol { padding: 0; margin: 0; }
}

#instrCenter { 
  border: none;
  color: black;
  background-color: white;
  padding: 1.5em 0 0 0;
  text-align: center;
  width: 10%;
}

p.instrClear { clear: left; }

#content {
  display: block;
  border: none;
  margin: 0 1em 1em 135px;
  padding-left: 2em;
  line-height: 1.2em;
  width: 40em;
}

fieldset {
  margin: 2em 0 2em 4em;
  width: 32em;
}

legend {
  font-size: 1.2em;
  background-color: yellow;
}

#footer {
  padding: 0 0 0 130px;
  clear: both;
  background-color: #eee;
}