/* last updated 28 Nov 2007 */

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

body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		padding: 0; margin: 0;
		background-image:url(http://www.boatandyachtbuyer.co.uk/images/engine_quest_wall.gif);
		background-position:center;
		background-position:top;
		background-repeat:no-repeat;
}

			  
#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: 123px;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #e8eef7;
		background:url("bayb_header.jpg");
}

#topbanner	{
		width: 938px;
		height: 123px;
		margin: 0;
		padding: 0;
		border: 1px solid #272f56;
		background-color: #272f56; /* was #e8eef7 */
		background:url("bayb_header.jpg");
		
}

#companylogo {
		/*position: absolute;*/
		float: left;
		background-color: #fff;
		width: 164px; /* was 173px */
		border: none;
		height: 90px;
}

#topadv1 {
		margin-left: 164px; /* was 173px */
		padding: 0;
		text-align: left;
		height: 90px;
		
}

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

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

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

#leftmenu { 
		background-color: #272f56;
		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: #fff;
		text-decoration: none;
				
}
				
#leftmenu a:hover {
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #fc0;
		text-decoration: none;
				
}


#leftmenu ul {
				margin: 0 0 0 0;
		  		padding: 0 0 0 0;
				border-top: 1px solid #fff;
}

#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: #fc0;
}


#leftmenu_highlight { 
		background-color: #718181;
		margin: 0px;
		padding: 0px 0 0px 0;
		width: 150px;
		}



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

}

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


#leftmenu_highlight ul {
				margin: 0 0 0 0;
		  		padding: 0 0 0 0;
				border-top: 1px solid #fff;
}

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

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

}

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


#leftmenu_highlight ul li a:hover {	
		color: #fc0;
}


.links {
		margin: 0px;
		padding: 0px 0 0px 0;
		width: 148px;
		font-size: 11px;
		border-left: 1px solid #272f56;
		border-right: 1px solid #272f56 ;
		border-bottom: 1px solid #272f56;
}

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

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

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

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

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

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

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

#rightcolumn {
		width: 120px;
		position: absolute;
		border-top: 1px solid #fff;
		top: 0;
		right: 0;
		margin: 0;
}

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

#footer {
		clear: both;
		margin-left: 260px;
		font-size: 10px;		
}


#footer p {
		text-align: center;
}


#footer img {margin-top: 10px;}

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

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

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

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


/* css for homepage */

#homefront { margin-top: 0;

}

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

a:link {color: #000; text-decoration: underline;}
a:active {color: #000; text-decoration: underline;}
a:visited {color: #000; text-decoration: underline;}
a:hover {color: #f00; 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: #f00;} 

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

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


.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: #f00;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: #039;
		text-align: left;
		margin-top: 4px;
		margin-bottom: 2px;
		margin-left: 0px;
		padding: 3px 0 3px 0px;}

.summary h4.maroon{
		background-color: #272f56;
}




.summary h5.maroon {
		background-color: #272f56;
}

.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;

}

.adbox {text-align: center;
		background-color: #272f56;
		color: #000; 
		margin-bottom: 2px;
		border: 1px solid #666; 
		}

.adbox p.make {
				text-align: center;
				font-weight: bold;
				margin:0;
				/* background-color: #272f56; */
				width: 152px;
				padding: 3px 0 3px 0px;
				
}


.adbox p.make span {

				padding: 0px 0 0px 2px;
				
}

.adbox p.make a:link	{color: #fff;}

.adbox p.make a:visited	{color:#fff;}

.adbox p.make a:active	{color: #fff;}

.adbox p.make a:hover	{color: #fc0;}

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

#rightlinks { border-top: 1px solid #272f56;
			width: 150px;
			height: 380px; 
                        overflow: scroll; }

h1 {
		font-size: 13px;
		color: #000;
		text-align: center;
		font-weight: bold;
}

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

h1.large {
		font-size: 15px;
		color: #272f56;
		font-weight: bold;
		text-align: left;
		margin: 0 0 0 7px;
		padding: 0;
		text-transform: uppercase;		
}

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

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



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

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

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

p.black {
		font-size: 0.85em;
		color: #000;
		text-align: center;	
}
p.largetext     {		
			font-size: 0.9em;
			color: #000;
			text-align: left;
}

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

p.largetextbold     {		
			font-size: 0.9em;
			color: #000;
			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;}

ul.largetextbold li {
			list-style-item: disc;
			font-size: 0.9em;
			color: #000;
			margin: 0;
			padding: 5px 0 5px 0;}

.article  {
		font-size: 12px;
		color: #000;
		text-align: left;	
		margin-left: 7px;
}

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

.posted {
		font-size: 10px;
		color: #666;
		border-bottom: 1px dotted #666;
}

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

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: #f00;text-decoration: none;} 

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

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

input {padding-left: 0px;
       margin-left: 0px;
	   color: #666666; 
	   font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 11px; }



.radiolabel {
		font-size: 11px;
		color: #666;
		font-family: Verdana, Arial, Helvetica, sans-serif; 

		

}

.radiolabelblack {
		font-size: 11px;
		color: #666;
}

input.radiotype {
		font-size: 12px;
		width: 10px; 
		height: 10px;

		

}





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

}

/* css for table */

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

table td {color: #000;}

td.dark {background-color: #757978;
			color: #fff;
			font-size: 0.85em;
			text-align: center;
			border-left: 1px solid #fff;			
}
td.dark a, td.dark a:link, td.dark a:visited, td.dark a:active {color: #fff;}
td.dark a:hover {color: #f00;}

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: #e8eef7;}

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

 p.leftblue {text-align: left;
        margin-left: 7px;
		color: #000;}
		
 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: #000;
		font-weight: normal;
		text-decoration: underline;
		
}

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

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

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


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

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

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: #272f56;
			 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: #272f56;
			 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: #f00;}

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

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

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

td.boatsumleft {
			 color: #000;
			 font-size: 12px;
			 text-align: left;
			 vertical-align: top;
	
}

td.boatsumright {
			 color: #000;
			 font-size: 12px;
			 text-align: right;
			 vertical-align: bottom;
}

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

td.newssumright {
			 color: #000;
			 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: #e8eef7; width:580px; padding: 10px; margin:0 auto; text-align:left; border: 1px solid #666; margin-bottom: 5px; margin-top: 3px; }
form.formpage label {clear:left; float:left; display:block; width:120px; text-align:left; padding-right:10px; color:#666; font-weight: bold; font-size: 12px; 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:#666; font-weight: bold; font-size: 12px; 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; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #666;}
form.formpage select {margin-left:0; margin-bottom:0.6em; margin-top: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #666;}
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 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #666;}
form.formpage p.blackboldital {color: #666; font-weight: bold; font-style: italic; text-align: left;}
form.formpage span.dropdownlabel {color:#000; font-weight: bold; font-size: 12px; 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:#000; font-weight: bold; font-size: 12px; margin-bottom:0.5em; margin-top: 0.6em; }
.pseudocolumnright {float: left; display:inline; width: 380px;}
.pseudocolumnleft {float: left; display:inline; width: 200px;}

.pseudocolumnright2 {float: left; display:inline; width: 205px;}
.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: #000;
			text-align: left;	}

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


#panelgreen  {	width: 570px;
				background-color: #e8eef7;
				border: 1px solid #000;
				margin-left: 7px;
				margin-right: 7px;}

#panelgreen p {	font-size: 0.85em;
					color: #000;
					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: #000;
}

#panelblue   {	width: 570px;
				background-color: #8a8a8a;
				border: 1px 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: #f00;
						text-decoration: underline;
}
/* wizard step 4 preview page*/

hr {height: 0px; border: 0px; border-bottom: 2px solid #000; 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: #dbdbdb; */
				margin-left: 0px;
				margin-right: 0px;}

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


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

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

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

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

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

#mysitepanel  {	/*width: 625px;*/
				background-color: #dbdbdb;
				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:#272f56;
			  text-align: left;
			  padding: 3px;			  
			  }

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

span.boatname {	font-size: 2em;
				font-weight: bold;	
				color: #fff;
				font-style: italic;
				padding: 0 5px 0 5px;
}

p.standfirst	{ 
				border: 1px solid #000;
				font-size: 13px;
				text-align: left;
				color: #000;
				padding: 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 #000;
			border-bottom: 2px solid #000;
			font-size: 13px;
			font-weight: bold;
			color: #000;
			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: #000;
			margin: 0;
			padding-left:5px;
}



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

form.channels {text-align:left;
				margin-left: 0.5em;}


#channeltables {background-color: #fff;
				padding: 5px 5px;
				width: 100%;
				clear: both;
}

table.grey {background-color: #fff;
			width: 100%;
			border: 1px solid #272f56; /*was 030*/
			margin-bottom: 20px;
}

table.grey td {color: #666;}

table.grey td.titlecell  {text-align: left;
			   font-size: 0.9em;
			   font-weight: bold;
			   background-color: #272f56; /*was 030*/
			   color: #fff;
			   }
			   
span.text	{text-align: left;
			   font-size: 0.85em;}
			   
span.bold {text-align: left;
			   font-size: 0.85em;
			   font-weight: bold;}
			   
table.links a:link { font-size: 0.9em;}

/* top right search box */

input.topbutton { background-color: #e8eef7;
				color: #272f56;
				border: 1px solid #666; 
				padding: 1px;
				margin: 0px 0 0 2px;
				vertical-align: bottom; 
}



form.headerform {display: inline; 
			text-align: left; 
			margin: 2px 0 0 20px;}
			
form.headerform a:link {color: #fff; text-decoration: none; font-size:11px;}
form.headerform a:active {color: #fff; text-decoration: none;}
form.headerform a:visited {color: #fff; text-decoration: none;}
form.headerform a:hover {color: #e8eef7; text-decoration: none; }				

span.radiolabelheader {
		font-size: 12px;
		color: #000;
		padding-left: 30px;}


/*  Email text */

p.red {
		font-size: 1em;
		color: #f00;
		text-align: center;
		font-weight: bold;
}



/* New homepage css*/

span.newuser {
		font-size: 0.85em;
		color: #000;
		float: left;
		padding-left: 20px;}


#boxtopright {	margin: 0 1px 0px 468px;
				/*padding: 5px 0 25px 0px; */
				padding: 10px;
				vertical-align:middle;
				border: 1px solid #272f56; /* was #272f56;  */
				background-color: #272f56;
				height: 68px;}

form.toprightform {display: inline; 
			text-align: left; 
			margin: 0 0 0 15px;
			}
input.searchbutton {margin: 0 10px 0 10px;
				vertical-align: middle; 
}

#mainsearchbg {	margin: 0 177px 5px 3px;
			padding: 0 0 5px 5px;
			border: 1px solid #272f56;
			background-color: #e8eef7;}

hr.home {margin: -5px 20px 0 5px; height: 0px; border: 0px; border-bottom: 1px solid #000; padding-bottom:0; padding-top:0;}

.advertimage {/*background-image: url(bg_repeat.gif);
		background-repeat: repeat-x; */
		}
img.adborder {border: 1px solid #666; 
				max-width: 110px; width:auto !important; width:110px;}

img.magimage {margin-left:3px; margin-bottom: 5px;}




h2.homecol {
		color: #fff;
		width: 236px;
		background-color: #272f56;
		text-align: left;
		margin: 0px 0 2px 0px;
		padding: 3px 0px 3px 0px;
		
}

h2.homecol span {
		padding: 0px 0 0px 2px;
}

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


#newscol {
		width: 236px;
		margin: 0px 4px 2px 4px;
		padding: 0;
		border: none;
    	background-color:#e8eef7;
		display: inline;
		float: left;
		
		
}

#testscol {
		width: 236px;
		margin: 0px 4px 2px 4px;
		padding: 0;
		border: none;
    	background-color:#e8eef7;
		display: inline;
		float:left;
		text-align: center;
		

}

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

#youtube {
		  clear: left;
		  width: 483px;
		  background-color:#e8eef7;
		  margin-left: 4px;
		  margin-bottom: 4px;
		  padding-left: 2px;
		  padding-right: 2px;
		  border-bottom: 1px solid #272f56;
		  }
h2.youtubeheading {
		font-weight: bold;
		color: #fff;
		width: 479px;
		background-color: #272f56;
		margin-top: 2px;
		margin-left: 0;
		padding: 3px 2px 3px 2px;
		
}	  

.homesummary {text-align: center;}

h4.home {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1em;
		width:236px;
		color: #272f56;
		text-align: left;
		margin-top: 2px;
		margin-bottom: 0;
		margin-left: 0px;
		padding: 3px 0 3px 0px;
		}

h4.home a:link {color: #272f56; text-decoration: none; font-weight:bold; }
h4.home a:active {color: #272f56; text-decoration: none; font-weight:bold;}
h4.home a:visited {color: #272f56; text-decoration: none; font-weight:bold;}
h4.home a:hover {color: #666; text-decoration: none; font-weight:bold;}


hr.homecol {margin: 0px 0px 2px 0px; height: 0px; border: 0px; border-bottom: 1px solid #272f56; padding-bottom:0; padding-top:0px;}




.homesummary h4 span {
		padding: 0px 0 0px 2px;
}

p.homesummary{ 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		line-height: 1.2em;
		color: #000000;
		text-align: left;
		margin: 0px 0 2px 0px;
		padding:0;

			
}
p.homesummary a:link {text-decoration: none; font-weight:bold;}
p.homesummary a:active {text-decoration: none; font-weight:bold;}
p.homesummary a:visited {text-decoration: none; font-weight:bold;}
p.homesummary a:hover {text-decoration: none; color: #f00; font-weight:bold;}

#testscol img  {
		margin: 2px 0 2px 0;
		border: 1px solid #272f56;}

#archivecol img  {
		padding:0;
		margin:-1px 0 -2px 0;
		border: none;
		background-color:none;}

#testscol h5 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.9em;
			font-weight: bold;
			color: #272f56;
			margin: 0 0 0 0;
}


#testscol h5 a:link {color: #272f56; text-decoration: none;}
#testscol h5 a:active {color: #272f56; text-decoration: none;}
#testscol h5 a:visited {color: #272f56; text-decoration: none;}
#testscol h5 a:hover {color: #666; text-decoration: none; }


form.archiveform {display: inline; 
			text-align: left; 
			margin: 0 0 0 0;
			
			}
			
input.archivebutton {margin: 0 0 5px 0;
				vertical-align: middle; 
}

span.archivesearch {
		font-size: 0.85em;
		color: #000;
		float: right;
		margin-top: 4px;
		/*padding-right:34px;*/
		padding-top: 0;}
		

hr.archivecol {margin: 20px 0px 2px 0px; height: 0px; border: 0px; width: 150px; border-bottom: 1px solid #272f56; padding-bottom:0; padding-top:0px;}

#hometext {margin-right: 10px;}
