div {
 float: left;
 clear: both;
}

/*strong text*/
.sttext {
font-size: 32pt;
font-weight: 300;
font-style: italic;
color: yellow;
}

.lighttext {
color: black;
}

/*pic frame*/
.picframe {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

.smolpicframe {
width: 30%;
margin-left: 40%;
margin-right: 40%;
}
.widepicframe {
width: 60%;
margin-left: 20%;
margin-right: 20%;
}



/*background*/
#container {
background-color: purple;
width: 100%;
margin-left: 0%;
padding-bottom: 40px;
}

#pagefont{
color: yellow;
font-size: 100px;
}

#titlefont{
color: yellow;
font-size: 100px;
text-align: center;
}

#menubar{
background-color: deeppink; 
width: 70%;
margin-left: 15%;
margin-right: 15%;
border-style: outset;
}

/* little menus */
.menubox {
background-color: darkblue;
color: yellow;
font-size: 18pt;
margin-left: 5%;
margin-top: 5vh;
height: 30px;
border-style: ridge;
border-color: yellow;
padding-left: 20px;
padding-right: 20px;
clear: none;
}




/*content pages*/
.contentholder {
	background-color: darkslateblue;
    width: 90%;
     height: 90%;
    margin-top: 4%;
    margin-left: 5%;
}