img {
width: 50%;
margin-right: 25%;
margin-left: 25%;
float: left;
clear: both;
/* toby video assignment 3 on float and clear  */
}

div {
float: left;
clear: both;
}

.mytext  {
font-size: 24pt;
color: white;
font: Tahoma;
text-align: center;
padding: 40px;
}


.header {
	background-color: #C154C1;
	height: 100px;
	width: 80%;
	margin-right:  auto;
	margin-left:  auto;
	text-align: center;
}


.textcontent {
	/*height: 80%;*/
	/* no height needed, grows to fit any child objets */
	background-color: #7852A9; 
	width: 80%;
	margin-right:  auto;
	margin-left:  auto;
}




.container{
	/*height: 700px;*/
	/* grows to fit all child objects added  */
	width: 70%;
	background-color: #A94064;
	margin-right: auto;
	margin-left: auto;
	padding: 30px;
}

.menubox {
	background-color: #9966CB;
	height : 50px;
	width: 150px;
	color: white;
	margin: 5px;
	padding: 10px;
	border-radius: 5px;
/* special rule stacks side by side */
	clear: none;
}