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

p {
   text-align: left;
   color: #5E1600;
}

#head { 
   width: 540px;
   height: 60px;
   border: 6px solid #5E1600;
   background-color: #999368;
   color: #5E1600;
   margin: 15px auto;
}

.cboth {
   clear: both;
}

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

h2 {
   color: #8A360F;
   text-align: center;
   font-size: 1em;
}


#container {
   color: #5E1600;
   background-color: #999368;
   width: 805px;
   height: 260pX;
   margin: 5px auto;
   border: 6px solid #5E1600;
   padding: 1px;
}

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

.content img {
   border: 3px solid #5E1600;
   margin: 1px auto;
   padding: 2px;  
}

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

ul#nav { 
   list-style: none; 
   text-align: center;
   margin: 2px;
   padding: 1px;
   color: #5E1600;
   background: #999368;
   
}

ul#nav li { 
   border: 3px solid #5E1600;
   margin: 1px;
   padding-top: 0px;
   padding-bottom: 1px;
   font-family: "Times New Roman", Times, serif;
   font-weight: bold;
}

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: #5E1600;
   background: #999368;
   font-weight: bold;
}

ul#nav a:visited { 
   color: #000000;
   background: #999368;
   font-weight: bold;
}

ul#nav li a:hover {
   background: #5E1600;
   color: #999368;
   font-weight: bold;
}

ul#nav li a:active {
   color: #5E1600;
   font-weight: bold;
}

#box {
   width: 800px;
   height: 400px;
   margin: 0px auto;
}

.bg {
   width: 800px;
   height: 330px;
   background-image: url(nouvtile4.jpg);
   border: 3px solid #5E1600;
}

.poem {
   width: 700px;
   height: 230px;
   font-size: 1.50em;
   font-style: italic;
   background-color: #999368;
   color: #5E1600;
   margin: 50px auto;
   border: 3px solid #5E1600;
} 

#bro {
   width: 700px;
   margin: 10px auto;
   background-color: #999368;
   border: 3px solid #5E1600;
} 

#leetle {
   width: 500px;
   height: 120px;
   margin: 5px auto;
   font-size: 20pt;
   font-weight: bold;
   color: #FF3030;
   background-color: #999368;
   border: 3px solid #5E1600;
   padding: 3px;
} 

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

.center {
   text-align: center;
}

a:link {
   color: #5E1600;
   text-decoration: none;
   border: 0px solid #35586C;
   margin: 0px auto;
   font-weight: bold;
}

a:visited {
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
   background: #5E1600;
   color: #999368;
   text-decoration: none;
   font-weight: bold;
}