body {
margin: 0;
padding: 0;
font-size: 90%;
background-color: #996600;
}

img{
border: none;
}

h1 {
text-align: center;
}

h3 {
margin: 10px 30px;
}

a {
text-decoration: none; 
}

a:link { color: #0066FF; } 
a:visited { color: #666666; } 
a:hover { color: #FF9900; } 
a:active { color: #FF9900; }

li {margin :10px}

ul#foot {
list-style-type: none;
margin: 0 130px;
padding: 20px;
}

li#footer {
float: left;
}

#top_i {
width: 540px;
margin: 0 45px;
}

.button {
height: 57px;
margin:10px;
}

#wrapper {
width: 630px;
margin-right: auto;
margin-left: auto;
padding: 15px;
background-color: #FFFFFF;
}

#explain {
width: 630px;
text-align: center;
}

#index {
width: 330px;
border: 2px #996600 solid;
margin: 20px 150px;
text-align: left;
}

#next {
text-align: right;
}

.backg {
width: 550px; 
height: 420px;
margin: 5px 15px;
padding: 15px 27px;
background-image: url(hbg.gif); 
}

.image{
width: 500px;
height: 405px;
background-color: #90EE90;
}

.comment {
width: 630px;
height: 50px;
margin: 30px 0;
text-align: center;
}

#ending {
width: 630px;
margin: 30px 0;
text-align: center;
}