@charset "utf-8";

body  {
   width: auto;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size: 14pt;
	background: #218CC7;
   color: #000000;
   margin: 0;
	padding: 0;
}

.srobasetwo #container {
   width: 980px;
	background: #FFFFFF;
	margin: 0 auto;
   border: 1px solid #000000;
   text-align: left;
}

.srobasetwo #header {
	background-color: #0066FF;
   padding: 0 0 0 20px;
}


.srobasetwo #header h1 {
	margin: 0;
   padding: 0px;
  /* color:#FFCC00; */
}

.srobasetwo #memberwelcome {
   background: transparent;
   color: white;
   font-size: small;
   position: absolute;
   top: 40px;
   right: 50px;
   width: 500px;
   text-align: right;
   overflow: hidden;
}

.srobasetwo #memberwelcome a {
   color: white;
}


.srobasetwo #menu {
  /* background: #CCCCCC; */
  /* padding: 0; */
   /* border: 1px solid #000000;
   margin: 0; */
  /* font-weight:bold; */
   display: none;
}


/* Style for the right side advertising space. */
/* Disable for Print. */
.srobasetwo #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;
}

.srobasetwo #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. */
  /*  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;
    padding: 20px;
}

.srobasetwo #wideContent
{  /* Defines WIDE main section of web page for content, no sidebar. */
 /*  position: absolute;  3/28/10 */ /* Resizeable Web Page */
 /*  bottom: 36px;        3/28/10 */ /* Resizeable Web Page */
 /*  top: 99px;          3/28/10  */ /* Resizeable Web Page */
 /*  right: 0;            3/28/10 */ /* Resizeable Web Page */
 /*  left: 0;             3/28/10 */ /* Resizeable Web Page */
   display: block;   /* ensure content will scroll. */
 /*  overflow: scroll;    3/28/10 */
   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;   3/28/10 */
}

.srobasetwo #wideContentnomenu
{  /* Defines WIDE main section of web page for content, no sidebar. */
  /* position: absolute;  3/28/10 */ /* Resizeable Web Page */
  /* bottom: 36px;        3/28/10 */ /* Resizeable Web Page */
  /* top: 59px;           3/28/10 */ /* Resizeable Web Page */
  /* right: 0;            3/28/10 */ /* Resizeable Web Page */
  /* left: 0;             3/28/10 */ /* Resizeable Web Page */
   display: block;   /* ensure content will scroll. */
  /* overflow: scroll;    3/28/10 */
   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;   3/28/10 */
}

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

.srobasetwo #footer {
	padding: 0 10px 0 20px;
	background:#DDDDDD;
}

.srobasetwo #footer p {
	margin: 0;
	font-size:smaller;
	text-align: center;
	padding: 10px 0;
}

.srobasetwo #mainContent h1 {
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}

.srobasetwo #wideContent h1 {
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}

.srobasetwo #wideContentnomenu h1 {
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
}


.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

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

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.srobasetwo #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;
	}

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

.srobasetwo #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;
}