div { /*used so every div tag has borders that are black*/
	border:3px solid black;
	border-radius:20px;
	color: black;
}

body{ /*used so the background of the site is lightblue*/
	background-color:turquoise;
}

h1 { /*used so text in the title is centered*/
	float:left;
	margin-left:37%;
	font-size:60px;
}

p { /* used in the content div so text is centered*/
	float:left;
	margin-left:15%;
}

img { /* used in the content div so the image is centered*/
	float:left;
	margin-left:25%;
	width:400px;
	height:327px;
}

a { /*used so the text in the sidebar is centered*/
	float:left;
	margin-left:33%;
}
#container {
	width:85%;
	margin-left:5%;
	padding:3%;
	background-color:lightyellow;
	/*no float or height here so all other divs fit inside this one*/
}

.headerbox {
	height:100px;
	width:80.5%;
	margin-left:5%;
	/*float:left;*/ /*float turned off so sidebar can go near content div and also not clip through the title*/
	padding:5%;
	font-size:50px;
	font-family:arial;
	background-color:lightyellow;
}

.content {
	height:650px;
	width:60%;
	margin-left:5%;
	float:left;
	padding:5%;
	font-size:35px;
	font-family:arial;
	background-color:lightyellow;
}

.sidebar {
	height:146.5px;
	width:20%;
	margin-left:75.5%;
	/*float:left;*/ /*float turned off here so it goes near the content div*/
	font-size:35px;
	font-family:arial;
	background-color:lightyellow;
}