.outside{
background-color: #0072ef;
}

#header {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 40px;
color: black;
padding: 20px 20px 10px 20px;
width: 90%;
background-color: white;     /* #0072ef; */
border: 4px solid gold;
border-radius: 20px;
font-style: italic;

/*text-shadow: 2px 2px 1px gold;*/
/*font-family: cursive, verdana, Tahoma, sans-serif;*/
}


#content {
clear: left;
position: relative; /* This posistion is relative to the upper left corner. */
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 90%;
border: 0px solid green;
padding: 15px 20px 15px 20px; /* This format sequence is: top, right, bottom, and left. */
background-color: white;

/* font-family: Verdana; */
font-size: 20px;

/* another option:*/

/*background-color: white;
border-radius: 12px;
padding: 12px;
*/

/* THE FOLLOWING "overflow: auto;" IS NECESSARY
IF THE BLOCKS BELOW THE PARENT BLOCK HAVE FLOATS 
ONLY.  SEE PAGE 373 OF HTML & CSS BY JON DUCKETT.
  
THE "CONTENT" BLOCK DID NOT FULLY COVER THE ENCLOSED 
DIV BLOCKS AS EXPECTED. THE "CONTENT" DIV DISPLAYED AT 
THE VERY TOP OF THE WEBPAGE ONLY WITHOUT THE OVERFLOW 
STATMENT. THE SUBBLOCKS OVERFLOWED THE PARENT'S "CONTENT" 
BLOCK. ADDING THE OVERFLOW STATEMENT FIXED THIS.
  
REMEMBER THIS AS IT IS DIFFICULT TO TROUBLE SHOOT. */

overflow: auto;
border-radius: 20px;
border: 5px solid gold;
}

.subscript {
font-size: 14px;
font-family: Verdana;
}

.table {
font-size: 18px;
font-family: Verdana;
}

.verdana {
font-size: 22px;
font-family: Verdana; /* The terms in the equations use a Verdana font. */
}

.popup {
padding: 20px;
font-size: 18px;
}

.frame{
border: 2px solid black;
border-radius: 10px;
}

.button {
color: blue;
border: 3px solid gold;
padding: 2px 15px 5px 15px;
background-color: white;
border-radius: 10px;
margin-right: 20px;
font-size: 20px;
}

#leftside {
	display: block;
	margin-left: 15px;	
	margin-top: 5px;
}

#rightside{
	float: right;
	width: 60%;
	margin-right: 15px;
	margin-top: 15px;
	overflow: hidden;
}