body {
   background-image: url(images/lrock1.jpg);
   color: #A0522D;
   font-family: "Times New Roman", Times, serif;
   font-style: italic;
   text-align: center;
}

#head { 
   position: relative;
   width: 800px;
   border: 10px double #734A12;
   background-color: #2F4F2F;
   margin: 10px auto;
}

.cboth {
   clear: both;
}

h1 {
   text-align: center;
   font-family: "Times New Roman", Times, serif;
   font-size: 3em;
   color: #FDF5E6;
   font-style: italic;
   font-weight: bold;
   margin: 2px;
   padding: 3px;
}

h2 {
   text-align: left;
   font-family: "Times New Roman", Times, serif;
   float: right;
   width: 615px;
   color: #FDF5E6;
   font-style: italic;
   font-weight: bold;
   margin: 2px;
   padding: 3px;
}

#container {
   position: relative;
   background-color: #2F4F2F;
   width: 800px;
   height: 485px;
   margin: 10px auto;
   border: 10px double #734A12;
   padding: 0px;
}

.content {
   float: right;
   padding: 4px;
   margin: 1px;
}

.contentpic {
   float: right;
   margin: 0px auto;
   padding-top: 20px;
}   

.content img {
   border: 2px ridge #734A12;
}

#navcontent {
   float: left;
   position: relative;
   top: 3px;
   width: 9em;
   height: 29em;
   font-family: "Times New Roman", Times, serif;
   line-height : 110%;
   border: 5px ridge #FDF5E6;
   padding: 1px;
}

#navcontent1 {
   float: left;
   position: relative;
   top: -450px;
   width: 9em;
   height: 29em;
   font-family: "Times New Roman", Times, serif;
   line-height : 110%;
   border: 5px ridge #FDF5E6;
   padding: 1px;
}

ul#nav { 
   list-style: none; 
   text-align: center;
   border: 0px groove #D9D9F3;
   margin: 0px auto;
   padding: 12px;
   color: #A0522D;
   background: #FDF5E6;
   height: 442px;
}

ul#nav li { 
   border: 3px solid #734A12;
   margin: 6px;
   padding-top: 0px;
   padding-bottom: 0px;
   font-family: "Times New Roman", Times, serif;
   font-style: italic;
   font-weight: bold;
   font-size: 18px;
}

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: #FDF5E6;
   background: #2F4F2F;
}

ul#nav a:visited { 
   color: #000000;
   background: #2F4F2F; 
}

ul#nav li a:hover {
   background: #FDF5E6;
   color: #2F4F2F;
}

ul#nav li a:active {
   color: #FDF5E6;
   background: #2F4F2F;
}

.hover {
   margin: 2px;
   border: 2px solid #D93E3A;
   padding: 1px;
   background-color: #FAFAFA;
   color: #EE2C2C;
}

.hover:hover {
   background-color: #C6E3F1;
   color: #413B6B;
}

input:focus, textarea:focus {
   background-color: #D0EDFB;
   color: #413B6B;
}

.floatright {
   float: right;
   margin: 2px auto;
}

#bottom {
   position: relative;
   text-align: center;
   margin: 5px auto;
}   
#foot {
   position: relative;
   text-align: center;
   font-weight: bold;
   margin: 5px auto;
   padding: 5px;
}

#box {
   width: 500px;
   color: #D93E3A;
   background-color: #EDEF46;
   border: 3px solid #D93E3A;
   margin: 5px auto;
   padding: 8px;
}

p {
   text-align: center;
}

