body{
	background-color: black;
/* helps control the properties of the external website*/
}

#container {
height: 200%;
width: 70%;
margin-left: auto;
margin-right: auto;
/* using auto margins means you must use both left and right*/
background-color: gray;
border-radius: 100px;
/* this is more specific by id*/
}

#thincontainer {
height: 155px;
width: 70%;
margin-left: auto;
margin-right: auto;
background-color: red;
/* this container serves as the menu holder*/
}

div {
	border-radius: 10px;
}

#titlediv {
height: 100px;
float: left;
clear: both;
margin-left: 15%;
width: 70%;
background-color: silver;
/* this box houses the title of the website*/
}

#menuheader {
height: 20%;
float: left;
clear: both;
margin-left: 15%;
width: 70px;
background-color: red;
/* this box contains the menus and .pboxes*/
}

.textarea {
height: 60%;
float: left;
clear: both;
margin-left: 15%;
width: 70%;
background-color: black;
color: white;
/* the space where text is placed*/
}

#footer {
height: 10%;
float: right;
clear: left;
margin-left: 30px;
width: 100%;
background-color: green;
/* this is an extra box at the end of the page*/
}

.pbox {
height: 60px;
width: 250px;
background-color: black;
color: white;
float: left;
clear: right;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
/*inside the menu header, links to other webpages*/
}

#stripe1 {
height: 100%;
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: white;
/* first part of background*/
}

#stripe2 {
height: 100%;
width: 85%;
margin-left: auto;
margin-right: auto;
background-color: black;
/* second part of background*/
}

#stripe3 {
height: 100%;
width: 40%;
margin-left: auto;
margin-right: auto;
background-color: white;
/* third part of background*/
}