/* css controls the DOM */

p {
background-color: black;
color : skyblue; 
}


div {
float: left;
clear: both;
}

img {
float: left;
width:  50%;
margin-right: 25%;
margin-left:  25%;
}


body {
background-color: maroon;

}

/* whole page container */
#pcontainer {
	margin-top: 0px;
}



#menuholder {
margin-top: 2%;
background: orange;
/*height: 460px;*/

padding-top: 50px;
padding-bottom: 50px;
clear: none;

width:  11%;
min-width: 84px;
margin-left: 2%;
margin-right: 2%;


}

#content {
margin-top: 2%;

margin-left: 5%;
margin-right: 5%;
width: 65%;
padding-right: 5%;
padding-left: 5%;

padding-top: 5px;
padding-bottom: 5px;



background: orange;
/*height: 670px;*/
font-family: cursive;
font-size:24px;
clear: none;
}



.menubox{
height: 100px;
width: 70%;
min-width: 68px;

background-color: maroon;
margin-left: 15%;
margin-top: 1vh;
margin-bottom: 1vh;
box-sizing: border-box;
font-family: cursive;
padding: 2%;
display: inline-block;
/*white-space: nowrap;*/
text-align: center;
}



.subcontent{
	/*height: 610px;*/
	width: 80%;
	background-color: maroon;
	margin-left: 5%;
	padding: 5%;


	box-sizing: border-box;
	font-family: cursive;
	margin-top: 1vh;
}

.centertext {
text-align: center;
width: 95%;
/*background-color: pink;*/
}

/* Link that has never been clicked, un-visited link */
a:link {
color: orange;
text-decoration: none;
}

/* visited link */
a:visited {
color: orange;
text-decoration: none;
}

/* mouse over link */
a:hover {
text-decoration: none;
color: hotpink;
}

/* selected link */
a:active {
color: green;
text-decoration: none;
}