/* 10/25/08 Patrick  Add boatmodels Id and color for H1 */
/* 11/12/08 Patrick  Create Print Styles by copy of prior stylesheet. */

@charset "utf-8";

body  {
   width: auto;   /* 11/12/08 */
   font-family:  Verdana, Arial, Helvetica, sans-serif;    /* 11/12/08 */
   font-size: 14pt;  /* 11/12/08 */
	background: #218CC7;     /* Patrick 8/15/08. */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
  /* text-align: center;  11/12/08 */ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixRtHdr #container { /* Patrick -- width was 780. */
   width: 980px;   /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
   border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* Style definition for the page header / title. */
.twoColFixRtHdr #header {
	/* background: #DDDDDD;  Patrick replaces with next 8/10/08 */
	background-color: #0066FF;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

/* Style for H1 in the page header. */
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
   padding: 0px; /* 11/12/08 */ /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	                 /* Patrick 8/10/08 Increase padding of H1 to increase Header height. */
  /* color:#FFCC00; */  /* 11/12/08 */  /* Patrick 8/10/08 Set H1 color Gold. */
}

/* Patrick 8/10/08 -- Create Menu Style. */
.twoColFixRtHdr #menu {
   background: #CCCCCC;
   padding: 0;
   /* border: 1px solid #000000;
   margin: 0; */
   font-weight:bold;
  display: none;
}

.twoColFixRtHdr #memberwelcome {
  display: none;
}

/* Style for the right side advertising space. */
/* Disable for Print. */
.twoColFixRtHdr #sidebar1 {
 /*   float: right; */ /* since this element is floated, a width must be given */
 /*   width: 200px; */ /* the actual width of this div, in standards-compliant browsers,
      or standards mode in Internet Explorer will include the padding and border in addition to the width */
 /*   background: #EBEBEB; */ /* the background color will be displayed for
      the length of the content in the column, but no further */
 /*   padding: 15px 10px; */
  display: none;
}

/* Style for the main page content. */
.twoColFixRtHdr #mainContent {
   display: block;     /* Patrick 9/9/08 -- make content scroll. */
  /* overflow: scroll; */ /* 11/12/08 */  /* Patrick 9/9/08 -- make content scroll. */
   /*  position: absolute; */ /* Patrick 9/9/08 -- make content scroll. */
  /* height: 600px;  */    /* Patrick 9/9/08 -- make content scroll. */    /* 11/12/08 */
  /* min-height: 600px; */ /* Patrick 8/12/08 -- Dont let the page get too small even if limited content. */  /* 11/12/08 */
  /*  margin: 0 225px 0 0;  11/12/08 */ /* the right margin on this div element creates the column
      down the right side of the page - no matter how much content the sidebar1 div contains,
      the column space will remain. You can remove this margin if you want the #mainContent div's text
      to fill the #sidebar1 space when the content in #sidebar1 ends. */
   margin: 0;   /* 11/12/08 */
   /*padding: 20px;  11/12/08 */ /* remember that padding is the space inside the div box and margin is the space outside the div box */
    padding: 20px;  /* 11/12/08 */
  /* font: 100% Verdana, Arial, Helvetica, sans-serif; */
 /*  font: 110% "Times New Roman", Times, serif; */   /* 11/12/08 */
}

.twoColFixRtHdr #wideContent
{  /* Defines WIDE main section of web page for content, no sidebar. */
   position: absolute;  /* Resizeable Web Page */
   bottom: 36px;        /* Resizeable Web Page */
   top: 99px;           /* Resizeable Web Page */
   right: 0;            /* Resizeable Web Page */
   left: 0;             /* Resizeable Web Page */
   display: block;   /* ensure content will scroll. */
   overflow: scroll;
   margin: 0 0 0 0;  /* NO margin for right column */
   padding: 10px;
   /* font: 100%  Arial, Helvetica, sans-serif; */
   /* font: 100% Verdana, Arial, Helvetica, sans-serif; */
   font-family: "Times New Roman", Times, serif;
}

.twoColFixRtHdr #wideContentnomenu
{  /* Defines WIDE main section of web page for content, no sidebar. */
   position: absolute;  /* Resizeable Web Page */
   bottom: 36px;        /* Resizeable Web Page */
   top: 59px;           /* Resizeable Web Page */
   right: 0;            /* Resizeable Web Page */
   left: 0;             /* Resizeable Web Page */
   display: block;   /* ensure content will scroll. */
   overflow: scroll;
   margin: 0 0 0 0;  /* NO margin for right column */
   padding: 10px;
   /* font: 100%  Arial, Helvetica, sans-serif; */
   /* font: 100% Verdana, Arial, Helvetica, sans-serif; */
   font-family: "Times New Roman", Times, serif;
}

/* Style mods for Boat Models (new)  10/25/08 */
/* .twoColFixRtHdr #boatmodels
   H1{ color:blue;
       text-decoration:underline };
   */    /* 11/12/08 Removes */

/* Style for the page footer. */
.twoColFixRtHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}

/* Style for the text in the page footer. */
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size:smaller;  /* Patrick 8/15/08 */
	text-align: center; /* Patrick 8/15/08 */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.twoColFixRtHdr #mainContent h1 {
   /* Page title style - same as wideContent h1. */
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}

.twoColFixRtHdr #wideContent h1 {
   /* Page title style - same as mainContent h1 */
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}

.twoColFixRtHdr #wideContentnomenu h1 {
   /* Page title style - same as mainContent h1 */
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}


/* The following are class (methods ?) for floating things. */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.mainimage {
   float: left;
   width: 500px;
   height: 375px;
   border: medium ridge blue;
   margin: 5px 8px 5px 0;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixRtHdr #boatmodels img {
	height: 225px;
	width: 300px;
	border: medium ridge blue;
	padding: 3px;
   float: right;
   margin: 0 0 5px 8px;
}

img.buttonimage
{  /* Style for Boat Spec button. */
   visibility: hidden !important;
   width: 50px !important;
   height: 15px !important;
	border: thin solid blue !important;
	padding: 3px !important;
	}

.twoColFixRtHdr #sportfish img{
   height: 200px;
   width: 400px;
   border: medium ridge blue;
   padding: 3px;
   float: right;
   margin: 25px 0 5px 8px;
}

.twoColFixRtHdr #sportfish img.hangingfish{
   width:200px;
   height: 500px;
}

.captionrightbig {
   display:block;
   float: right;
   width: 460px;
   height: 430px;
   border: none;
   margin-right: 5px;
   margin-left: 8px;
   padding:0;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 80%;
   }
.captionrightbig img {
    width: 450px;
    height: 400px;
    border: medium solid black;
    padding: 1px;
   display: block;
}

.captionleftbig {
   display:block;
   float: left;
   width: 460px;
   height: 430px;
   border: none;
   margin-right: 8px;
   padding:0;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 80%;
}

.captionleftbig img {
    width: 450px;
    height: 400px;
    border: medium solid black;
    padding: 1px;
}

.captionfullwide {
   display:block;
   float: left;
   width:  700px;
   /* 100% is too big in IE7 */
   height: 380px;
   border: none;
   margin-right: 8px;
   padding:0;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 80%;
   }
.captionfullwide img {
   width: 690px; /* 700 px */
   /* 100% is too big in IE7 */
    height: 350px;
    border: medium solid black;
    padding: 1px;
}

img.leftfullwide {
   /* chart images full width on cruising pages. */
   float: none;
   width: 98%;
   /* 100% is too big in IE7 */
   height: 300px;
   margin-right: 1px;
   padding: 1px;
   border: medium solid black;
}

img.leftvertfloat {
   /* tall chart images left on cruising pages. */
   float: left;
   width: 250px;
   height: 750px;
   margin-right: 8px;
   padding: 1px;
   border: medium solid black;
}

img.leftbigfloat {
   /* large square-ish chart images left on crusiing pages. */
   float: left;
   width: 450px;
   height: 400px;
   margin-right: 8px;
   padding: 1px;
   border: medium solid black;
}

img.rightbigfloat {
   /* large square-ish chart images right side. */
   float: right;
   width: 450px;
   height: 400px;
   margin-right: 5px;
   padding: 1px;
   border: medium solid black;
   margin-left: 8px;
}

img.leftlargefloat {
   /* large square-ish chart images left on crusiing pages. */
   float: left;
   width: 450px;
   height: 750px;
   margin-right: 8px;
   padding: 1px;
   border: medium solid black;
}