body {
	margin: 0px;
	padding: 0px;
}
.mainsailboatphoto {
	width: 800px;
	height: 600px;
	}
@media only screen 
    and (max-device-width : 1024px) {
	.mainsailboatphoto {
	width: 100%;
	max-width: 800px;
	height: auto;
	}
}
.sailboat-blue {
	display: block;
	width: 100%;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
}
.sailboat-navy-blue {
	background-color: #98C8DA;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: solid 1px #DBECF2;
	margin-left: 1px;
	margin-right: 1px;
}
.sailboat-horizon-blue  {
	background-color: #CDE3E4;
	padding-top: 1px;
	padding-bottom: 2px;
	border-bottom: solid 1px #DDEEF4;
	margin-left: 1px;
	margin-right: 1px;
}
.sailboat-caribbean-blue  {
	background-color: #DBECF2;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
}
a.sailmenu:link {
	text-decoration: none;
}
a.sailmenu:hover {
	text-decoration: underline;
}
a.sailmenu:visited {
	text-decoration: none;
}
a.sailmenu:active {
	color: #0000CC;
}
.sbltextbar {
	margin-bottom: 10px;
	margin-left: 7px;
	}
.sbltextbar a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}
.sbltextbar a:hover {
	text-decoration: underline;
}
.sbltextbar a:visited {
	text-decoration: none;
}
.sblshortbar {
	margin-left: 7px;
	text-indent: -7px;
}
.sblshortbar a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}
.sblshortbar a:hover {
	text-decoration: underline;
}
.sblshortbar a:visited {
	text-decoration: none;
}
.scrollersm {
	height: 150px;
	width: 160px;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}
.ipadscroller {
	height: 600px;
	width: 160px;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}
.scroller {
    width: 160px;
    height: 600px;
    overflow: hidden;
}
#iframe {
    width: 160px;
    height: 600px;
}
.sailvk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
}
li.sailvk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.sailvb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: 003399;
}
.sailheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
a.sailheader:link {
	color: #000000;
	text-decoration: none;
}
a.sailheader:visited {
	color: #000000;
	text-decoration: none;
}
a.sailheader:hover {
	color: #006699;
	text-decoration: underline;
}
.sailhomeheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000066;
}
a.sailhomeheader:link {
	color: #000066;
	text-decoration: underline;
}
a.sailhomeheader:visited {
	color: #000066;
	text-decoration: underline;
}
a.sailhomeheader:hover {
	color: #006699;
	text-decoration: underline;
}
.sailfeatured {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: italic;
	color: #005599;
}
.details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.featuredsailboat {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	font-style: italic;
	color: #003399;
	font-weight: bold;
}
.pageblock {
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.pgnum {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.pgnum a:link {
	text-decoration: none;
	border: 1px solid #EEEEEE;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	color: #40516F;
}
.pgnum a:visited {
	text-decoration: none;
	color: #415270;
	border: 1px solid #EEEEEE;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
.pgnum a:hover {
	text-decoration: none;
	color: #000000;
	border: 1px solid #C6E0EA;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #EAF3F7;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
.currentpage {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #40516F;
	border: 1px solid #C6E0EA;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #EAF3F7;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
.nextpage {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.nextpage a:link {
	text-decoration: none;
	border: 1px solid #ffffff;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	color: #40516F;
}
.nextpage a:visited {
	text-decoration: none;
	border: 1px solid #ffffff;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	color: #415270;
}
.nextpage a:hover {
	text-decoration: none;
	color: #404F6E;
	border: 1px solid #C6E0EA;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #EAF3F7;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
#menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	width:150px;
	color: #000000;
	padding:3px 3px 3px 7px;
	text-decoration:none;
	/*/*/
	margin:1px 0px 1px 0px;
	border:1px Double #000066;
	background-color:#dddddd;
	/* */
}
#menu a:hover {
	/*/*/
	border:1px Double #0066CC;
	background-color:#eeeeee;
	color:#003366;
	/* */
	}
.topnav {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
}
a.topnav:hover {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #FFFFFF; 
	text-decoration: none;
}
.sidebar-tn {
	border: 1px solid #000000;
	width: 75px;
	height: 75px;
	float: left;
	margin-right: 4px;
}
@media screen and (max-width:949px){
	.sidebar-tn {
	border: 0px;
	width: 25px;
	height: 25px;
	}
	.featuredc {
	height: 86px;
	display: block;
	clear: right;
	overflow:hidden;
	margin-bottom: 7px;
	}
	.featured {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	height: 82px;
	display: block;
	clear: right;
	margin-bottom: 7px;
	}
	.featured a:LINK { 
	color: #000000; 
	border-bottom: 3px solid #E0DFE3;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	overflow: hidden;
	}
	.featured a:VISITED {
	color: #000000; 
	border-bottom: 3px solid #E0DFE3;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featured a:HOVER { 
	background: #E1EEFF;
	color: #006699; 
	border-bottom: 3px solid #006699;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featured a:ACTIVE { 
	color: #000000; 
	border-bottom: 3px solid #6699CC;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featurespec {
	font-size: 10px; color: #000000;
	}
}
@media screen 
	and (min-width:950px)
	and (max-width:1024px) {
	.featuredc {
	height: 86px;
	display: block;
	clear: right;
	overflow:hidden;
	margin-bottom: 7px;
	}
	.featured {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #000000;
	height: 82px;
	display: block;
	clear: right;
	margin-bottom: 7px;
	}
	.featured a:LINK { 
	font-size: 15px; color: #000000; 
	border-bottom: 3px solid #E0DFE3;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	overflow: hidden;
	}
	.featured a:VISITED {
	font-size: 15px; color: #000000; 
	border-bottom: 3px solid #E0DFE3;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featured a:HOVER { 
	background: #E1EEFF;
	font-size: 15px; color: #006699; 
	border-bottom: 3px solid #006699;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featured a:ACTIVE { 
	font-size: 15px; color: #000000; 
	border-bottom: 3px solid #6699CC;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featurespec {
	font-size: 10px; color: #000000;
	}
}
@media screen and (min-width:1025px){
	.featuredc {
	height: 83px;
	display: block;
	clear: right;
	overflow:hidden;
	margin-bottom: 7px;
	}
	.featured {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	height: 80px;
	display: block;
	clear: right;
	margin-bottom: 7px;
	}
	.featured a:LINK { 
	font-size: 16px; color: #000000; 
	border-bottom: 3px solid #E0DFE3;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	overflow: hidden;
	}
	.featured a:VISITED {
	font-size: 16px; color: #000000; 
	border-bottom: 3px solid #E0DFE3;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featured a:HOVER { 
	background: #E1EEFF;
	font-size: 16px; color: #006699; 
	border-bottom: 3px solid #006699;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featured a:ACTIVE { 
	font-size: 16px; color: #000000; 
	border-bottom: 3px solid #6699CC;
	border-left: 0px solid #FBF3D2;
	border-top: 0px solid #FBF3D2; 
	border-right: 0px solid #FBF3D2;
	text-decoration: none;
	}
	.featurespec {
	font-size: 15px; color: #000000;
	}
}
.spacer {
display: block;
height: 10px;
}
.smallfont {
font-size: 12 px; color #000000;
font-face: arial, verdana, helvetica;
}
#sailsortby {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
}
.sailsort a:link {
	text-decoration: none;
	border: 1px solid #ffffff;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	color: #40516F;
}
.sailsort a:visited {
	text-decoration: none;
	border: 1px solid #ffffff;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	color: #415270;
}
.sailsort a:hover {
	text-decoration: none;
	color: #404F6E;
	border: 1px solid #C6E0EA;
	margin: 2px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #EAF3F7;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}


#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
	margin-top: -36px;
}

/*
#lbBottomContainer {
    top: 680px !important; 
	position: fixed;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff
}
#lbCenter {
    top: 70px !important; 
	position: fixed;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff
}
*/
.lbLoading {
	background: #fff url(../gif/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../gif/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../gif/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../gif/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

@-webkit-keyframes sb4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
@-moz-keyframes sb4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
@-o-keyframes sb4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
@keyframes sb4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
#sailboatlogo {
  position:relative;
  height:150px;
  width:100%;
  max-width: 2300px;
  margin:0 auto;
}
#sailboatlogo img {
  height: 148px;
  width: 100%;
  position:absolute;
  left:0;
  -webkit-animation-name: sb4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-duration: 12s;
  -moz-animation-name: sb4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 3;
  -moz-animation-duration: 12s;
  -o-animation-name: sb4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: 3;
  -o-animation-duration: 12s;
  animation-name: sb4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 3;
  animation-duration: 12s;
}
#sailboatlogo img:nth-of-type(1) {
  -webkit-animation-delay: 9s;
  -moz-animation-delay: 9s;
  -o-animation-delay: 9s;
  animation-delay: 9s;
}
#sailboatlogo img:nth-of-type(2) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#sailboatlogo img:nth-of-type(3) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}
#sailboatlogo img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
h1 {
	font-family: Times New Roman, Times, serif;
	font-size: 36px;
	color: #004499;
	font-style: italic;
	letter-spacing: 1px;
	margin-top: 0px;
	margin: 0px;
}
.sailboatlength {
	font-weight: lighter;
	font-size: 34px;
}
.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	padding: 6px;
}
.saildescription {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	line-height: 22px;
	padding: 8px;
}
.featuredbar {
	width: 350px;
	padding: 12px;
}
.sailblueline {
	height: 3px;
	margin: 1px;
	background-color: #006699;
}
.sailmenugrid {
	display: grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1px 1px;
	padding: 1px;
	text-align: center;
}
.sailhomemenugrid {
	display: grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1px 1px;
	padding: 1px;
	text-align: center;
}
.saileditmenugrid {
	display: grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1px 1px;
	padding: 1px;
	text-align: center;
}
.sailviewmenugrid {
	display: grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1px 1px;
	padding: 1px;
	text-align: center;
}
.sailmenubutton {
	position:relative;
	width:100%;
}
a.menulink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	background-color: #cccccc;
	width: 100%;
	display: block;
	text-decoration: none;
	color: #000000;
	padding-top: 1px;
	padding-bottom: 1px;
}
a.menulink:hover {
	color: #ffffff;
	background-color: #0000CC;
	text-decoration: none;
}
.bluebuttonmenu {
	text-align: center;
}
.bluebutton {
	width: 100%;
	display: block; 
	border-top: 1px solid blue; 
	border-bottom: 1px solid blue; 
	color: #ffffff; 
	background-color: #6699EE;
	text-decoration: none; 
	font-family: arial; 
	font-weight: bold; 
	font-size: 7pt;
	padding-top: 1px;
	padding-bottom: 1px;
}
a.cbutton {
	display: block;
	width: 175px;
	margin: 5px;
	border: 2px solid #000000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 5px;
}
a.cbutton:visited {
	text-decoration: none;
	font-size: 13px;
	}
a.cbutton:hover {
	background-color: #0000CC;
	font-size: 13px;
	text-decoration: none;
	color: #ffffff;
}
a.cbuttonpost {
	background-color: #FFCC00;
}
a.cbuttonmy {
	background-color: #FACF87;
}
a.cbuttonmodify {
	background-color: #FFE7CE;
}
a.cbuttondelete {
	background-color: #FDF3D0;
}
a.cbuttonlogout {
	background-color: #DBE3F2;
}
a.cbuttonview {
	background-color: #C7D8F3;
}
a.cbuttonhelp {
	background-color: #D2F0FB;
}
a.cbuttonviewsailboats {
	background-color: #FDF3D0;
}
.cfontarial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
.cheadarial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.cfontarialred {
	color: #990000;
}
.cfontarialblue {
	color: #000099;
}
#sailboat-state-table {
	width: 90%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
}
#sailboat-state-table a.featured {
	font-size: 0.76em;
	line-height: 1.25em;
}
#sailboat-state-table .featurespec {
	font-size: 0.84em;
}
#sailboat-state-table img.sidebar-tn {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #cccccc;
}
#sailboat-state-table div.featuredc {
	height: 50px;
	border-radius: 50px;
}
#sailboatstatesort a {
	text-decoration: none;
	font-size: 1.0em;
	line-height: 1.6em;
}
#sailboatstatesort a:hover {
	text-decoration: underline;
}
.state-sailboat-header {
	font-style: italic; 
	line-height: 2.5em;
	font-weight: bold;
	font-size: 1.5em;
	color: #003366;
}
.state-center-container {
	margin-top: -10px;
}