div {
    float: left;
    padding-all: 5px;
  }

/* convert container, menusidebar and content to percent width */

  #container {
width: 1500px;
height: 860px; 
margin-right: 10%;
margin-left: 10%;
padding-right: 5%;
padding-left: 5%;
background-color: limegreen;
  } 


.header {
  width: 100%;
  height: 10%;
  background-color: hotpink;
  clear: top;
}

.sidebar {
width: 100px;
background-color: yellow;
height: 775px;
clear:  left;
       }

.contentholder {
 background-color: darkred;
 width: 1400px;
height: 775px;
}


/*rename menubox*/

.menubox1 {
  background-color: crimson;
  width: 100%;
  height: 25%;
}
/* clean up the css below */
.menubox2 {
  background-color: orange;
  width: 100%;
  height: 25%;
}
.menubox3 {
  background-color: gold;
  width: 100%;
  height: 25%;
}
.menubox4 {
  background-color: royalblue;
  width: 100%;
  height: 25%;
}

#img {
  width: 300px;
  height: 300px;

 }
.textstyle {
  font-size: 30px;
}
.Mainmenutextsyle {
  font-size: 47;
}