@charset "utf-8";
/* CSS Document */

html { 	height: 100%; }
body { 	font: 100% Arial, Helvetica, sans-serif; padding: 0; text-align: left; margin: 0 auto; height: 100%;
		background-image: url(images/backgrounds/dock-background.jpg); background-color: #003399; background-position: center top; 
		background-repeat: no-repeat;  }

img { border: none; }
a { text-decoration: none; color: black; font-weight: bold; color: #993300; }

h2 { font-size: 12px; font-weight: bold; color: #333333; margin: 0px 0px 10px 0px; }
h1 { font-size: 14px; font-weight: bold; color: #333333; margin: 0px 0px 10px 0px; }

#top-spacer { height: 79px; width: 888px; margin: 0 auto; }
#header { height: 277px; width: 855px; background-image: url(images/header/header.jpg); background-repeat: no-repeat; }
#page-wrapper { width: 888px; background-color: white; margin: 0 auto; padding: 1px; }
#blue-content-wrapper { width: 870px; background-color: #003399; margin: 7px auto; }
#footer { width: 888px; margin: 0 auto; height: 200px; background-color: #003399; font-size: 13px; color: white; font-weight: bold; text-align: center; }
	#footer a {  font-size: 13px; color: white; font-weight: bold;}
	#footer a:hover { text-decoration: underline; }

.min-content { padding: 10px 7px; }
.left-content { float: left; width: 245px; padding: 10px 10px 10px 0px; }
.right-content { float: left;  width: 190px; padding: 10px 0px 10px 10px; }
.middle-content { float: left; width: 375px; padding: 10px 0px 0px 20px; text-align: left; } 

.left-large-content { float: left; width: 500px; padding: 10px 5px 10px 5px; }
.right-large-content { float: left; width: 345px; padding: 10px 0px; }

/** Content Boxes **/
.small-box-rounded-345-top { width: 345px; height: 15px; background-image: url(images/content-backgrounds/white-box-rounded-345-top.png); background-repeat: no-repeat; margin: 0 auto; }
.small-box-rounded-345-middle { width: 315px; background-image: url(images/content-backgrounds/white-box-rounded-345-middle.png); background-repeat: repeat-y; margin: 0 auto; padding: 0px 15px; }
.small-box-rounded-345-bottom { width: 345px; height: 12px; background-image: url(images/content-backgrounds/white-box-rounded-345-bottom.png); background-repeat: no-repeat; margin: 0 auto; }

.small-box-rounded-500-top { width: 485px; height: 14px; background-image: url(images/content-backgrounds/white-box-rounded-500-top.png); background-repeat: no-repeat; }
.small-box-rounded-500-middle { width: 455px; background-image: url(images/content-backgrounds/white-box-rounded-500-middle.png); background-repeat: repeat-y; padding: 0px 15px; }
.small-box-rounded-500-bottom { width: 485px; height: 15px; background-image: url(images/content-backgrounds/white-box-rounded-500-bottom.png); background-repeat: no-repeat; }

.large-box-rounded-840-top { width: 840px; height: 13px; background-image: url(images/content-backgrounds/white-background-840-top.png); background-repeat: no-repeat; }
.large-box-rounded-840-middle { width: 810px; background-image: url(images/content-backgrounds/white-background-840-middle.png); background-repeat: repeat-y; padding: 0px 15px; }
.large-box-rounded-840-bottom { width: 840px; height: 13px; background-image: url(images/content-backgrounds/white-background-840-bottom.png); background-repeat: no-repeat; }

.image-button-background { float: left; background-image: url(images/content-backgrounds/fishing-button-background.png); background-repeat: no-repeat; width: 201px; height: 168px; margin: 0px 6px; }

#charter-subnav { height: 25px; background-color: black; }
	#charter-subnav a { color: white; font-size: 13px; font-weight: bold; }
	#charter-subnav a:hover { font-size: 13px; font-weight: bold; color: #ee4027; }

/** fonts **/
.text1 { font-size: 12px; color: #333333 }
.brown-title { color: #993300; font-weight: bold; }