/* converted container to precent */

#container {
width: 100%;
float: left;
margin-left: 0%;
background-color: blue;
}



#sidebar{
	/*total width budget is 30%  */
margin-top: 80px;
margin-left: 25px;
margin-bottom: 20px;
width: 15%;
/*  changed to percentage width */
height:780px;
border-radius: 15px;
background-color: red;
color: red;
padding: 2%;	
float: left;
margin-left: ;
}
/*had to make the side bar so that it could contain boxes within*/


#titleheader{
	/*     total budget for this object is 70     */
	height: 125px;
	
	width: 64%;
	margin-left: 2%;	
	float: left;

	background-color: grey;
	margin-top: 0px;
	text-align: center;
}

#textarea{
	height: 650px;
/*940px*/
	width: 54%;
	margin-left: 2%;	
	float: left;
	/*  make certain these are the same for titleheader */

	background-color: orange;
	margin-top: 2%;
	padding: 5%;
}



div{
	border: 2% solid black;
	/* we converted from pixes fixed to percentage  */
	border-radius: 4px;
	color: black;
}
/*div is to get the line thickness and shapes*/


.sidesubmenu{
    padding-top: 20px;
    height: 50px;
	width: 100px;
	background-color: gold;
	float: left;
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 5px;
	text-align: center;
	
}
/
.maintext{
	margin-top: 20px;
	text-align: center;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
}


img{
	float: left;
	margin-top: 50px;
	margin-left: 170px;
}