html{

}

body { 

} 
.mainbody{
background-image:url("back.jpg");
width:750px;
height:570px;
border: black 1px groove;
padding:20px;
padding-top:0px;
margin: 0 auto; 

}
.test{
	float:left;
	border: black 2px dashed;
}
#header{
	width:50%;
	height:75px;
	padding-left:15%;

	background-color: transparent;
	margin: 0 auto; 
	display:block;
	
}
#index{
	padding-top:10px;
	width:18%;
	text-align:center;
	float:left;


}
.indexbutton{
	font-family:monospace;
	width:100%;
	background-color:#808080;
	height:20px;
	cursor:pointer;
	display:block;
	border: black 1px ridge;
}
.indexbutton:hover{
	font-family:monospace;
	width:100%;
	background-color:white;
	height:20px;
	cursor:pointer;
	display:block;
	border: black 1px ridge;
}



#advertisement{
	display:block;
	float:left;
	width:70%;
	margin-top:35px;
	height:20px;
	padding:4%;
	/* border: black 2px dashed; */

	
}

#content{
	overflow: auto;
	float:left;
	width:94%;
	padding:3%;	
	padding-top:0%;
	height:345px;
	border: black 2px ridge;
	background-color:#FFFFFF;
}
#footer{
	width:99%;
	float:left;
	text-align:center;
	color:white;
	font-family:monospace;
}
#headfont1{
	
	font-family:monospace;
	font-size:500%;
	font-weight:bold;
	color:white;
}
#headfont2{
	
	font-size:200%;
	color:white;
	font-style:italic;
}
#headfont3{
	
	padding-left:50%;
	font-size:110%;
	color:white;
}
#footerfont{
	font-size:80%;
}
a {
	text-decoration:none;
	color:blue;
	
}
a:visited {
	text-decoration:none;
	color:blue;
}


h3{

	font-family:monospace;
}
.hidden{
	width:95%;
	height:0%;
	display:none;
	
}
.nonhidden{
	display:block;
}