@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #fff;
	margin:12px 0 0 0;
	padding:0;
	text-align:center;
	color:#000;
}

* {
	margin: 0;
	padding: 0;
	border:0;
}

#home {
	width:980px;
	height:585px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-top:6px;
	background: url(img/home1.jpg) 0px 0px no-repeat;
}

#inner {
	width:980px;
	height:585px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-top:6px;
	background: url(img/innerbg.gif) 0px 0px no-repeat;
}

#homenavbar	{
	width:650px;
	height:26px;
	margin:78px 0 0 27px;
	padding:0 0 0 276px;
	background-color: #76b4cf;
}

#col1	{
	width:274px;
	height:410px;
	float:left;
	margin:0 0 0 14px;
}
#col2	{
	width:678px;
	float:left;
}
#col3	{
	width:440px;
	float:left;
}

#ftr	{
	width:922px;
	height:36px;
	margin:0 0 0 27px;
	padding:4px 10px 0 0;
	text-align:right;
	font-size:0.7em;
	color:#fff;
	background-color: #76b4cf;
	
}
#boats	{
	width:650px;
	height:179px;
	border-bottom:solid 20px #76b4cf;
	margin:8px 0 4px 14px;
}
#boatdesc	{
	width:280px;
	height:169px;
	float:right;
	padding:10px 0 0 0;
	background: #fff url(img/mylogo.gif) 184px 125px no-repeat;
}
	

.barnbm	{background: url(img/barnbm.gif) 0px 0px no-repeat;}
.barrm	{background: url(img/barrm.gif) 0px 0px no-repeat;}
.barym	{background: url(img/barym.gif) 0px 0px no-repeat;}
.barm	{background: url(img/barm.gif) 0px 0px no-repeat;}
.barys	{background: url(img/barys.gif) 0px 0px no-repeat;}
.barca	{background: url(img/barca.gif) 0px 0px no-repeat;}
.baros	{background: url(img/baros.gif) 0px 0px no-repeat;}
.barnb	{background: url(img/barnb.gif) 0px 0px no-repeat;}
.barr	{background: url(img/barr.gif) 0px 0px no-repeat;}
.barmy	{background: url(img/barmy.gif) 0px 0px no-repeat;}
.barc	{background: url(img/barc.gif) 0px 0px no-repeat;}
.barcs	{background: url(img/barcs.gif) 0px 0px no-repeat;}
.barcontact	{background: url(img/barcontact.gif) 0px 0px no-repeat;}
.barp	{background: url(img/barp.gif) 0px 0px no-repeat;}
.barnv	{background: url(img/barnv.gif) 0px 0px no-repeat;}


/* Basic code - don't modify */
 #nav a.subherenow {
	font-weight:bold;
}
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 150px; }
#nav ul ul { left: 150px; }

/* Everything else is theming */
 
#nav { 
	height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
#nav *:hover { background-color: none; }
#nav a {	
	color: #fff;
	font-size: 10px;
	padding: 8px 16px 4px 6px;
	margin:0;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration:none;
}
  #nav li.hover a { color: #000; }
  #nav ul { top: -108px; }
    #nav ul li a { background-color: #add4e6; padding: 3px; }
      #nav ul a.hover { font-weight:bold; background-color: #76b4cf; }
   #nav ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
 #nav ul a { border-bottom: none; } - I also needed this for IE6/7 

#here a {
	color:#000;
}
#nav a.herenow {
	color:#000;
}


li a#subhere	{
	font-weight:bold;
}
h1	{
	font-size:0.72em;
	line-height:1.5em;
	margin:4px 4px 0 14px;
	color:#76b4cf;
	font-style:oblique;
}

h2	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.6em;
	margin:8px 4px 4px 14px;
	font-weight:normal;
}

h3	{
	font-size:0.6em;
	line-height:1.4em;
	margin:12px 4px 4px 14px;
}

p	{
	font-size:0.7em;
	line-height:1.4em;
	margin:2px 4px 4px 14px;
}
p a:link {
	color: #76b4cf;
	font-style:oblique;
	text-decoration: underline
}
p a:visited {
	color: #76b4cf;
	font-style:oblique;
	text-decoration: underline;
}
p a:hover {
	color: #f03;
	text-decoration: underline;
}

#boatdesc p	{
	font-size:0.7em;
	line-height:1.4em;
	margin:2px 4px 4px 14px;
	color:#595b5d;
}

ul.twocol {
  float: left;
  width: 468px;
  margin: 4px 0 2px 0x;
  padding: 2px 0 4px 14px;
  list-style-type:none;
}
 
li.twocol {
  float: left;
  width: 210px;
  margin: 0 5px 4px 0px;
  padding:0 6px 0 10px;
  font-size:0.65em;
  background: url(img/dot.gif) 0px 4px no-repeat;
}
li.twocol	a:link {
	color:#000;
	text-decoration: none;
}
li.twocol	a:visited {
	color:#000;
	text-decoration: none;
}
li.twocol	a:hover {
	color:#000;
	font-weight:bold;
	text-decoration: none;
}

#ptoj	{font-weight:bold;}

ul.norm	{
	margin: 4px 0 2px 0x;
 	padding: 2px 0 4px 14px;
	list-style-type: none;
}

li.norm	{
	margin: 0 5px 4px 10px;
  padding:0 6px 0 10px;
	font-size:0.65em;
	line-height:1.3em;
	background: url(img/dot.gif) 0px 4px no-repeat;
}
li.norm	a:link {
	color:#0f2670;
	text-decoration: none;
}
li.norm	a:visited {
	color:#0f2670;
	text-decoration: none;
}
li.norm	a:hover {
	color:#930;
	text-decoration: none;
}

#homepara	{
	width:350px;
	height:220px;
	margin:20px 250px 20px 27px;
}

#homestrapline	{
	width:466px;
	margin-right:auto;
	margin-left:auto;
	margin-top:86px;
}
.col4	{
	width:338px;
	float:left;
	font-size:90%;
	line-height:1.0em;
}
.cb	{clear:both;}
.imgrt	{
	float:right;
	margin:8px 20px 0 0;
}
.newsimgrt	{
	float:right;
	margin:226px 20px 0 0;
}
.qt	{
	font-style: oblique
}
.widepic	{
	margin:6px 0 0 0;
}