body {
   background-image: url(grock.jpg);
   color: #F5FFFA;
   font-family: "Times New Roman", Times, serif;
   text-align: center;
}

p {
   text-align: left;
   color: #3D5229;
}

#head { 
   width: 540px;
   height: 60px;
   border: 6px solid #F5FFFA;
   background-color: #3D5229;
   color: #F5FFFA;
   margin: 15px auto;
}


h1 {
   text-align: center;
   font-family: "Times New Roman", Times, serif;
   color: #F5FFFA;
   margin: 2px;
   padding: 3px;
}

h2 {
   color: #3D5229;
   text-align: left;
}


#container {
   color: #F5FFFA;
   background-color: #3D5229;
   width: 805px;
   height: 260PX;
   margin: 5px auto;
   border: 6px solid #F5FFFA;
   padding: 1px;
}

.content {
   float: right;
   padding: 2px;
   margin: 1px;
}

.content img {
   border: 0px;
   border: 4px solid #7F8778;
   margin: 1px;
   padding-top: 2px;
   padding-bottom: 2px;
}

#navcontent {
   float: left;
   position: relative;
   width: 152px;
   font-family: "Times New Roman", Times, serif;
   line-height : 110%;
   border: 0px;
   padding: 1px;
   margin: 1px auto;
}

ul#nav { 
   list-style: none; 
   text-align: center;
   margin: 2px;
   padding: 1px;
   color: #F5FFFA;
   background: #9CA998;
   
}

ul#nav li { 
   border: 1px solid #7F8778;
   margin: 1px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-family: "Times New Roman", Times, serif;
}

ul#nav li a:link, ul#nav li a:visited { 
   text-decoration: none;
   text-align: center;
   display: block;
   width: 90%;
   padding: 5px;
}

ul#nav a:link {
   color: #F5FFFA;
   background: #3D5229;
}

ul#nav a:visited { 
   color: #DBDBDB;
   background: #3D5229; 
}

ul#nav li a:hover {
   background: #F5FFFA;
   color: #3D5229;
}

#box {
   width: 800px;
   margin: 3px auto;
   padding: 2px;
}

ul#nav li a:active {
   color: #F5FFFA;
}

#foot {
   text-align: center;
   font-weight: bold;
   margin: 10px auto;
   color: #3D5229;
}

.center {
   text-align: center;
}