/*a box that centers your content in the parent object */
.fpbox {
height: 50px;
float: left;
clear: both;
width: 40%;
margin-left: 30%;
background-color: white;
text-align: center;
border: 3px solid gray;
font-family: verdana;
font-size: 30px;
}

#outputdiv {
background-color: white;
color: black;
font-size: 22pt;
font-family: Arial;
height: 500px;
width: 80%;
float: left;
clear: both;
margin-left: 10%;
border: 3px solid black;
}