/* from csl-newserver archive last mod 3 Oct 06*/

html {
		min-height:100%; 
		margin-bottom:1px;
}

body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 76%;
}

#waitinglist {
		color: #ff0000;
}

			  
#main_notfixed {
		width: 100%;
		margin: 0 auto 0 auto;
		border: none;
		position:relative;
		background-color: #fff;
		min-width: 800px;
		}
		
#main {
		width: 940px; 
		margin: 0 auto 0 auto;
		border: none;
		position:relative;
		background-color: #fff;
}

#topbanner_notfixed {
		height: 60px;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #ccf;
}

#topbanner	{
		width: 940px;
		height: 60px;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #ccf;
}

#companylogo {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 199px;
		border: none;
		height: 60px;
}

#topadv1 {
		margin-left: 199px;
		padding: 0;
		text-align: left;
		height: 60px;
		
}

#topadv1 img {
		vertical-align: top;
		padding: 0;
		margin:0;
		float: left;
}

#container {
		margin: 0;
		padding: 0;
		position: relative;
        border-top: 1px solid #fff;
	
	
}

#leftcolumn {
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		background-color: #ccf;
}

#leftmenu { 
		background-color: #39c;
		margin: 0px;
		padding: 0px 0 0px 0;
		width: 150px;
		}



#leftmenu a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		text-decoration: none;
		margin: 0px;
		padding: 0px;

}

#leftmenu a:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #fff;
		text-decoration: none;
				
}
				
#leftmenu a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #fff;
		text-decoration: none;
				
}
				
#leftmenu a:active {
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		color: #9cf;
		text-decoration: none;
				
}
				
#leftmenu a:hover {
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #9cf;
		text-decoration: none;
				
}


#leftmenu ul {
				margin: 0 0 0 0;
		  		padding: 0 0 0 0;
}

#leftmenu ul li {
		border-bottom: 1px solid #fff;
		list-style-type: none;
		margin: 0 0 0 0px;
		padding: 5px 0 5px 10px;
		color: #9cf;
		
}

#leftmenu ul li a {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0;
		width: 100%;

}

html>body #leftmenu ul li a {
		width: auto;
	
}


#leftmenu ul li a:hover {	
		color: #cf8;
}



.links {
		margin: 0px;
		padding: 0px 0 0px 0;
		width: 150px;
		font-size: 0.9em;
}

.links ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
}

.links ul li {
		list-style-type: none;
		color: #39c;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 5px 0 5px 10px;
}

.links ul li a:link {
		color: #069;
		font-weight: normal;
		text-decoration: none;
}

.links ul li a:visited {
		color: #069;
		font-weight: normal;
		text-decoration: none;
}

.links ul li a:active {
		color: #069;
		font-weight: normal;
		text-decoration: none;
}

.links ul li a:hover {
		color: #f09;
		font-weight: normal;
		text-decoration: none;
}

#content {
		
		margin-left: 150px;
		margin-right: 125px;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0 5px 0 10px; 
		border: 1px solid white;
		position: relative;
		
}

#rightcolumn {
		width: 120px;
		position: absolute;
		top: 0;
		right: 0px;
		margin: 0;
}

img.buttonadv  {margin-bottom: 2px;}

#footer {
		clear: both;
}

#footer p {
		text-align: center;
}


#footer a:link {
		color: #069;
		font-weight: normal;
		text-decoration: none;
}

#footer a:visited {
		color: #069;
		font-weight: normal;
		text-decoration: none;
}

#footer a:active {
		color: #069;
		font-weight: normal;
		text-decoration: none;
}

#footer a:hover {
		color: #f09;
		font-weight: normal;
		text-decoration: none;
}


/* css for homepage */

#homefront { margin-top: 0;

}

#welcome {	
			margin-top:0;
			padding: 0 5px 0 5px;
}

a:link {color: #069; text-decoration: underline;}
a:active {color: #069; text-decoration: underline;}
a:visited {color: #069; text-decoration: underline;}
a:hover {color: #f09; text-decoration: underline; }

.row {margin: 0;
      padding: 0;
	  clear:left;}


.row a:link {text-decoration: none;}
.row a:active {text-decoration: none;}
.row a:visited {text-decoration: none;}
.row a:hover {text-decoration: none;
				color: #f09;} 

.row h4.whitetext a:link {color: #fff; text-decoration: none;}
.row h4.whitetext a:active {color: #fff; text-decoration: none;}
.row h4.whitetext a:visited {color: #fff; text-decoration: none;}
.row h4.whitetext a:hover {color: #f09;text-decoration: none;} 

#sumnews1 {
		width: 150px;
		margin: 0 6px 2px 3px;
		padding: 0;
		border: none;
    	background-color:#ffffff;
		display: inline;
		float: left;
		border-bottom: 1px solid #39c;
}



#sumnews2 {
		width: 150px;
		margin: 0 3px 2px 3px;
		padding: 0;
		border: none;
    	background-color:#fff;
		display: inline;
		float: left;
		border-bottom: 1px solid #39c;

}

#sumnews3 {
		width: 150px;
		margin: 0 0 2px 3px;
		padding: 0;
		border: none;
    	background-color:#fff;
		display: inline;
		float: left;
		border-bottom: 1px solid #39c;
		
}

.boattests {
		width: 150px;
		margin: 0 6px 2px 3px;
		padding: 0;
		border: none;
		background-color:#fff;
		display: inline;
		float: left;
		
		
}

#boat1 {
		width: 150px;
		margin: 0 6px 2px 3px;
		padding: 0;
		border: none;
    	background-color:#fff;
		display: inline;
		float:left;
		
}

#boat2 {
		width: 150px;
		margin: 0 3px 2px 3px;
		padding: 0;
		border: none;
    	background-color:#fff;
		display: inline;
		float: left;
		
}

#boat3 {
		width: 150px;
		margin: 0 0 2px 3px;
		padding: 0;
		border: none;
    	background-color:#fff;
		display: inline;
		float: left;
		
}



.summary {text-align: center;}

.summary h4 {
		font-size: 0.9em;
		width:150px;
		color: #069;
		text-align: left;
		margin-top: 4px;
		margin-bottom: 2px;
		margin-left: 0px;
		padding: 3px 0 3px 0px;}

.summary h4.midgreen {
		background-color: #cf9;
}

.summary h4.lightblue {
		background-color: #ccf;
}

.summary h4.lightgreen {
		background-color: #cfc;
}

.summary h5.midblue {
		background-color: #9cf;
}

.summary h5.darkerblue {
		background-color: #99c;
}

.summary h5.green {
		background-color: #cf8;
}

.summary h5 {
			font-size: 0.85em;
			font-weight: normal;
			color: #000000;
			margin: 0 0 20px 0;
			width: 150px;
}
.summary h4.whitetext { 
        margin-top: 0px;
		margin-bottom: 0px;
        background-color:#99c;
		color: #fff;}

.summary h4 span {
		padding: 0px 0 0px 2px;
}
.summary p{ 
		font-size: 0.8em;
		color: #000000;
		text-align: left;
		margin: 2px 0 2px 0;

			
}

.summary img {
		margin: 1px 0 1px 0;}

#adhighlights {
				
				float:right;
				width: 150px;
				margin-left: 9px;

}

.adbox {text-align: center;}

.adbox p.make {

				text-align: left;
				font-weight: bold;
				margin:0;
				background-color: #9cf;
				width: 150px;
				padding: 3px 0 3px 0px;
				
}

.adbox p.make span {

				padding: 0px 0 0px 2px;
				
}
.adbox p.price {
			text-align: right;
			margin-right: 2px;
			margin-top: 2px;
			margin-bottom: 4px;
			padding:0;
}

#rightlinks { border-top: 1px solid #39c;
			width: 150px; }

h1 {
		font-size: 1.2em;
		color: #069;
		text-align: center;
		font-weight: bold;
}

h1.left {
		font-size: 1.2em;
		color: #069;
		text-align: left;
		margin-left:7px;
		font-weight: bold;
}




p#searchlabel  {
		text-align:left;
		font-size: 1.2em;
		color: #069;
		font-weight: bold;
		margin-left: 0px;
		margin-bottom: 0;
		padding-bottom: 0;
}

p {
		font-size: 0.85em;
		color: #069;
		text-align: center;	
}

p.largetext     {		
			font-size: 0.9em;
			color: #069;
			text-align: left;
}

p.largetextblack     {		
			font-size: 0.9em;
			color: #000;
			text-align: left;
}

p.largetextbold     {		
			font-size: 0.9em;
			color: #069;
			text-align: left;
			font-weight: bold;
}

p.largetextbold a {text-decoration: none;}
p.largetextbold a:link {text-decoration: none;}
p.largetextbold a:active {text-decoration: none;}
p.largetextbold a:visited {text-decoration: none;}
p.largetextbold a:hover {text-decoration: none;}

p.article  {
		font-size: 0.85em;
		color: #000;
		text-align: left;	
		margin-left: 7px;
		text-indent: 2em;
}

p.articlebold  {
		font-size: 0.85em;
		color: #000;
		text-align: left;	
		margin-left: 7px;
		font-weight:bold;
}

img.left {
		 float:left; 
		 margin: 0 10px 3px 7px;
		 
}

img.right {
		 float:right; 
		 margin: 0 10px 3px 7px;
}

h2 {
		font-size: 0.9em;
		color: #fff;
		width: 150px;
		background-color: #99c;
		text-align: left;
		margin: 10px 0 2px 3px;
		padding: 3px 0 3px 0px;
		
}
		
h2 span {
		padding: 0px 0 0px 2px;
}

h2 span a:link {color: #fff; text-decoration: none;}
h2 span a:active {color: #fff; text-decoration: none;}
h2 span a:visited {color: #fff; text-decoration: none;}
h2 span a:hover {color: #f09;text-decoration: none;} 

form {
		text-align: left;
		margin-left: 50px;
}

form.detail {margin-left: 5px;}

input {padding-left: 0px;
       margin-left: 0px;}

.radiolabel {
		font-size: 0.85em;
		color: #069;
		
}

input.radiotype {
		font-size: 0.85em;
		width: 10px; 
		height: 10px;
		
}


input.button {
		margin-right: 20px;
		margin-top: 5px;
}

/* css for table */

table.green {background-color: #cfc;}

table td {color: #069;}

td.titlecell  {text-align: left;
			   font-size: 1.2em;
			   font-weight: bold;
			   }

td.headlinecell  {text-align: left;
			   font-size: 1.2em;
			   font-weight: bold;
			  }

td.subheading-nb {text-align: left;
			   font-size: 1em;
			   font-weight: bold;
			   }
			   
td.subheading {text-align: left;
			   font-size: 1em;
			   font-weight: bold;
			   border-top: 1px solid #006699;
			   }

td.desctext {text-align: left;
			 font-size: 0.85em;
             }

td.picture {text-align:left;
            width: 254px;
			background-color: #fff;
			font-size: 0.9em;}
td.picture img {margin: 2px 0 2px 0;}

td.eralign	{text-align: right;
			width: 146px;
			font-size: 0.85em;
			}

td.elalign	{text-align: left;
			width: 240px;
			font-size: 0.85em;
			font-weight: bold;}

td.ralign {text-align: right;
			width: 200px;
			font-size: 0.85em;}
td.lalign {text-align: left;
			width: 120px;
			font-size: 0.85em;}
			
table.halftable td.ralign {
			text-align: right;
			width: 180px;
			font-size: 0.85em;}

td.fullline {text-align: left;
			 font-size: 0.85em;}
			 
td.ralign a.mailto img, td.elalign a.mailto img  {border: none; text-decoration: none; color: #cfc;}

.tablecontainer {clear:both;
				 }
			
.rightoptions {
			margin-right: 0px;
			margin-left: 0;
			display: inline;
			width: 315px;
			float:left;
			}

 p.right {text-align: right;
         margin-right: 7px;}

 p.left {text-align: left;
        margin-left: 7px;}
		
 p.rightblue {text-align: right;
         margin-right: 7px;
		 color: #069;}

 p.leftblue {text-align: left;
        margin-left: 7px;
		color: #069;}
		
 p.rightblack {text-align: right;
         margin-right: 7px;
		 color: #000;}

 p.leftblack {text-align: left;
 		margin-right: 7px;
        	color: #000;}

#content ul.static li {
			list-style-item: disc;
			font-size: 0.85em;
			margin: 0;
			padding: 5px 0 5px 0;}
			
ol {margin-left: 20px;
	padding-left: 10px;
	font-size: 0.85em;}
	
ol li {margin: 0 0 0 0px;
		padding: 5px 0 5px 5px;}

.leftoptions {
				margin-left: 0px;
				margin-right:0;
				display: inline;
				clear: left;
				width: 315px;
				float:left;
}

td.gallerylink a {font-size: 0.9em;}
			
td.gallerylink a:link {
		color: #069;
		font-weight: normal;
		text-decoration: underline;
		
}

td.gallerylink a:visited {
		color: #069;
		font-weight: normal;
		text-decoration: underline;
}

td.gallerylink a:active {
		color: #069;
		font-weight: normal;
		text-decoration: underline;
}

td.gallerylink a:hover {
		color: #f09;
		font-weight: normal;
		text-decoration: underline;
}


.tablecontainer table.searchresults {
										margin: 30px 7px 0 7px;}

table.searchresults thead {background-color: #ccf;
}

td.headright {text-align: right;
			font-size: 0.85em;
			text-decoration: none;}

td.headleft {text-align: left;
			font-size: 0.85em;
			text-decoration: underline;}

td.headtextright {text-align: right;
			font-size: 0.85em;
}

td.headtextleft {text-align: left;
			font-size: 0.85em;
}

td.blueleft {background-color: #39c;
			 color: #fff;
			 font-size: 0.85em;
			 text-align: left;
			 vertical-align: top;
			 border-top: 2px solid #000;
			 border-bottom: 2px solid #000;
}

td.blueright {background-color: #39c;
			 color: #fff;
			 font-size: 0.85em;
			 text-align: left;
			 vertical-align: bottom;
			 border-top: 2px solid #000;
			 border-bottom: 2px solid #000;
}

td.blueright a, td.blueright a:link, td.blueright a:visited, td.blueright a:active {color: #fff;}
td.blueright a:hover {color: #f09;}

td.blueleft a, td.blueleft a:link, td.blueleft a:visited, td.blueleft a:active {color: #fff;}
td.blueleft a:hover {color: #f09;}
			 
td.greenleft {background-color: #cfc;
			 color: #069;
			 font-size: 0.85em;
			 text-align: left;
			 vertical-align: top;
}

td.greenright {background-color: #cfc;
			 color: #069;
			 font-size: 0.85em;
			 text-align: left;
			 vertical-align: bottom;
}

table.summaries {
				margin: 0 7px 0 7px;}

td.boatsumleft {
			 color: #069;
			 font-size: 0.85em;
			 text-align: left;
			 vertical-align: top;
	
}

td.boatsumright {
			 color: #069;
			 font-size: 0.85em;
			 text-align: left;
			 vertical-align: bottom;
}

td.newssumleft {
			 color: #069;
			 font-size: 0.85em;
			 text-align: left;
			 
}

td.newssumright {
			 color: #069;
			 font-size: 0.85em;
			 text-align: right;
			 
}

td.tablepic {text-align: center;} 
td.tablepicborder {text-align: center;
				   border-top: 2px solid #000;
				   border-bottom: 2px solid #000;}

td.blankcell {font-size: 0.5em;}

td span.underbold {text-decoration: underline;
					font-weight: bold;}
					
/*css for wizard step 1a, 1b, 2 forms  */

form.formpage {background: #ccf; width:600px; padding:10px; margin:0 auto; text-align:left; border-top: 2px solid #069;}
form.formpage label {clear:left; float:left; display:block; width:120px; text-align:left; padding-right:10px; color:#069; font-weight: bold; font-size: 0.85em; margin-bottom:0.5em; margin-top: 0.6em;}
form.formpage label.widelabel {clear:left; float:left; display:block; width:180px; text-align:left; padding-right:10px; color:#069; font-weight: bold; font-size: 0.85em; margin-bottom:0.5em; margin-top: 0.6em;}
form.formpage input {background:#fff; padding-left:0; margin-bottom:0.6em; margin-left: 0em; margin-top: 0.6em;}
form.formpage select {margin-left:0; margin-bottom:0.6em; margin-top: 0.6em;}
form.formpage textarea {padding:0.5em; overflow:auto;}
form.formpage input.button {text-align: right; margin-left: 120px;}
form.formpage input.radiotype {margin-bottom:0;}
form.formpage span.formtext {color: #069; font-size: 0.85em;}
form.formpage p.blackboldital {color: #000; font-weight: bold; font-style: italic; text-align: left;}
form.formpage span.dropdownlabel {color:#069; font-weight: bold; font-size: 0.85em; margin-bottom:0.5em; margin-top: 0.6em; vertical-align: middle; }
form.formpage label.dropdownlabel { float:right; display:block; width:120px; text-align:left; padding-right:10px; color:#069; font-weight: bold; font-size: 0.85em; margin-bottom:0.5em; margin-top: 0.6em; }
.pseudocolumnright {float: left; display:inline; width: 400px;}
.pseudocolumnleft {float: left; display:inline; width: 200px;}

.pseudocolumnright2 {float: left; display:inline; width: 225px;}
.pseudocolumnleft2 {float: left; display:inline; width: 375px;}

#wizardimage {text-align: center; margin:0 auto;}

.red {

    color: #ff0000;

    font-size: 0.8em;

}


a img.pretendinput {border:none;}

.pretendinput { padding-left:0; margin-bottom:0.6em; margin-left: 0em; margin-top: 0.6em; border:0px;}


/*wizard step 3 photos page */

h3    {		font-size: 0.9em;
			color: #069;
			text-align: left;	}

h3.bold    {font-size: 0.9em;
			color: #069;
			font-weight: bold;
			text-align: left;	
			margin-left: 7px;
			padding-left: 0px;
			padding-top: 3px;
			padding-bottom: 0;
			border-top: 2px solid #069;}


#panelgreen  {	width: 625px;
				background-color: #cfc;
				border: none;
				margin-left: 7px;
				margin-right: 7px;}

#panelgreen p {	font-size: 0.85em;
					color: #069;
					font-weight: bold;
					text-align: left;	
					margin-left:20px;
					margin-top:0;
					padding-top: 0px;
					padding-bottom: 20px;}

#panelgreen input.radiotype {margin:7px 0 0 7px;
}


#panelgreen .radiolabel {font-size: 0.9em;
						font-weight: bold;
						color: #069;
}

#panelblue   {	width: 621px;
				background-color: #069;
				border: 2px solid #000;
				margin-left: 7px;
				margin-right: 7px;}
				
				
#panelblue p {	font-size: 0.85em;
					color: #fff;
					font-weight: bold;
					text-align: left;	
					margin: 2px 5px 2px 20px;
					padding-top: 0px;
					padding-bottom: 0;}

#panelblue input.radiotype {margin:7px 0 0 7px;
}


#panelblue .radiolabel {font-size: 0.9em;
						font-weight: bold;
						color: #fff;
}

#panelblue span.yellow {font-size: 1em;
							font-weight: bold;
							color:#fc0;
}

#panelblue a { 			font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #fff;
						
}

#panelblue a:link { 	font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #fff;
						text-decoration: underline;
}
						
#panelblue a:visited { 	font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #fff;
						text-decoration: underline;
}			
				
#panelblue a:active { 	font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #fff;
						text-decoration: underline;
}		

#panelblue a:hover { 	font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #f09;
						text-decoration: underline;
}
/* wizard step 4 preview page*/

hr {height: 0px; border: 0px; border-bottom: 2px solid #069; padding-bottom:0; margin-bottom:0;}

/* wizard step 5 newspaper page*/

form.formpage2 {width:625px; padding: 0px; margin:0px 0px 0px 5px; text-align:left;}

#panellightblue  {	width: 625px;
				background-color: #ccf;
				margin-left: 0px;
				margin-right: 0px;}

#panellightblue input.radiotype {margin:7px 0 0 50px;
}


#panellightblue .radiolabel {font-size: 0.9em;
						font-weight: bold;
						color: #069;
}

#panellightblue a { 			font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #069;
						
}

#panellightblue a:link { 	font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #069;
						text-decoration: underline;
}
						
#panellightblue a:visited { 	font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #069;
						text-decoration: underline;
}			
				
#panellightblue a:active { 	font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #069;
						text-decoration: underline;
}		

#panellightblue a:hover { 	font-size: 0.9em;
						font-weight: bold;
						font-style: italic;
						color: #f09;
						text-decoration: underline;
}

h3.boldpadding    {font-size: 0.9em;
			color: #069;
			font-weight: bold;
			text-align: left;	
			margin-left: 0px;
			padding-left: 7px;
			padding-top: 3px;
			padding-bottom: 0;
			border-top: 2px solid #069;}
			
/* mysitepanel*/

#mysitepanel  {	/*width: 625px;*/
				background-color: #ccf;
				margin-left: 0px;
				margin-right: 0px;
				padding-bottom: 5px;}
				
#mysitepanel table {
					text-align: left;
					margin: 10px 0px 10px 7px;}

#mysitepanel p {font-size: 1em;
				text-align: left;
				line-height: 140%;}
					

/* articles */

p.testheading { width 100%;
			  background-color:#9cc;
			  text-align: left;
			  
			  }

span.test  {	font-size: 3em;
				font-weight: bold;
				color: #fff;
				padding: 0 5px 0 5px;
				background-color: #c33;
}

span.boatname {	font-size: 1.7em;
				font-weight: bold;	
				color: #fff;
				font-style: italic;
				padding-left: 7px;
				
				
				
}

p.standfirst	{ 
				border: 2px solid #069;
				font-size: 1.2em;
				text-align: left;
				padding: 0 5px 5px 5px;
				margin: 0 2px 20px 2px;
				width: 97%;
}

h1.redleft {
			font-size: 1.2em;
			color: #c33;
			text-align: left;
			margin-left:7px;
			font-weight: bold;
}

p.boxout {
			border-top: 2px solid #069;
			border-bottom: 2px solid #069;
			font-size: 1.5em;
			font-weight: bold;
			text-align: center;
			padding: 0 0 5px 0;
			margin: 25px 160px 20px 160px;
			 
			}
			
table.article	{}


table.article thead td {
			font-size: 1.8em;
			color: #fff;
			text-align: left;
			background-color: #c33;
			margin-left: 0;
			padding-left: 5px;
}
			
table.article tbody td ul{
			list-style: disc inside;
			font-weight: bold;
			color: #069;
			margin: 0;
			padding-left:5px;
}



span.contactred {
			font-size: 1.6em;
			color: #c33;
			text-align: left;
			margin:0;
			padding-left: 3px;
			
}

/* top right search box */

input.topbutton {margin: 5px 0 0 2px;
				vertical-align: text-bottom; 
}



form.headerform {display: inline; 
			text-align: left; 
			margin: 0 0 0 20px;}

span.radiolabelheader {
		font-size: 0.85em;
		color: #069;
		padding-left: 30px;}