/*Keep properties in specific order for efficiency. When in an order for one selector, put in same order for other selectors.*/
div {
	float:left;
	clear:both;
}


#container {
	height:1100px;
	width:1100px;
/*Percentages for dimensions of things change website depending on screen size. Designed for standard view at 100% in Google Chrome. For container dimensions use pixels.*/
	border-radius:10px;
	margin-left:5%; 
/*When using auto margins, both left and right margins need to have "auto" as value. Don't use 'em here.*/
	background-color:#3affb7;
}

.menu-header {
/* remove the height, header will grow to fit all child objects */
	width:80%;
	margin-left:10%;
	background-color:pink;
}

.submenu {
	margin-left:9%;
	/* totals:  ; margin is 36   plus 16 for padding and the menus are 40 ,  grand total 96*/
	padding-left: 2%;
	padding-right: 2%;
	width: 10% ;

	height: 50px;
	margin-top: 20px;
	font-size: 12pt;
	clear:none;
/*"Clear:none;" makes submenus move and to cover the menu bar. The "none" means that the area where the submenus would normally appear, toward the left, there is none of the submenus there.*/
	background-color:#a2fc1b;
	color:black;	
}


.content-area {
	height:85%;
	width:80%;
	margin-left:10%;
	margin-top:15px;
	background-color:#30baff;
	font-size:14pt;
}

p, img, a {
	padding:1%;
}
/*Style multiple tags by separating with , */