﻿body
{
	 margin-left: 0px;
	 margin-top: 0px;
}

h1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		
}
h2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    color: #416b32;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

h3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    color: #ed1c24;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.TopTable
{
	 background-repeat: no-repeat;
}
.border
{
    BACKGROUND-COLOR: #000000;	
}
TABLE.BorderBlack
{
	border-right: #000000 thin solid;
	border-top: #000000 thin solid;
	background-image: none;
	border-left: #000000 thin solid;
	border-bottom: #000000 thin solid;
}

.ProductHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 17px;
    COLOR: #416b32;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.HeaderRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #ed1c24;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.HeaderRedSm
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ed1c24;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.HeaderBlue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.HeaderBlueSm
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


.FeaturedProductsTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #00007b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.BodyTextRed
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ed1c24;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A.NavText:visited
{
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;     
    TEXT-DECORATION: none;
}
A.NavText:link
{
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;     
    TEXT-DECORATION: none;
}
A.NavText:hover
{
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;     
    TEXT-DECORATION: underline;
}
.NavText
{
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;     
}
A.BodyText:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyText:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyText:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.BodyText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.BodyTextBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.BodyTextMed
{	
    FONT-WEIGHT: normal;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.BodyTextBlueBold
{
	FONT-WEIGHT: normal;
    vertical-align:top;
    FONT-SIZE: 12px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.BodyTextBlueBold:visited
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 12px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextBlueBold:link
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 12px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextBlueBold:hover
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 12px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

.BodyTextMedBlueBold
{
	FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.BodyTextMedBlueBold:visited
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextMedBlueBold:link
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextMedBlueBold:hover
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #18779b;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

.BodyTextGreenBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #006400;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.BodyTextGreenBold:visited
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 12px;
    COLOR: #006400;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextGreenBold:link
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 12px;
    COLOR: #006400;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextGreenBold:hover
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 12px;
    COLOR: #006400;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.BodyTextWhiteHeaderLgBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #FFFFFF;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.BodyTextBlackHeaderLgBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}



A.BodyTextMedBold:visited
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextMedBold:link
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextMedBold:hover
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.BodyTextMedBold
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.BodyTextMedBoldBlue:visited
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #1c8ab3;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextMedBoldBlue:link
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #1c8ab3;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextMedBoldBlue:hover
{
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #1c8ab3;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.BodyTextMedBoldBlue
{
	
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 14px;
    COLOR: #1c8ab3;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.BodyTextLg
{
	
    FONT-WEIGHT: normal;
    vertical-align:top;
    FONT-SIZE: 16px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.BodyTextLgBold
{
	
    FONT-WEIGHT: bold;
    vertical-align:top;
    FONT-SIZE: 16px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A.BodyTextSm:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextSm:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.BodyTextSm:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.BodyTextSm
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


.NumberList
{
	color: White;
	background-color: #4f5a28;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 10px;
    FONT-FAMILY: Verdana;

}

.NumberListTitle
{
	background-color: #bbd65c;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 900px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana;
}

NumberListTable
{
	width: 900px;
}

.buttonYellowBoldSm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	width: 100px;
	border: 2px solid #000000;
	background-color: #18779b;
}
.buttonYellowBoldMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	width: 200px;
	border: 2px solid #000000;
	background-color: #18779b;
}

.CalcResult
{
	font-weight: bold;
}


A.Breadcrumb:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.Breadcrumb:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.Breadcrumb:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.Breadcrumb
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.Alert {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
.AlertLg {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
.BlackLine 
{
    color:#000000;
    width:100%;
    height:1px;
}
Td.HeaderBackgroundPier
{
	background-image: url('/images/hdr-crystal-pier.jpg');
	background-repeat: no-repeat;	
	width: 950px;
	height: 100px;
	}        
Td.HeaderBackgroundPierDown
{
	background-image: url('/images/hdr-pier-down.jpg');
	background-repeat: no-repeat;	
	width: 950px;
	height: 100px;
}        
Td.HeaderBackgroundBeachSouth
{
	background-image: url('/images/hdr-beach-south.jpg');
	background-repeat: no-repeat;	
	width: 950px;
	height: 100px;
	}        

Td.HeaderBackgroundSailBay
{
	background-image: url('/images/hdr-bay-sailboats.jpg');
	background-repeat: no-repeat;	
	width: 950px;
	height: 100px;
	}        

Td.HeaderBackgroundBeachNorth
{
	background-image: url('/images/hdr-beach-north.jpg');
	background-repeat: no-repeat;	
	width: 950px;
	height: 100px;
	}        
Td.HeaderBackgroundBeachSunset
{
	background-image: url('/images/hdr-beach-sunset.jpg');
	background-repeat: no-repeat;	
	width: 950px;
	height: 100px;
	}        
Td.HeaderBackgroundKateSessionsConcert
{
	background-image: url('/images/hdr-katesessions.jpg');
	background-repeat: no-repeat;	
	width: 950px;
	height: 100px;
	}        
Td.HeaderBackgroundOctopusWall
{
	background-image: url('/images/hdr-octopus-wall.jpg');
	background-repeat: no-repeat;	
	width: 950px;
	height: 100px;
	}        


.NavHome
{
	background-image: url('/images/btn-home.gif');
	background-repeat: no-repeat;	
	width: 82px;
	height: 30px;	
}
.NavHomeOn
{
	background-image: url('/images/btn-home-on.gif');
	background-repeat: no-repeat;	
	width: 82px;
	height: 30px;	
}

.NavMembership
{
	background-image: url('/images/btn-membership.gif');
	background-repeat: no-repeat;	
	width: 144px;
	height: 30px;	
}
.NavMembershipOn
{
	background-image: url('/images/btn-membership-on.gif');
	background-repeat: no-repeat;	
	width: 144px;
	height: 30px;		
}

.NavEvents
{
	background-image: url('/images/btn-events.gif');
	background-repeat: no-repeat;	
	width: 90px;
	height: 30px;	
}
.NavEventsOn
{
	background-image: url('/images/btn-events-on.gif');
	background-repeat: no-repeat;	
	width: 90px;
	height: 30px;		
}
.NavCommunity
{
	background-image: url('/images/btn-community.gif');
	background-repeat: no-repeat;	
	width: 133px;
	height: 30px;	
}
.NavCommunityOn
{
	background-image: url('/images/btn-community-on.gif');
	background-repeat: no-repeat;	
	width: 133px;
	height: 30px;		
}
.NavPhotos
{
	background-image: url('/images/btn-photos.gif');
	background-repeat: no-repeat;	
	width: 90px;
	height: 30px;	
}
.NavPhotosOn
{
	background-image: url('/images/btn-photos-on.gif');
	background-repeat: no-repeat;	
	width: 90px;
	height: 30px;		
}
.NavNewsletters
{
	background-image: url('/images/btn-newsletters.gif');
	background-repeat: no-repeat;	
	width: 152px;
	height: 30px;	
}
.NavNewslettersOn
{
	background-image: url('/images/btn-newsletters-on.gif');
	background-repeat: no-repeat;	
	width: 152px;
	height: 30px;		
}
.NavBusinesses
{
	background-image: url('/images/btn-businesses.gif');
	background-repeat: no-repeat;	
	width: 132px;
	height: 30px;	
}
.NavBusinessesOn
{
	background-image: url('/images/btn-businesses-on.gif');
	background-repeat: no-repeat;	
	width: 132px;
	height: 30px;		
}
.NavContactUs
{
	background-image: url('/images/btn-contact-us.gif');
	background-repeat: no-repeat;	
	width: 127px;
	height: 30px;	
}
.NavContactUsOn
{
	background-image: url('/images/btn-contact-us-on.gif');
	background-repeat: no-repeat;	
	width: 127px;
	height: 30px;		
}
table.paypal {
       padding: 5px;
       border-collapse: collapse;
       text-align: center;
       
}

table.paypal td {
       padding: 5px 10px 5px 10px;
       border: 1px dashed gray;
}
