body {
  background-color: #ffffff;
  text-align: center;
  
  margin: 0px; padding: 1em;
  min-width: 41em;
}

#container {
  display: block;

  height: 103px;
  width: 811px;

  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#container2 {
  height: auto;
  width: 794px;
  margin-left: auto;
  margin-right: auto;

  padding: 17px 17px 17px 0px;
  text-align: left;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
}


#logo {
  float: left;
  height: 103px;
  width: 304px;
  margin: 0px;
  border: 0px solid #000000;
  background-color: blue;
  text-align: left;
}

#lnavi {
  float: right;
  height: 20px;
  margin-top: 70px;
  background-color: #ffffc6;
  text-align: right;
}


#mainnavi1 {
  float: left;
  height: 20px;
  width: 500px;
  margin-top: 17px;
  background-color: blue;
}

#mainnavi2 {
  float: right;
  height: 20px;
  width: 287px;
  margin-top: 17px;
  margin-right: 0px;
  
  background-color: red;
}

#subnavi {
  clear: both;
  height: 20px;
  width: 809px;
  margin: 10px 0px 0px 0px;
  background-color: #999999;
}

#box1 {
  float: left;
  height: 250px;
  width: 300px;
  margin: 6px 0px 0px 0px;
  background-color: #A8D137;
  overflow: auto;
}

#box2 {
  float: right;
  height: 160px;
  width: 487px;
  margin: 6px 0px 0px 0px;
  background-color: #C3C3C3;
}

#box3, #box4{
	height: auto;
}


#box3 {
  clear: left;
  float: left;
  min-height: 250px;
  width: 300px;
  margin: 6px 0px 0px 0px;
  margin-bottom: auto;
  background-color: #C3C3C3;
}

#box4 {
  overflow: visible;
  float: right;
  width: 437px;
  margin: 6px 0px 0px 0px;
  background-color: #E6E6E6;
  padding: 30px 0px 0px 50px; 
}