a:visited   { color: #808080; text-decoration: none }
a:link   { color: navy; text-decoration: underline }
a:hover { color: red; text-decoration: underline }
a:active { color: red; text-decoration: underline }
body       { font-size: 11px; background: #0d223f url(../images/bkg_page_seascape_01.jpg) repeat-x fixed 0px 0px; margin: 0px 0px 8px }
h1       { color: #1b2d52; font-weight: bold; font-size: 20px; margin: 0px; padding: 0px; border-bottom: 1px solid navy }
h2     { color: #1b2d52; font-weight: normal; font-size: 18px; margin-bottom: 0px; padding-top: 16px }
h2 + p { margin-top: 0px; padding-top: 2px }
h3   { color: #1b2d52; font-weight: bold; font-size: 14px; margin-bottom: 0px; padding-bottom: 0px }
h4 { font-weight: bold; font-size: 16px; margin-bottom: 0px }
h5 { font-weight: bold; font-size: 14px; margin-bottom: 0px }
h6 { font-weight: bold; font-size: 12px; margin-bottom: 0px }
li    { padding-bottom: 8px }
p  { font-size: 11px; font-family: Verdana, Helvetica, Geneva, Arial, Sans }
td   { color: #1b2d52; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Arial, Sans }
.callout1 { border: dotted 4px #fad18a }
.callout2 { background-color: #f5f5f5; padding: 5px; border: solid 1px #ccc }
.content           { color: #1b2d52; font-size: 11px; line-height: 18px; background: url(../images/bkg_content_gradient.gif) repeat-y }
.content table { font-size: 11px; line-height: 18px }
.content ul { font-size: 11px; line-height: 18px }
.content p   { color: #1b2d52; font-size: 11px; line-height: 18px }
.content table img { margin-bottom: 6px; margin-left: 12px; border: solid 2px #1b2d52 }
.external_link  { background: #f5f5f5 url(../images/icons/window.gif) no-repeat 3px 3px; padding: 1px 2px 1px 20px; border: solid 1px silver }
.footer   { font-size: 9px }
.footer_address       { color: black; font-size: 11px; font-family: "Times New Roman", Times; text-align: center; padding: 16px 8px 8px; border: none 1px silver }
#specials { font-weight: bold; border: none 1px #32a4bf }
.my10px  { font-size: 10px }
.my12px  { font-size: 12px }
.my14px  { font-size: 14px }
.my16px  { font-size: 16px }
.my18px  { font-size: 18px }
.my20px  { font-size: 20px }
.navtext      { color: white; font-family: "Times New Roman", Times; background-color: #dcdcdc; padding: 10px 10px 10px 40px }
.navtext a { font-weight: bold; font-size: 12px; padding-right: 8px; padding-left: 8px }
.navtext a:visited { color: navy }
.pdf  { background: #feebcc url(../images/icons/acrobat.gif) no-repeat 2px 3px; padding: 1px 2px 1px 16px; border: solid 1px #f15d2a }
.photoborder   { margin: 0px 0px 4px 8px; border: solid 4px silver }
#photoborder_none { border: none }
.photosidebar { font-size: 10px; background-color: #f5f5f5; margin: 0px 0px 4px 8px; padding: 8px }
.photosidebar img   { font-size: 10px; background-color: #f5f5f5; border: solid 4px silver }
.photosidebar td { text-align: center }
.siteborder { border: solid 1px #dcdcdc }
.sidebar { background: #fdfdf0 url(../images/bkg_sidebar_04.jpg) repeat-y }
.subnav     { background: #fdfdf0 url(../images/bkg_fish_04.jpg) no-repeat }
.subnav ul    { background-color: #666; text-align: left; list-style-type: none; margin: 70px 0px 0px; padding: 0px; border: none 1px #32a4bf; height: auto }
.subnav li    { margin: 0px; padding: 0px; border-style: solid none none none; border-width: 1px; border-color: #32a4bf }
/*

To make the links active for the full width of the DIV, I made them display: block;.
This works for everything but IE/Windows. If you give the block an explicit width of 
100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and 
Netscape/Mozilla. So I used the child selectorÒ>Ó to redefine the width to auto. 
Since IE/Windows doesnÕt understand child selectors, it ignores the rule. IE5/Mac, 
Opera and Netscape/Mozilla follow the rule, and everyone is happy.

*/
.subnav li a    { color: #f5f5f5; font-size: 10px; text-decoration: none; background-color: #1b2d52; list-style-type: none; margin: 0px; padding: 6px 6px 6px 10px; width: 100%; display: block }
html>body .subnav li a { width: auto; }
.subnav li a:hover     { color: black; text-decoration: none; background-color: #a9d075; list-style-type: none; margin: 0px; display: block }
.subnav a:visited { color: white; margin: 0px }
.title { padding: 8px }
.utilitynav   { color: black; font-size: 11px; font-family: "Times New Roman", Times; background-color: #fdfdf0; padding-right: 8px; padding-bottom: 5px }
.utilitynav a  { color: #1b2d52; font-size: 10px; font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular; text-decoration: none }
.utilitynav a:visited  { color: #1b2d52; font-size: 10px; font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular; text-decoration: none }
.utilitynav a:hover { color: #1b2d52; font-size: 10px; font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular; text-decoration: underline }
.utilitynav li   { list-style-type: none; padding-bottom: 2px }
form td { font-size: 10px }
#Table_01      { background-color: #fdfdf0; border: solid 8px #32a4bf }
#Table_02  { background: url(../images/bkg_fish_07.jpg) no-repeat }
#Table_04 { border-style: solid none none none; border-width: 6px; border-color: #a9d075 }