<!-- CSS for Mt.Brenton Rates Wider Nav Bar, Horiz. Footer-->

 
html { 
font: small/1.4 "Lucinda Grande", Tahome, sans-serif;
} 

body {
font-size: 92% }

#wrap { 
width:750px; 
margin:0 auto; 
background:#FFF;
}

#header { 
padding: 1px 2px;
background:#60D5AC;
} 

h1 { 
margin:0; 
} 

h2 { 
margin:0 0 1em; 
} 

 
#main { 
float:right; 
width:530px; 
padding: 8px;
border: 1px solid black;
background: #FFF; 
} 

#sidebar { 
float:left; 
width:180px; 
padding: 10px;
border: 1px solid black;
background: #FFF;
}
 
#footer { 
clear:both; 
background:#FF5C00; 
} 

footer p {
 margin: 0;
 }
 
 * html #footer { 
height:1px; 
} 
 
#sidebar ul { 
margin:0; 
padding:0; 
list-style:none; 
} 

#sidebar li {
border-bottom: 1px solid #000;
}

#sidebar li a:link, #sidebar li a:visited {
font-size: 90%;
display:block;
padding: 0.4em 0 0.4em 0.5em;
border-left:12px solid #4cab8a;
border-right: 1px solid #4cab8a;
background-color: #60D5AC; <!-- button background color Light-->
color: #FFFFFF;  <!-- button text color WHITE-->
text-decoration: none;
} 

#sidebar li a:hover {
background-color: #4cab8a; <!-- button color DARK -->
color: #FFFFFF; <!-- button text WHITE -->
}

<!-- Table-specific Formatting -->

table.rates {
  border-collapse: collapse;
  border: 1px solid black;
   }
   
th {
  text-align: left;
  background: gray;
  color: white;
  padding: 0.2em;
   }
   
td {
  border: 1px solid black;
  padding: 0.2em;
   }
   
table.footer {
  border-collapse: collapse;
  border: 1px solid black;
   }
   
tr.footer {
  width: 650px;
  text-align: center;
  background: #FF5C00;
  color: white;
  padding: 0.2em;
   }   
 
<!-- Link1 formats Footer links (small font, underline -->  
.link1 {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: underline;
text-align: center;
}