body { 
color: #513010; 
font-size: .75em; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
line-height: 120%; 
}

a  { 
color: #f4e7cc; 
font-weight: bold; 
text-decoration: none; 
text-align: center; 
}
a:link  { 
color: #f4e7cc; 
text-decoration: none; 
}
a:hover  { 
color: #ffa738; 
text-decoration: none; 
}
h1 {
font-size: 16px; 
font-weight: bold; 
}

.navbuttons  { 
font-size: 11px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-weight: bold; 
line-height: 200%; 
text-align: center; 
border: solid 1px white; 
line-height:200%; 
padding: 0;
margin: 0;
}
a.navbuttons, a:visited.navbuttons, a:link.navbuttons  { 
color: white; 
background-color: #0076a3; 
text-decoration: none; 
line-height:200%; 
display: block; 
padding: 0;
margin: 0;
}
a:hover.navbuttons   { 
color: #f4e7cc; 
font-style: normal; 
text-decoration: none; 
line-height:200%; 
background-color: #c7541c;
padding: 0;
margin: 0;
padding: 0; 
}
.down  { 
color: #c7541c; 
font-size: 11px; 
font-weight: bold; 
line-height: 200%; 
background-color: white; 
text-decoration: underline; 
text-align: center; 
border: solid 1px white; 
padding: 0;
margin: 0;
}

td#imageArea { 
background-image: url(../images/surfBg.jpg); 
background-repeat: no-repeat; 
background-attachment: scroll; 
border-left: 1px solid white; 
}
td#main { 
text-align: justify; 
padding: 20px 40px; 
}
td#footer { 
color: #f4e7cc; 
font-size: 9px; 
font-style: italic; 
text-align: center; 
letter-spacing: 1em; 
border-top: 1px solid white; 
border-right-color: white; 
border-bottom-color: white; 
border-left-color: white; 
}
td#credit { 
color: #fff; 
font-size: 8px; 
font-weight: normal; 
text-align: center; 
letter-spacing: 0.25em; 
border-top: 1px solid white; 
border-right-color: white; 
border-bottom-color: white; 
border-left-color: white; }
td#credit a {
font-weight: normal;
}
.photos { margin-top: 20px; 
border: solid 1px #fff; 
}
.header { 
font-size: 16px; 
font-weight: bold; 
}
.subhead { 
font-weight: bold; 
}
ol { 
font-weight: bold; 
line-height: 150%; 
margin-left: 0; 
list-style-type: square; 
}
ul { 
list-style-type: circle; 
margin: 1em 0 1em 5px; 
}

td#main a { 
color: #903; 
font-size: 110%; 
}
td#main a:hover { 
color: #0076a3; 
font-style: italic; 
text-decoration: none; 
}
a.rates, a:hover.rates , a:visited.rates , a:link.rates , a:active.rates  {
text-align:left;
}