body { padding:0; margin:0; background-color:maroon; text-align:center;}

.one {background-color:silver; 
	font-family: Arial,"Trebuchet MS", Helvetica, "Times New Roman"; sans-serif;
	width:50%; 
	margin: 25%; 
	text-align:center; 
	border:6px ridge black;
	}

.middlebox {
	position:relative;
	width:500px;
	height:500px;
	margin: 10% 25%;
	background-color:silver; 
	font-family: Arial,"Trebuchet MS", Helvetica, "Times New Roman"; sans-serif;
	text-align:center; 
	border:6px ridge black;
	}

.boxul { position:absolute; top:0; left:0; width:245px; height:170px; }
.boxur { position:absolute; top:0; right:0;  width:245px; height:170px; }
.boxml { position:absolute; top:33%; left:0; width:245px; height:160px;  }
.boxmr { position:absolute; top:33%; right:0;  width:245px; height:160px; }
.boxll { position:absolute; bottom:0; left:0;  width:245px; height:170px; }
.boxlr { position:absolute; bottom:0; right:0; width:245px; height:170px; }

 
/*above no longer active on pages*/
 
.three a:link {color:maroon;}
.three a:visited {color:navy;}
.three a:hover {color:purple; background-color:white; text-decoration:none;}
.three a:active {color:red;}

.p {padding: 15px;}

.lefttop { 
	float:left; 
	width:50%; 
	margin:0 auto;  
	padding:0 0;
	font-size:1.2em;
	text-align:center; 
	background-color:silver; }


.leftbottom { float:left; width:50%;  margin:0 auto; 
text-align:center; background-color:silver;font-size:1.2em;}
.righttop { float:left; width:50%; margin:0 auto; 
text-align:center; background-color:silver;font-size:1.2em;}
.rightbottom { float:left; width:50%; margin:0 auto; 
text-align:center; background-color:silver;font-size:1.2em;}

.footer {
	border:6px ridge black;
}