body {
  background: #f3f2f3;
  color: #000000;
  font-family: Trebuchet MS, Arial, Times New Roman;
  font-size: 16px;
  font-weight: bold;
  }
#container {
  width: 1000px;
  height: 1000px;
  margin-top: 30px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  }
#header {
  height: 100px;
  width: 1000px;
  background: #00FF11;
  background-color: #00FF33;
  margin-bottom: 20px;
box-shadow: 2px 1px 10px 1px rgba(123, 111, 111, 0.93);
  }
#navigation {
  width: 1000px;
  height: 20px;
  background-color: #fffb00;
box-shadow: 2px 1px 10px 1px rgba(123, 111, 111, 0.93);
  }
#menu {
  float: left;
  width: 300px;
  height: 300px;
  background-color: #99CC00;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
box-shadow: 2px 1px 10px 1px rgba(123, 111, 111, 0.93);
  }
#content {
  float: right;
  width: 680px;
  height: 300px;
  background-color: #6699FF;
  margin-top: 20px;
  margin-bottom: 20px;
box-shadow: 2px 1px 10px 1px rgba(123, 111, 111, 0.93);
  }
#clear {clear:both;}
#text {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  }
#footer {
  height: 50px;
  width: 1000px;
  background-color: #CC6699;
box-shadow: 2px 1px 10px 1px rgba(123, 111, 111, 0.93);
  }