/*** testing  ***/




/*** need for sure ***/

/*** Default Mobile-tab-desk ***/
/*** start HEADER ***/

#header {
	min-height: 94px;
	background-image: url(../images/ocean.jpg);
	background-repeat: repeat-x;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#header-logo {
	min-height: 65px;
	min-with: 378px;
	margin: 5px 0px 5px auto;
	padding-right: 20px;
	float: left;
}


.3-row-photos {
	background-color: #FFF;
	padding: 2px;
	text-align: center;
}

#center-box {
	width: 100%;
	min-height: 30px;
	text-align: center;

}

/*** h5 - currently in to-top - summer code ***/

h5 {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h5>span,
h5>a {
  font-size: 100%;
  color: #00C;
  display: inline-block;
  width: 50%;
}

h5>span {
	text-align: left;
	color: #060;
	
}

h5>a {
  color: #060;
  font-weight: normal;
  text-align: right;

}
h5>a: visited{ 
	color: #060;
	text-decoration: none;
}

h5>a: hover{ 
	color: #060;
	text-decoration: underline;
}


/*** need for sure above ***/



/*** unsure need below ***/





#header-text2 {
	min-height: 10px;
	min-with: 500px;
	padding-right: 20px;
	float: right;
	text-align: right;
	color: #FFF;
	font-style: italic;
	width: 350px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: auto;
	font-weight: bold;
}

#header-social-media {
	min-height: 35px;
	min-with: 105px;
	padding-right: 20px;
	float: right;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: auto;
	height: 30px;
	width: 350px;
	color: #FFF;
}

/*** begin social media ***/

ol,ul{
	list-style-image: url(../images/starfish.gif);
	line-height: 30px;
	
}


ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/*** End HEADER ***/

/* A */

#contentWrapper {
	max-width: auto;
	min-width: 1000px;
	padding-top: 1px;
	margin: 0 auto;
}

/* CW-B */



#NAVtop-photos {
	max-width: auto;
	padding-top: 0px;
	padding-right: 100px;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
	height: 70px;
}


/* CW-B */
}

#Back {
	width: 100px;
	margin-left: 50px;
	padding-top: 0px;
	top: 5px;
	float: left;
	height: 45px;
	vertical-align: middle;
}
#Back {
	width: 100px;
	margin-left: 50px;
	padding-top: 0px;
	top: 5px;
	float: left;
	height: 45px;
	vertical-align: middle;
}
#center-text {
	width: 100%;
	margin-left: 0px;
	margin-right: 200px;
	padding-top: 0px;
	top: 5px;
	text: center;
	height: 85
	px;
	text-align: center;
}



/* CW-B - START CONTENT MAIN */



#content-main-2 {
	margin: 0 0px 0 25px;
	padding-right: 20px;
	text-align: center;
	color: #00C;
}
/* CW-CM-C */

/********* Content Navigation ********************/

#NAVcontent ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#NAVcontent ul {
	padding-top: 5px;
	color: #00C;
}

#NAVcontent li {
	color: #00C;
}

#NAVcontent li a {
	display: inline;
	text-decoration: none;
	padding: 2px 3px;
	font-size: 100%;
}

#NAVcontent li a:hover  {
	color: #00C;
	text-decoration: underline;
}
	
#NAVcontent li .here {
	font-weight: bold;
	color: #00C;
}	



#center-box-feet {
	width: 100%;
	margin-left: 40px;
	margin-right: 200px;
	padding-top: 0px;
	top: 5px;
	text: center;
	height: 85
	px;
	text-align: center;
}



/********* END Content Navigation ********************/
/***   3 COLUMN x 1 ROW CODE ***/
.grid-container-3x1 {
	display: grid;
	grid-template-columns:250px 250px 250px;
	grid-gap: 10px;
	padding: 5px;
	color: #00C;

}
.grid-container-3x1 > div {
	background-color: none;
	text-align: center;
	padding: 0px 0;
}
.grid-container-3x1-text {
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	grid-gap: 10px;
	padding: 5px;
	font-size: 100%;
	text-decoration: none;
}

.grid-container-3x1-text > div {
	background-color: none;
	text-align: center;
	padding: 0px 0;
	text-decoration: none;
	line-height: 28px;
}
 /*** END 3 COLUMN x 1 ROW CODE  ***/




/*** end content-main ***/


.bodyital {
	margin: 0;
	padding: 0;
	color: #00C;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 100%;
}

.bodyital-left {
	margin: 0;
	padding: 0;
	color: #00C;
	font-style: italic;
	text-align: left;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 100%;
}

.bodyitaltextblock {
	margin: 0;
	padding: 0;
	font: 100% "Times New Roman", Times, serif;
	color: #00C;
	font-style: italic;
	text-align: left;
	text-decoration: none;
}

.bodyitalindent {
	margin: 0;
		color: #00C;
	font-style: italic;
	text-align: left;
	margin-left: 35px;
}
.bodyleft-starbox {
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	left: auto;
	text-align: left;
	font-size: 100%;
	margin-left: 35px;
}


.bodyitalboldleft {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	color: #00C;
	text-align: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
}

.bodyleft {
	margin: 0;
	padding: 0;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}



.bodyright {
	margin: 0;
	padding: 0;
	text-align: right;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}



.bodyitalboldcenter {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	color: #00C;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
}

.body-center-ital {
	margin: 0;
	padding: 0;
	font-style: italic;
	color: #00C;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
}

.bodybold {
	margin: 0;
	padding: 0;
	font: 100% "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: normal;
	color: #00C;
	text-align: left;
}

.bodyboldcenter {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: normal;
	color: #00C;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 19px;
}

.underline {
	text-decoration: underline;	
}

.float-clear {
	float: clear;
}



 /***   2 COLUMN x 1 ROW CODE  ***/
.grid-container-2x1 {
  display: grid;
  grid-template-columns: 66.66% 33.33%;
  grid-gap: 10px;
  background-color: none;
  padding: 5px;
}

.grid-container-2x1-photo-left {
  display: grid;
  grid-template-columns: 33.33% 66.66%;
  grid-gap: 10px;
  background-color: none;
  padding: 5px;
}


.grid-container-2x1 > div {
  background-color: none;
  text-align: left;
  padding: 0px 0;
}

.grid-container-photo-text {
  display: grid;
  grid-template-columns: 33.33% 66.66%;
  grid-gap: 10px;
  background-color: none;
  padding: 5px;
}
.grid-container-2x1-L > div {
  background-color: none;
  text-align: left;
  padding: 0px 0;
}

 /***  END 2 COLUMN x 1 ROW CODE  ***/
 




 /***  3 COLUMN x 2 ROW CODE  ***/
.grid-container-3x2 {
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	grid-gap: 10px;
	background-color: none;
	padding: 0px;
	font-size: 9px;
}
.grid-container-3x2 > div {
  background-color: none;
  text-align: center;
  padding: 0px 0;
  font-size: 30px;
}
 /***  END 3 COLUMN X 2 ROW CODE  ***/
 
 
 




#footer {
	clear: both;
	font-size: 85%;
	margin-top: 15px;
	background-image: url(../images/seashell-divider.jpg);
}
.bottom-border {
	float: right;
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 65%;
	text-align: left;
}


#footer p {
	float: none
	 ;
	background-image: url(../images/seashell-divider.jpg);
	background-repeat: repeat;
	height: 30px;
	width: 1000px;
}

#footer a {
	color: #013998;	
}

/********** text elements ******************/

h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	font-style: normal;
	color: #00C;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	font-weight: normal;
	font-style: normal;
	color: #00C;
	;
}


h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	color: #00C;
}

h4 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 19px;
	font-weight: normal;
	font-style: normal;
	color: #00C;
	
}


h5 {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}





h6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	link color:#FFF
}


/********** Generic classes **********************/

.right {
	float: right;
	margin: 25px 0 0 0;
}

.left {
	float: left;
	margin: 25px 0 0 0;
}



/********* Bottom Navigation ********************/

#NAVbottom ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#NAVbottom ul {
	padding-top: 5px;
	color: #00C;
}

#NAVbottom li {
	margin-bottom: 1px;
	color: #00C;
}

#NAVbottom li a {
	display: inline;
	text-decoration: none;
	padding: 2px 3px;
}

#NAVbottom li a:hover  {
	color: #00C;
	text-decoration: underline;
}
	
#NAVbottom li .here {
	font-weight: bold;
	color: #00C;
}	
#header-logo {

}

#contentWrapper #NAVtop {
	font-weight: bold;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#contentWrapper #content-main table tr td #sailing {
	text-align: center;
}
#contentWrapper #content-main table tr td #powerboating {
	text-align: center;
}
.center-box-not {
	width: 816px;
	position: absolute;
	text-align: center;
	clip: rect(auto,auto,auto,auto);
	margin-right: auto;
	margin-left: auto;
}

.center-box-top {
	width: 500px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-size: large;
	font-style: italic;
	padding-left: 200px;
}



}
.left-box {
	width: 200px;
	position: absolute;
	text-align: left;

}
.smo-box-details-button {
	background-color: #FC9;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}

#on-click {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	height: 24px;
	width: 125px;
	margin-right: auto;
	margin-left: auto;
	color: #030;
	margin-top: 2.5px;
	margin-bottom: 5px;
	background-color: #E46142;
	font-weight: bold;
	border: 1px 1 #006;

}
.white-box {
	background-color: #FFF;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.body-main-816 {
	width: 816px;
	margin-right: auto;
	margin-left: auto;
}

.3-row-photos-bu {
	background-color: #FFF;
	display: table-row-group;
	grid-template-columns: 33.33% 33.33% 33.33%;
	grid-gap: 10px;
	padding: 5px;
	text-align: center;
}

#center-box-bu {
	width: 100%;
	margin-left: 0px;
	margin-right: 200px;
	padding-top: 0px;
	top: 5px;
	text: center;
	height: 85
	px;
	text-align: center;
	color: #000;
	font-size: 18px;
}
.templatemo_servicewrapper{
	width: 100%;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}


.templatemo_servicewrapper{
	width: 100%;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#center-box2 {
	text: center;
	text-align: center;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100%;

}

#center-box4 {
	margin-left: 200px;
	margin-right: 200px;
	padding-top: 0px;
	top: 5px;
	text: center;
	text-align: center;
	color: #000;
	font-size: 18px;

}


.templatemo_marginbot2{
	text-align: left;
	padding: 5px;
	width: 100%;
}
.templatemo_marginbot{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.BIG-BOX {
	max-width: 850px;

	margin-right: auto;
	margin-left: auto;
	text-align: left;

}
.BIG-BOX77 {
	max-width: 950px;

	margin-right: auto;
	margin-left: auto;
	text-align: left;

}