body {
				font-family: verdana, arial, helvetica, sans-serif;
				background-color: #fff;	
				color: #000;

}
#content-container {
				min-height: 300px;
	
}
/* -- bootstrap 3 legacy styles -- */
.img-responsive {
				display: block;
				max-width: 100%;
				height: auto;
}
.navbar-brand {
				margin-top: -3px;
}
/* --- extra nav styles --- */

.bg-dark {
				background-color: #000;
}
a.menu-link { 
			color: #fff !important;
			}
/* --- Bootstrap 4 over-ride --- */



/* --- submneu css --- */
 
 
/* -- carousel styles -- */
#carousel {
		margin: 15px 0;
}
/* --- General Styles --- */
h1,h2,h3,h4,h5 {
		color: #6c6c6c;	
}
h2#top-title {
		font-size: 21px;	
		font-weight: bold;
		color: #005F01;
}
div.container {
		background-color: #fff;
		color: #000;
}
div#login	{ 	
		margin-top: 0;
		font-size: 12px;
}
.members-only {
		background-color: #cc0000;
		color: #fff;	
}
span.members-only-link {
		color: #fff;
}
.list-seperator {
		padding: 10px 0;
		margin: 0;
		border-top: 1px dotted #ccc;
		overflow:hidden;"
}
.hidden-legend {
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		overflow:hidden;
		margin: 0;
}
.side-panel {
		background-color: #dce8cf;
		color: #000;	
		padding:15px;
}
.side-panel h3  {
		color: #000;	
}
.side-panel ul li { margin: 20px 0
	
}
/* --- Iframe includes ---- */
div.featureBox {	
		border: 1px solid #959595;
		margin: 15px 10px 0 10px;
		min-height: 160px;
		width: 180px; /* 100%; */
		padding: 0;
		text-align: left;

}
div.featureBoxTop	{	
		font-size:12px !important;
		background-color: #222;
		color: #fff;
		width: 170px;
		padding: 5px;
		font-weight: bold;
}
div.feature	{	
		font-size: 14px;
		padding: 5px;
		border-bottom: 1px dotted #959595;
}
/* --- float images --- */
.img-default {
		max-width: 50%;
}
.Style1 {	float: right;
			margin: 0 0 15px 15px;	
}
.Style2 {	float: left;
			margin: 0 15px 15px 0;	
}
/* -- Members Gallery Styles -- */

#lightgallery {		border: 0px dotted #ccc;
					text-align: center;
	
}
img.gallery-thumb {
					border: 1px dotted #ccc;
					padding: 5px;
					margin:  5px 2px;
					display:inline-table;
}

.embed-responsive-guagemap::before {
  padding-top: 132%;
}


div#galleryContainer {		
					overflow: hidden;
										
			}
div#galleryContainer div {		
					border: 0;
					float: left;
					margin: 10px;
					overflow: hidden;
					border: 1px dotted #666;
					padding: 10px;
			}
div#galleryContainer div img {
					border: 0;
		}

ul#galleryList {	
					list-style-type: none;
					margin: 0;
					padding: 0;
}
ul#galleryList li {	padding: 5px 15px;
					font-weight: bold;
					font-size: 0.8rem;
}
ul#galleryList li span {
					font-weight: normal;
}
ul#galleryList li:hover {	background-color: #c00 !important;
				color: #fff;
			}
ul#galleryList li a:link {			
			}
ul#galleryList li a:visited {			
			}
ul#galleryList li a:hover {	color: #fff;			
			}
ul#galleryList li:hover > a {	color: #fff;
			}
ul#addImage {		list-style-type: none;
					margin: .5em 0 !important;
					float: right;
			}
ul#addImage li {	background-color:#CC0000;
					padding: 5px 10px !important;
					border: 1px solid #666;	
					float: right;		
			}
ul#addImage li a {	color: #fff;
					font-weight: bold;
					text-decoration: none;
			}
ul#addImage li a:hover	{	text-decoration: underline;
			}
ul#galleryLink {	
					list-style-type: none;
					margin: 15px 0 !important;
			}
ul#galleryLink li {	background-color:#CC0000;
					padding: 5px 10px;
					border: 1px solid #666;	
					float: right;	
			}
ul#galleryLink li a,
div.gallery-link	{	color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
ul#galleryLink li a:hover,
div.gallery-link a:hover {	text-decoration: underline;
			}
ul#galleryLink li:hover,
ul#addImage li:hover 
div.gallery-link:hover {	background-color:#33CC00;
			}
/* --- Members gallery list --- */
div#memGallContainer {	
				overflow: hidden;
				border: 1px dotted #666;
				padding: 0;
				clear: right;
				text-align: center;
			}
div.galleryImgBox	{	
				float: left;
				border: 1px dotted #666;
				padding: 10px;
				margin: 10px;
			}
div.galleryImgBox img	{	border: 0;
				width: 140px;
				height: 140px;
			}
div.galleryImgBox div.galleryTitle {	
				width: 140px;
				height: 50px;
			}

/* --- contact form styles --- */
.noshow {
		display: none;	
}
.error {
	margin-left: 10px;
	font-size: 14px;
	padding:0 5px;
	color: #fff;
	background-color: #ffa300;
}
/* -- footer styles -- */
div#footer {
		background-color: #222;
		border-color: #080808;
		color: #fff;
		margin: 15px 0;
		padding: 10px 15px;
}
div#footer a {
		color: #ccc;
}
div#footer a:hover {
		color: #fff;
}
ul.footer-links {
		margin: 0 0 0 0;
		list-style-type: none;	
}
ul.footer-links li img{
		margin: 5px 0;
}
div#copyw {
		margin-bottom: 10px;
		font-size: 13px;
		font-style: italic;
}
/* -- Moorings Page Styles -- */
div#moorings-plan	{
		display: none;
		text-align: center;
		position: relative;
		width: 740px;
		height: 400px;
		margin: 15px auto;
}
div#moorings-plan-static {
		display: block;
		text-align: center;
}
div.hidden-legend  {
			display: none;
}
/* --- Footer styles --- */
#footer .nav-link {
		padding: 0;	
}
/* ----------------------------------------- Media break points ---------------------------------------------------- */
/* --- Small devices (landscape phones, 576px and up) --- */
@media (min-width: 576px) {

}
/* --- Medium devices (tablets, 768px and up) --- */
@media (min-width: 768px) { 
		body {
			padding: 25px 0;
		}
		h1#top-title {
			font-size: 25px;
		}	
		div.hidden-legend {
			display: -ms-flexbox;
			display: flex;
			  -ms-flex-wrap: wrap;
				  flex-wrap: wrap;
		}
		.img-default {
				max-width: 75%;
		}
}
/* --- Large devices (desktops, 992px and up) --- */
@media (min-width: 992px) {
		div#login	{ 	
			float: right;
			margin-top: 30px;
		}
		div#moorings-plan	{
			display: block;
		}	
		div#moorings-plan-static {
			display: none;
		}
		.img-default {
				max-width: 100%;
		}
}
/* --- Extra large devices (large desktops, 1200px and up) --- */
@media (min-width: 1200px) {
	
}