/* all div elements will float */
div {
		float: left;
}
 
p {
	float: left;
	clear: both;
}


 body {
 	font-family: "Comic Sans MS", cursive, sans-serif;
 
 }



.header {
	width: 80%;
	text-align: center;
	padding-top: 20px;
	color: yellow;
}



.navbutton {
	background-color: grey;
	width: 13%;
	height: 25px;
	padding-left: 1.5%;
	margin-left: 1.5%;

}







#container {
	/*tried to use auto width from 242.digitalfhs.com and it was hard  */

	width: 80%;
	/*height: 650px;*/
	min-height: 400px;

/*	  right we have both:   padding and margin total 10;*/
	margin-right: 5%;
	margin-left: 5%;


	padding-right: 5%;
	padding-left: 5%;
/*
	padding-top: 5%;
	margin-top: 5%;*/

	padding-bottom: 5%;
	margin-bottom: 5%;
	background-color: lightgrey;
}



/*stuff below is disabled */

/*
.mediumbox {


	margin-right: 50%;



	height: 150px;
	width: 150px;
	background-color: skyblue;
	float : right;

	text-align: center;
	
}


*/