/* 
GONE FISHING CHARTERS
Default Stylesheet 
*/

/* GENERAL STYLING */
html, body {
background-color: #19294B;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
}

img { border: 0;}

#container {
background-color: #19294B;
width: 826px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
border: 2px #FFF solid;
}

#main { background-color: #2682F1; }
.RedText { color:#900; }
.GreenText { color:#060; }

/* HEADER STYLING */
#main-header { background-color: #2682F1; padding-top: 10px; padding-bottom: 10px; margin-left: auto; margin-right: auto; }

#header-table { width:826px; }

#header-table-left { width: 250px; text-align: center; position: relative; left: 15px; }
#header-table-left tr.header-left-top-R { height: 100px; vertical-align: top; }
#header-table-left tr.header-left-bottom-R { height: 40px; }
#header-table-left td.header-left-top-D { background-color: #000; color: #FFF; font-size: 15px; font-weight: bold; }
#header-table-left td.header-left-bottom-D { background-color: #19294B; font-size: 18px; }

#header-table td.header-table-center { width: 326px; text-align: center; }

#header-table-right { width: 250px; text-align: center; position: relative; left: -15px; }
#header-table-right tr.header-right-top-R { height: 100px; vertical-align: top; }
#header-table-right tr.header-right-bottom-R { height: 40px; }
#header-table-right td.header-right-top-D { background-color: #000; color: #FFF; font-size: 15px; font-weight: bold; }
#header-table-right td.header-right-bottom-D { background-color: #19294B; font-size: 18px; }

/* LINK STYLING */
a:link { color: #19294B; text-decoration: none;}
a:visited { color: #19294B; text-decoration: none;}
a:hover { color: #19294B; text-decoration: underline;}
a:active { color: #19294B; text-decoration: none;}

a.footer-link:link { color: #2682F1; text-decoration: none;}
a.footer-link:visited { color: #2682F1; text-decoration: none;}
a.footer-link:hover { color: #2682F1; text-decoration: underline;}
a.footer-link:active { color: #2682F1; text-decoration: none;}

/* NAVIGATION STYLING */
#main-nav { background-color: #000; }
#main-nav-menu
{ margin: 0; padding: 0; z-index: 30; }
#main-nav-menu li
{ margin: 0; padding: 0; list-style: none; float: left; font: bold 11px arial; }
#main-nav-menu li a
{ display: block; margin: 0 1px 0 0; padding: 4px 10px; width: 97px; background: #000; color: #FFF; text-align: center; text-decoration: none; }
#main-nav-menu li a:hover
{ color: #FFF; background: #19294B; }
#main-nav-menu div
{ position: absolute; visibility: hidden; margin: 0; padding: 0; background: #000; border: 1px solid #FFF; }
#main-nav-menu div a
{ position: relative; display: block; margin: 0; padding: 5px 10px; width: 115px; white-space: nowrap; text-align: center; text-decoration: none; background: #FFF; color: #19294B; font: 11px arial; }
#main-nav-menu div a:hover
{ background: #19294B; width: 115px; color: #FFF; }

/* MAIN CONTENT STYLING */
#main-content {
background-color: #2682F1;
padding: 10px 15px 20px 15px;
text-align: left;
}

h1 { color: #000; }
h2 { font-style: italic; color: #19294B; }
h4 { font-size: 14px; color: #19294B; padding: 0px; margin: 0px; line-height: 100%; }
.news li { font-size: 12px; padding: 0px; margin: 0px; line-height: 100%; }

#home-table-content tr { vertical-align: top; }

.videos-left { float: left; padding-left: 40px;}
.videos-right { float: right; padding-right: 40px; }

.text-centered { text-align: center; }
.text-bold { font-weight: bold; }
.motto { font-size: 14px; }
.superscript { vertical-align: super; font-size: 8px; }
.darkblue { color: #19294B; }
.centerdiv { margin:auto; }

#pricing-included { width: 790px; text-align: center; background-color: #19294B; }
#pricing-included td.leftright { width:263px; text-align: center; font-weight: bold; }
#pricing-included td.center { width:264px; text-align: center; font-weight: bold; }

#pricing-information { width: 790px; text-align: center; }
#pricing-information tr.corporate { height: 82px; }
#pricing-information td.corporatedata { background-color: #CCC; text-align: center; color: #19294B; vertical-align: top; }
#pricing-information td.darkcharter { width: 395px; background-color: #999; color: #19294B; text-align: center; }
#pricing-information td.lightcharter { width: 395px; background-color: #CCC; color: #19294B; text-align: center; }
#pricing-information td.headertab { width: 395px; text-align: left; }

#whatsbiting { margin-left: auto; margin-right: auto; text-align: center; border: 1px #000 solid; }
#whatsbiting td { width: 30px; border: 1px #000 solid; padding-left: 3px; padding-right: 3px; }
#whatsbiting tr { height: 20px; border: 1px #000 solid; }
#whatsbiting th.species { width: 150px; background-color: #999; font-weight: bold; color: #000; border: 1px #000 solid; }
#whatsbiting td.species-type { width: 140px; background-color: #CCC; color: #000; text-align: left; padding-left: 10px; }
#whatsbiting tr.legendrow { height: 30px; }
#whatsbiting td.legenddata { width: 510px; background-color: #999; text-align: center; color: #000; }
#whatsbiting th.month { width: 30px; text-align: center; background-color: #999; font-weight: bold; color: #000; padding: 3px; border: 1px #000 solid; }
.excellent { width: 30px; background-color: #FF0000; }
.good { width: 30px; background-color: #FF6600; }
.poor { width: 30px; background-color: #FFCC00; }
.undetermined { width: 30px; background-color: #19294B; }
.legend-excellent { color: #FF0000; font-size: 20px; }
.legend-good { color: #FF6600; font-size: 20px; }
.legend-poor { color: #FFCC00; font-size: 20px; }
.legend-undetermined { color: #19294B; font-size: 20px; }

.thumbnail { padding: 1px 10px 10px 5px; float: left; }
.thumbnail a img, .thumbnail a { border: none; overflow: hidden; }
.thumbnail a:hover { border: 3px solid #2682F1; }
.thumbnail a:hover img { margin: -3px; }

/* FOOTER STYLING */
#main-footer {
height: 15px;
background-color: #000;
border-top: 2px #FFF solid;
padding-top: 5px;
padding-bottom: 5px;
}

#footer-table { width: 826px; }
#footer-table { vertical-align: middle; }
#footer-table td.left { text-align: left; font-style: italic; width: 200px; padding-left: 10px; }
#footer-table td.center { text-align: center; width: 415px; font-weight: bold; }
#footer-table td.right { text-align: right; width: 200px; padding-right: 10px; }