html body{
background: #555555; 
font-size:76%; 
font-family: arial;
color: Black;
text-align:center;
background-image: 
url('black.png');
background-repeat: repeat
}

.image
{
float: none;
text-align: center;
margin-bottom: 3px;
margin-right: 3px;
margin-top: 5px;
}


.nav
{
background: #FFFFFF;
border: solid 3px;
border-color: #DDDDDD;
padding: 15px 15px 15px 15px;
width: 600px;
height: 20%;
float: none;
text-align: center;
display: block;
margin-bottom: 3px;
margin-right: 3px;
margin-top: 5px;
}

.join
{
background: #FFFFFF;
border: solid 3px;
border-color: #DDDDDD;
overflow: auto;
padding: 15px 15px 15px 15px;
width: 600px;
height: 800px;
float: none;
text-align: left;
display: block;
margin-bottom: 3px; 
margin-right: 3px;
margin-top: 10px;
}

/*.nav
{
background: #FFFFFF;
border: solid 3px;
padding: 15px 15px 15px 15px;
width: 600px;
height: 20%;
float: none;
text-align: center;
position:fixed;
display: block;
margin-bottom: 3px;
margin-right: 3px;
margin-top: 80px;
}*/

/*.box
{
background: #FFFFFF;
font-size:76%; 
font-family: arial;
color: Black;
font-weight: bold;

position: fixed;
height: 200px;
border-top: 5px solid black;
border-left: 5px solid black;
border-right: 5px solid black;
border-bottom: 5px solid black;
margin-left: 200px; 
margin-right: 200px;
margin-top: 200px;
}*/