@charset "UTF-8";

img, embed, object, video {
	max-width: 100%;
}

.visible {
	visibility: visible;
}

.invisible {
	visibility: hidden;
}

img {
	border-width: 0;
}

pre {
	white-space: pre-wrap;
}
table.embedded {
	width: 100%;
}
.cancelButton {
	background-color: red;
  	font-weight: bold;
}
.sortheader {
	text-decoration: underline;
}
.sortheader:hover{
	cursor:pointer;
	background-color:black;
	color:white;
}
body {
	border: 0 none;
	margin: 0;
	padding: 0;
	background-color: RGB(92, 149, 197);
	z-index: -1;
	height: 100%;
	background-repeat: repeat;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #1A2B3D),
		color-stop(1, #375474), color-stop(1, #537197));
	background-image: -ms-radial-gradient(center, ellipse closest-side, #537197 0%, #1A2B3D
		100%);
	background-image: -moz-radial-gradient(center, ellipse closest-side, #537197 0%, #1A2B3D
		100%);
	background-image: -o-radial-gradient(center, ellipse closest-side, #537197 0%, #1A2B3D
		100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 140,
		color-stop(0, #537197), color-stop(1, #1A2B3D));
	background-image: -webkit-radial-gradient(center, ellipse closest-side, #537197 0%,
		#1A2B3D 100%);
	background-image: radial-gradient(ellipse closest-side at center, #537197 0%, #1A2B3D 100%
		);
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: white;
}

label {
	display: inline-block;
	padding: 5px;
}

table.forum {
	display: inline-block;
	color: black;
	margin: auto;
	text-align: left;
}

div.checkbox {
	white-space: nowrap;
	display: flex;
	align-items: center;
}
div.checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}
 


div.roundedcorners {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 3px 3px 4px 1px #004;
}

img.helpimg {
	max-width: 50%;
	display: block;
	position: relative;
	padding-bottom: 5px;
}

div.newsbreak {
	background-color: crimson;
	color: white;
	border: thin solid #000004;
	position: absolute;
	top: 0;
	text-align: center;
	margin: auto;
	height: fit-content;
	padding: 25px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50%;
	max-width: fit-content;
	z-index: 1;
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	display: block;
}

div.openingpanel {
	background-color: transparent;
	color: white;
	position: absolute;
	top: 0;
	text-align: center;
	margin: auto;
	height: fit-content;
	padding: 5px;
	bottom: 0; left : 0; right : 0;
	width: fit-content;
	z-index: 1;
	font: 20px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	display: block;
	left: 0;
	right: 0;
}

div#mydialog {
	display: block;
	font-size: 20px;
	margin: auto;
	width: 90%;
}

div#mydialog2 {
	display: block;
	font-size: 16px;
	margin: auto;
	width: 90%;
}

div#mydialog div.gridlike {
	max-width: 280px;
	font: 20px Arial, Helvetica, Verdana, sans-serif;
	margin-top: 5px;
}

div#mydialog2 div.gridlike {
	width: 280px;
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	margin-top: 5px;
}

div#mydialog form input[type=submit], div#mydialog2 form input[type=submit]
	{
	margin-top: 0;
}

img.helpimg.nofloat {
	float: none;
}

.active, .active2 {
	display: block;
	z-index: 100;
	position: relative;
}

.notactive, .notactive2 {
	display: none;
	z-index: 100;
}

.focusitem {
	position: relative;
	width: auto;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.goleft, .goright {
	cursor: pointer;
	width: 100px;
	float: left;
	border: 1px solid;
}

#wrapper {
	min-height: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-color: #fff;
	border: ridge 4px #034;
	width: 100%;
	max-width: 100%;
	left: 0;
	background-color: transparent;
	padding-bottom: 10px;
	overflow-x: visible;
	text-align: center;
}

h1 {
	font: inherit;
	font-size: 18px;
}

#wrapper2 {
	min-height: 100%;
	height: auto;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-color: #fff;
	border: ridge 4px #034;
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	width: expression(this.width <   741 ?   740 :   true);
	padding-bottom: 10px;
	overflow-x: visible;
}

#centerdiv {
	padding-top: 20px;
}

#centerdiv table {
	margin: auto;
	width: 20em;
	height: 150px;
	border: ridge 4px #aef;
	border-collapse: collapse;
}

#centerdiv table tr td {
	border: solid thin #fff;
	padding: 4px;
}

#btnLogin {
	margin-bottom: 5px;
	font-size: 114.29%;
	padding: 2px 5px;
}

a {
	color: inherit;
	text-decoration: underline;
	font-weight: bold;
}

#header img {
	border: 0;
	z-index: 150;
}

#header img#logo, #games img#gheader {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.clearfix {
	clear: both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#header, #adbanner, #cogmenu, #cogmenu2, #cogmenu3, #cogmenu4, #filler,
	#games, #aboutevents, #advListings {
	width: 100%;
}

#adbanner div, #cogmenu div, #cogmenu2 div, #cogmenu3 div, #cogmenu4 div,
	#games #gamespanel div, #aboutevents div, #gamessupported div,
	#advListings div {
	position: relative;
}
#adbanner #nextPanel, #adbanner #prevPanel {
	width: 35px;
}
#games {
	position: fixed;
}

#header div.top {
	top: 0;
}

#header div#adDiv {
	display: block;
	width: 100%;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

#header div.top2a {
	position: absolute;
	top: 0;
	display: block;
	line-height: 2em;
	background-color: RGB(0, 0, 44);
	border: 2px inset #ffffff;
	text-align: center;
	color: white;
	cursor: pointer;
}

#header div.bottom2a {
	position: absolute;
	top: 42px;
	display: block;
	line-height: 2em;
	background-color: RGB(0, 0, 44);
	border: 2px inset #ffffff;
	text-align: center;
}

#header div.left2a, #header div.left2ab {
	position: absolute;
	width: 90px;
	display: block;
	float: left;
	line-height: 2em;
	background-color: RGB(0, 0, 44);
	margin-left: 5px;
}

#header div.left2ab {
	margin-left: 95px;
}

#header div.right2a, #header div.right2ab {
	position: absolute;
	width: 90px;
	display: block;
	right: 0;
	line-height: 2em;
	background-color: RGB(0, 0, 44);
	margin-right: 5px;
}

#header div.right2ab {
	margin-right: 95px;
}

#header div.logbutton {
	display: block;
	width: 150px;
	line-height: 2em;
	border: 2px inset #ffffff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	color: white;
	cursor: pointer;
}

#header div.bottom {
	top: 42px;
}

#header div.left {
	left: 10px;
	width: 200px;
}

#header div.right {
	width: 100%;
}

#games img {
	position: absolute;
}

#games #gamespanel div img {
	position: relative;
}

#games #gamespanel div {
	position: absolute;
	line-height: 0.5em;
}

#adbanner {
	position: relative;
	top: 0;
	z-index: 0;
	height: 225px;
	background-color: transparent;
	color: #fff;
	display: flex;
	max-width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

#adbanner div.newspanel {
	display: inline-block;
	border: thin solid black;
	margin-right: 6px;
}

#adbanner div.newspanel img {
	height: 100%;
}

#aboutevents, #advListings {
	position: relative;
	top: 0px;
	padding: 5px 0;
	width: 97%;
	z-index: 0;
	background-color: #AABEFF;
	text-align: center;
	font-size: 100%;
	border: solid 2px;
	margin-left: auto;
	margin-right: auto;
}

#advListings {
	text-align: left;
}

div.bodyevents img {
	float: left;
	margin: 2px 10px 2px 2px;
}

div.bodyevents {
	text-align: left;
}

#adsformat {
	position: absolute;
	padding: 5px 0;
	width: 194px;
	height: 600px;
	top: 100px;
	z-index: 200;
	background-color: #AABEFF;
	text-align: center;
	font-weight: bold;
	border: solid 2px;
	margin-left: 0;
	border-radius: 15px;
}

div.body, div.header {
	clear: both;
	line-height: 1.2em;
}

div.header, #aboutevents div.headerevents, iframe div.header {
	text-align: left;
	margin: 5px 0;
	padding: 2px 5px;
	font: italic bold;
	background-color: #052F58;
	color: #fff;
}

div.body, iframe div.body {
	text-align: left;
	margin: 0 5px;
	padding: 2px 5px 10px 5px;
}

iframe div.body {
	text-indent: 20px;
}

div.body img {
	position: relative;
	display: block;
	float: left;
	margin-right: 5px;
}

div.body ul, div.body ol {
	margin-left: 20px;
	padding: 0 5px;
	background-color: transparent;
	text-indent: 0px;
	font-size: 100%;
}

div.body ul li, div.body ol li {
	padding: 0;
	margin: 5px 0;
	font-size: 100%;
}

div.body a {
	color: #000;
	line-height: 1.5em;
}

div.body p {
	text-indent: 30px;
}

div.body table tr th {
	text-align: center;
}

div.body, div.header, div.body b, div.body form, div.body a {
	font-size: 100%;
}

div.body form input, div.body form, form input, form input[type=checkbox],
	form select {
	min-height: 2.0em;
}

div.body form input[type=checkbox], div.body form input[type=radio] {
	height: 20px;
	width: 20px;
	vertical-align: text-bottom;
}

div.body form input[type=submit] {
	padding: 5px;
	margin: 5px;
	clear: both;
}

div.body div.header {
	text-align: left;
	text-indent: 0;
	margin: 5px 15px 0;
	padding: 2px 5px;
	font: italic bold 14px;
	background-color: transparent;
	font-weight: 700;
	color: #052F58;
	clear: both;
}

div.body div.body {
	margin: 0 15px;
	clear: both;
}

.highlightquote {
	display: block;
	background: rgba(255, 255, 255, 0.35);
	border: solid thin rgba(0, 0, 0, 0.35);
	width: 95%;
	padding: 0.5em;
	margin-left: auto;
	margin-right: auto;
}

#adbanner #nextPanel, #adbanner #prevPanel {
	height: fit-content;
	margin: auto;
}

#adbanner #panel1, #adbanner #panel2, #adbanner #panel3, #adbanner #panel4
	{
	height: 100%;
	width: auto;
}

#adbanner #rightpanel {
	height: auto;
	width: 50%;
	float: right;
	background-color: transparent;
}

div.linkline {
	color: #00;
	display: inline;
	padding-right: 20px;
}

div.skinnylinkline {
	color: #00;
	display: inline;
	padding-right: 5px;
}

div.adtimeline {
	display: inline;
	display: inline-block;
	position: relative;
	padding: 10px;
	margin: 10px;
	border: solid thin black;
	font-size: 100%;
}

div.linkline a, div.skinnylinkline a {
	color: black;
	font-size: 100%;
}

div.bottombanner {
	display: inline;
	padding-right: 20px;
	float: left;
}

div.bottombannerends {
	width: 20%;
	padding-right: 0px;
}

div.bottombannercenter {
	width: 60%;
	padding-right: 0px;
	text-align: center;
}

div.bottombannerends img {
	display: block;
	width: 110px;
	margin-left: auto;
	margin-right: auto;
}

div.yachtclublinks, a.yachclublinks {
	display: inline;
	display: inline-block;
	padding-right: 10px;
	height: 25px;
	min-width: 55px;
	white-space: nowrap;
	text-align: left;
	font-size: 100%;
}

div.unbreaking {
	white-space: nowrap;
	font-size: inherit;
	float: left;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 10px;
}

div.unbreaking input {
	width: 150px;
}

div.breakline {
	clear: both;
	font-size: inherit;
	margin-bottom: 10px;
}

div.gridlike {
	display: inline-block;
	padding: 0 20px 20px 0;
	width: 400px;
	max-width: 90%;
	height: fit-content;
	vertical-align: top;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
}

div.gridlike a, div.yachtclublinks a {
	color: black;
	vertical-align: middle;
}

div.gridlike img {
	padding-left: 20px;
	display: inline;
	float: none;
	left: 0px;
	vertical-align: middle;
}

#manageSponsorItems div.gridlike {
	width: 200px;
}

div#eventSelected div, #sponsorSelected div {
	width: 50%;
	display: block;
	float: left;
	word-wrap: break-word;
	white-space: break-spaces;
	padding-left: 10px;
}
div#events {
	max-width:95%;
}
#sponsorSelected div {
	text-align: left;
	width: fit-content;
}

#news div.newspanel table {
	background-color: transparent;
	height: 100%;
	width: 100%;
}

#adbanner div.newspanel table {
	padding-left: 4px;
}

#adbanner div.newspanel table table {
	border-width: 0;
}

#adbanner div.newspanel table tr td, #adbanner div.newspanel table tr td div
	{
	padding: 0;
	margin: 0;
}

#cogmenu, #cogmenu2, #cogmenu3, #cogmenu4 {
	touch-action: none;
	position: relative;
	top: 0;
	height: 25px;
	background-color: #E4EEF8;
	z-index: 10;
	margin-bottom: 5px;
}

#cogmenu div.right, #cogmenu2 div.right, #cogmenu3 div.right, #cogmenu4 div.right
	{
	padding-top: 5px;
	margin-right: 60px;
	color: #000;
	font-weight: 700;
	text-align: right;
	height: 20px;
}

#cogmenu li.right, #cogmenu2 li.right, cogmenu3 li.right, #cogmenu4 li.right
	{
	display: block;
	float: right;
	padding-right: 50px;
}

#cogmenu li.right a, #cogmenu2 li.right a, #cogmenu3 li.right a,
	#cogmenu4 li.right a {
	border-width: 0;
}

#cogmenu ul.extra200 {
	width: 200px;
}

#cogmenu ul.extra300 {
	width: 300px;
}

#cogmenu ul.extra140 {
	width: 140px;
}

#cogmenu2, #cogmenu3, #cogmenu4 {
	display: none;
}

#filler {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#aboutcog {
	position: relative;
	top: 30px;
	color: #fff;
	background-color: black;
	text-align: top;
	width: 100%;
	padding: 0 0 10px 10px;
	min-height: 80px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-width: 0;
}

#announcements {
	position: relative;
	top: 30px;
	color: white;
	background-color: transparent;
	text-align: top;
	width: 98%;
	padding: 0 0 10px 10px;
	min-height: 80px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#addressdiv, #quicklinksdiv, #officehoursdiv {
	display: inline-block;
	background-color: transparent;
	margin-right: 14%;
	line-height: 1.2em;
	text-align: left;
	width: 14%;
	min-width: fit-content;
	vertical-align: top;
	padding-top: 10px;
	white-space: nowrap;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
}

#officehoursdiv {
	margin-right: 0;
}

#addressdiv p::first-line, #quicklinksdiv p::first-line, #officehoursdiv p::first-line
	{
	font-weight: bold;
	margin: 0px;
	margin-bottom: 0px;
	font-size: 16px;
}

#addressdiv span, #quicklinksdiv span, #officehoursdiv span {
	width: 20px;
	display: inline-block;
	white-space: nowrap;
}

#copyrightdiv {
	width: 100%;
	text-align: center;
}

#newsdiv, #boddiv, #meetingdiv, #entertainmentdiv {
	display: inline-block;
	background-color: white;
	color: black;
	margin-right: 1%;
	line-height: 1.2em;
	text-align: left;
	width: 22%;
	vertical-align: top;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
}
#manageNewsItems #newsdiv, #manageNewsItems #boddiv {
	width:45%;
}
#entertainmentdiv div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

.sponsordiv {
	display: inline-block;
	background-color: white;
	color: black;
	margin-right: 1%;
	line-height: 1.2em;
	text-align: left;
	width: 27%;
	vertical-align: top;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
}

#meetingdiv {
	margin-right: 0;
}

#newsdiv p::first-line, #boddiv p::first-line, #meetingdiv p::first-line,
	#entertainmentdiv p::first-line {
	font-weight: bold;
	margin: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	color: inherit;
}

#newsdiv span, #boddiv span, #meetingdiv span, #entertainmentdiv span {
	width: 20px;
	display: inline-block;
	white-space: nowrap;
	color: inherit;
}

#grillehoursdiv, #opentablediv, #grillenewsdiv {
	display: inline-block;
	background-color: white;
	color: black;
	margin-right: 1%;
	line-height: 1.2em;
	text-align: left;
	width: 45%;
	vertical-align: top;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	
}

#grillehoursdiv p::first-line, #opentablediv p::first-line,
	#grillenewsdiv p::first-line {
	font-weight: bold;
	margin: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	color: inherit;
}

#grillehoursdiv span, #opentablediv span span, #grillenewsdiv span {
	width: 20px;
	display: inline-block;
	white-space: nowrap;
	color: inherit;
}

#grillehoursdiv div, #grillenewsdiv div {
	width: 100%;
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}
#grillehoursdiv {
	min-width:460px;
}
#grillehoursdiv div div {
	width: fit-content;
	text-align: center;
	border: 5px outset green;
	margin: auto;
	padding: 2px;
	background-color: green;
	color: white;
}

#manageGrilleItems {
	width:100%;
}

table.calendar {
	width: 100%;
}

table.month {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

table.month th, table.month td {
	border: 1px solid black;
	padding: 8px;
	width: 14.2%;
	vertical-align: top;
}

table.month td {
	height: fit-content;
}

table.month td div {
	display: inline-block;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

table.month th {
	background-color: #f2f2f2;
	height: 1em;
}

table.month th.header {
	background-color: black;
	color: white;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}

table.month th.header div.left {inline-block;
	float: left;
	color: white;
	border: 3px outset white;
	padding: 2px;
	width: 1.5em;
	font-size: 16px;
	position: relative;
	z-index: 1;
}

table.month th.header div.right {inline-block;
	float: right;
	background-color: black;
	color: white;
	border: 3px outset white;
	padding: 2px;
	font-size: 16px;
	position: relative;
	z-index: 1;
}

table.week {
	border-collapse: collapse;
	max-height: 10em;
	width: 100%;
	min-height: 4em;
	table-layout: fixed;
}

table.week th, table.week td {
	border: 1px solid black;
	padding: 8px;
	width: 14.2%;
	vertical-align: top;
}

table.week td {
	height: 90%;
}

table.week td div {
	display: inline-block;
	width: 100%;
	text-align: center;
}

table.week th.header {
	background-color: black;
	color: white;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}

table.week th.header div.left {inline-block;
	float: left;
	color: white;
	border: 3px outset white;
	padding: 2px;
	font-size: 16px;
	width: 1.5em;
	position: relative;
	z-index: 1;
}

table.week th.header div.right {inline-block;
	float: right;
	background-color: black;
	color: white;
	border: 3px outset white;
	padding: 2px;
	font-size: 16px;
	position: relative;
	z-index: 1;
}

table.week th {
	background-color: #f2f2f2;
	height: 1em;
}

table.day {
	border-collapse: collapse;
	max-height: fit-content;
	width: 100%;
	min-height: 4em;
	display:table;
}

table.day th, table.day td {
	border: 1px solid black;
	padding: 8px;
	width: 14.2%;
	vertical-align: top;
}

table.day td {
	min-height: 90%;
	height:fit-content;
}

table.day td div {
	display: inline-block;
	width: 100%;
	text-align: center;
}

table.day th.header {
	background-color: black;
	color: white;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}

table.day th.header div.left {inline-block;
	float: left;
	color: white;
	border: 3px outset white;
	padding: 2px;
	font-size: 16px;
	width: 1.5em;
	position: relative;
	z-index: 1;
}

table.day th.header div.right {inline-block;
	float: right;
	background-color: black;
	color: white;
	border: 3px outset white;
	padding: 2px;
	font-size: 16px;
	position: relative;
	z-index: 1;
}

table.day th {
	background-color: #f2f2f2;
	height: 1em;
}

.calendarMonthdiv {
	height: fit-content;
	width: 90%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	background-color: white;
	text-align: center;
	color: black;
	z-index: 1;
}
.calendarMonthdiv tr td div a{
	color: black;
	
}
.calendarWeekdiv {
	height: fit-content;
	width: 90%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	background-color: white;
	text-align: center;
	color: black;
	z-index: 1;
}

.calendarDaydiv {
	height: fit-content;
	width: 90%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	background-color: white;
	text-align: center;
	color: black;
	z-index: 1;
}

.tableDiv {
	height: fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	background-color: white;
	text-align: center;
	color: black;
	position: relative;
	z-index: 1;
}

textarea {
	min-width: 15em;
	min-height: 10em;
	width: 100%;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
}

div.wideinput input[type=text], div.wideinput select, div.wideinput textarea,
	div textarea, input[type=text].wideinput {
	min-width: 30em;
}
div.wideinput select.smallinput, div.wideinput input[type=text].smallinput {
	min-width: 10em;
}
div.mediuminput input[type=text], input[type=text].mediuminput, div.wideinput input[type=text].mediuminput, div.wideinput select.mediuminput {
	min-width: 20em;
}


input[type=button] {
	width: fit-content;
	display: inline-block;
	margin: 5px 5px 10px 5px;
	padding: 5px 5px 5px 5px;
	position: relative;
	z-index: 1;
}

div.wideinput input[type=text].datepicker, div.wideinput input[type=text].timepicker
	{
	min-width: 12em;
}

input[type=submit], input[type=reset] {
	padding: 2px 10px 2px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

form.linkbutton {
	height: 1.0em;
	display: inline-block;
}

input[type=submit].linkbutton {
	align-items: normal;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgb(0, 0, 238);
	border-style: none;
	box-sizing: content-box;
	color: black;
	cursor: pointer;
	display: inline;
	font: inherit;
	height: auto;
	padding: 0;
	perspective-origin: 0 0;
	text-align: start;
	text-decoration: underline;
	transform-origin: 0 0;
	width: auto;
	-moz-appearance: none;
	-webkit-logical-height: 1em;
	/* Chrome ignores auto, so we have to use this hack to set the correct height  */
	-webkit-logical-width: auto;
	/* Chrome ignores auto, but here for completeness */
}

input[type=text] {
	background-color: lightgrey;
	min-width: 12em;
}

select {
	min-width: 15em;
	vertical-align: top;
}

.globalTable {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	color: black;
	border: thin solid black;
	border-collapse: collapse;
}

.globalTable th {
	font-weight: bold;
	text-align: center;
	padding: 0 10px 0 10px;
	line-height: 1.1em;
	border: thin solid black;
}

.globalTable td {
	text-align: left;
	padding: 2px 10px 2px 10px;
	line-height: 1.1em;
	border: thin solid black;
}
.globalTable2 td, .globalTable2 th {
    border-width: 0;
}
.globalTable2 {
    border:unset;
}
.globalTable3, .globalTable3 td, .globalTable3 th {
border:thin solid black;
}
.globalTable3 {
    border-collapse:collapse;
}
#advListings {
	top: 10px;
}

.listingClass {
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	padding: 10px;
	min-width: 200px;
	min-height: 300px;
	top: 0px;
	background-color: transparent;
}

#listingLists, #listingLists ul, #listingLists ul li ul {
	margin-left: 20px;
	color: #ffffff;
	background-color: transparent;
	font-size: 12px;
}

#listingLists li, #listingLists ul li, #listingLists li a, #listingLists ul li a
	{
	line-height: 1.5em;
	color: black;
	font-size: 12px;
}

#aboutcog img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#ldialog {
	display: none;
	position: absolute;
	top: 140px;
	width: 220px;
	left: 600px;
	margin-left: auto;
	margin-right: auto;
	z-index: 50;
	background-color: #29537C;
	color: #fff;
	border: double thick #fff;
}

#ldialog form {
	width: 90%;
	font-size: 100%;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
}

#ldialog form input {
	width: 100%;
	font-size: 100%;
}

#ldialog form input[type=submit] {
	width: 102%;
}

#ldialog a {
	font-size: 85.71%;
}

#numbers1 {
	display: block;
	top: -90px;
	height: 20px;
	width: 150px;
	z-index: 50;
	left: 19%;
	text-align: center;
	martgin-left: auto;
	margin-right: auto;
	font-weight: 700;
	color: #fff;
	background-color: transparent;
}

#numbers1 a, #numbers2 a {
	line-height: 1.4em;
}

#numbers2 {
	display: block;
	top: -65px;
	height: 20px;
	width: 100px;
	left: 68%;
	z-index: 50;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-color: transparent;
}

#welcomediv {
	display: block;
	position: relative;
	height: 20px;
	width: 100%;
	z-index: 0;
	margin-top: 10px;
	background-color: transparent;
}

#welcomediv div {
	position: relative;
	width: fit-content;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	font-weight: 700;
	color: #add8e6;
	text-decoration: underline;
}

#submit {
	padding: 2px 2em;
	position: relative;
	margin-top: 5px;
}

.smallertext {
	font-size: 80%;
}

table.yachtclubwins {
	padding: 0;
	margin: 0;
	top: 0;
}

table.yachtclubwins th {
	text-align: left;
	font: 12px Helvetica, sans-serif;
	color: #F3E36C;
	font-weight: 700;
	padding: 0;
}

table.yachtclubwins td {
	text-align: left;
	padding: 0px;
	font: 12px Helvetica, sans-serif;
}

div.leftadstyle, div.rightadstyle {
	z-index: 200;
	position: absolute;
	left: 10px;
	top: 100px;
	width: 160px;
	height: 600px;
	background-color: transparent;
	border: solid 0 #fff;
	display: block;
	text-align: center;
	color: white;
	border-width: 0px;
}

div.mobilead1a {
	width: 336px;
	height: 280px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}

div.mobilead1b {
	width: 95%;
	max-width: 300;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}

div.mobilead2 {
	height: 100px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background-color: transparent;
	display: block;
	clear: both;
}

div.mobilead2a {
	height: 100px;
	width: 95%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background-color: transparent;
	display: block;
}

div.hidden {
	display: none;
}

table td span.advertisement {
	color: white;
	text-align: center;
	width: 100%;
	display: block;
}

div.midadstyle {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div.leftadstyle div, div.rightadstyle div {
	position: relative;
	left: -1px;
	top: -1px;
	width: 100%;
	height: 151px;
	border: solid thin #fff;
}

div.leftadstyle ul li a, div.leftadstyle ul li ul li a {
	color: #000;
}

div.leftadstyle ul li {
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.leftadstyle ul li ul li {
	padding-top: 0;
	padding-bottom: 0;
}

div.leftadstyle ul {
	padding-left: 5px;
}

div.leftadstyle ul li ul {
	padding-left: 10px;
}

#bgapproved {
	position: relative;
	float: right;
	background-color: transparent;
	height: 115px;
	width: 115px;
	top: -174px;
	margin-right: 10px;
	background-size: 100% 100%;
	background-image: url(/site2/img/blcapprovedlogo.gif);
	cursor: pointer;
}

#header div.right_smaller, #header div.right_smaller2, #header div.right_fat_smaller2
	{
	width: 100%;
}

#header div.right_fat_smaller2 {
	display: none;
}

#header div.right_smaller img {
	right: 10px;
}

#header div.right img {
	right: 10px;
}

#header div.right_smaller2 img {
	right: 105px;
}

#header div.right_fat_smaller2 img {
	right: 5px;
	width: 85px;
}

input#secretcode {
	font-size: 257%;
	width: 5em;
	vertical-align: top;
	background-color: #aaaaaa;
	top: 0px;
}

span#spannote, span.spannote {
	font-size: 100%;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

#eventlisting {
	position: relative;
	z-index: 9;
	width: 100%;
	top: 0px;
	margin: 0 auto;
	height: 8em;
	overflow: auto;
	font-weight: bold;
	background-color: #BBCCFF;
	overflow-x: hidden;
	padding-right: 0px;
	border: 4px inset #ccccff;
	font-size: 85.71%;
	font-family: "Times New Roman";
	scrollbar-face-color: #ddddff;
	/*/ obviously change this to whatever you want /*/
	scrollbar-arrow-color: #486A97;
	scrollbar-highlight-color: #486A97;
	scrollbar-3dlight-color: #333333;
	scrollbar-shadow-color: #486A97;
	scrollbar-darkshadow-color: #000077;
	scrollbar-track-color: #CCCCCC;
	text-wrap: none;
	white-space: nowrap;
}

#eventlisting table td, #eventlisting table td a {
	font-size: 100%;
	font-family: "Times New Roman";
	text-wrap: none;
	white-space: nowrap;
	line-height: 1.2em;
	color: #000000;
}

#eventlisting table td {
	padding-right: 10px;
}

#eventlisting table {
	width: 100%;
}
@media print {
	.calendarMonthdiv tr td div a{
	color:red;
	font-size:10px;
	}
}
@media screen and (max-width: 1500px) {
	#adbanner #panel4, #adbanner #panel5, #adbanner #panel6 {
		display: none;
	}
		div#events{
		width:fit-content;
	}
}

@media screen and (max-width: 1200px) {
	#adbanner #panel3, #adbanner #panel4, #adbanner #panel5, #adbanner #panel6
	{
		display: none;
	}

}

@media screen and (max-width: 1042px) {
	#newsdiv, #boddiv, #meetingdiv, #entertainmentdiv {
		width: 18%;
	}
}

@media screen and (max-width: 995px) {
	#manageGrilleItems, #grillehoursdiv, #grillenewsdiv {
		width: 95%;
		max-width: unset;
		min-width: unset;
	}

}

@media screen and (max-width: 990px) {
	div#manageEventItems {
		padding: 0 0 0 0;
		max-width: 100%;
	}
	div#eventSelected {
		padding: 0;
		max-width: 95%;
	}
	div#eventSelected img {
		width: 100%;
	}
	div#eventSelected div {
		width: 100%;
	}
}

@media screen and (max-width: 959px) {
	div.aboutcog {
		margin-left: 0;
	}
	div.bottombanner {
		float: none;
		display: block;
	}

	div.bottombannerends, div.bottombannercenter {
		width: unset;
	}
	#rightpanel, #columns, #bgapproved {
		display: none;
		border-bottom-width: 0px
	}
	#numbers1a div {
		margin-left: inherit;
		margin-right: inherit;
		left: 18%;
	}
	#adbanner div.newspanel {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#gamespanel {
		height: 210px;
	}
	#COGMyAccount {
		display: none;
		border-bottom-width: 0px;
		top: 0px;
	}
	#COGMenuAbout {
		display: none;
	}
	#ldialog {
		right: 5px;
		margin-right: 0px;
	}
	div.yachtclublinks {
		height: 30px;
	}
	table tr th, table tr td {
		min-height: 1.5em;
	}
	form input[type=checkbox], form input[type=radio] {
		height: 20px;
		width: 20px;
	}
}

@media screen and (max-width: 900px) {
	#adbanner #panel2, #adbanner #panel3, #adbanner #panel4, #adbanner #panel5,
		#adbanner #panel6 {
		display: none;
	}
	#announcements {
		width: 90%;
	}
	#newsdiv, #boddiv, #meetingdiv, #entertainmentdiv {
		margin-right: 0;
		margin-bottom: 20px;
		width: 95%;
	}
	#manageNewsItems #newsdiv, #manageNewsItems #boddiv {
		margin-right: 0;
		margin-bottom: 20px;
		width: 95%;
	}
	#cogmenu {
		display: none
	}
	#menu_wrapper {
		display: block
	}
	#altmenu {
		display: block;
		z-index: 100;
	}
	#header div.top2a, #header div.bottom2a, #header div.left2a, #header div.left2ab,
		#header div.right2a, #header div.right2ab {
		top: 40px;
		z-index: 1;
	}
}

@media screen and (max-width: 850px) {
	#numbers1a div {
		left: 10%;
	}
	#header div.smaller img {
		display: none;
		right: 150px;
	}
	#midad {
		display: none;
	}
	#header div.right_fat_smaller2 {
		display: block;
	}
	#header div.right_fat_smaller2 img {
		right: 50px;
	}
	#numbers1 {
		left: 10%;
	}
	#numbers2 {
		left: 70%;
	}
}

@media screen and (max-width: 770px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
	div.linkline {
		display: block;
		padding-bottom: 10px;
	}
	div.skinnylinkline {
		display: block;
		display: inline-block;
		height: 40px;
		padding-right: 20px;
	}
	#ldialog {
		top: 100px;
		width: 250px;
	}
	#COGMenuGamePages, #COGMenuDonate, #COGMenuGuidelines,
		#COGMenuApplications {
		display: none;
		border-bottom-width: 0px;
		top: 0px;
	}
	#COGMenuAbout {
		display: none;
	}
	span#spannote {
		margin-top: -10px;
	}
	#adbanner div.newspanel {
		height: 140px;
	}
}

@media screen and (max-width: 760px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
	input[type=text].wideinput, div.wideinput input[type=text]{
		min-width: 20em;
	}
	#noaaDiv, #emergencylinksDiv {
		width: 95%;
	}
	textarea, div.wideinput textarea {
		width: 95%;
		min-width: 20em;
	}
	#residentsByName,#residentsByAddress,#showResidentListing{
		width: 98%;
	}
	
	#showDenyAccessInformation,#EditVisitor,#updateDenyAccess,#newVisitor,#newDenyAccess,#showVisitorInformation, 
	#newGuests,#showGuestInformation,.globalTable{
		width: 95%;
	}
	table.month td, table.month th.header div.left, table.month th.header div.right,
		table.week td, table.week th.header div.left, table.week th.header div.right,
		table.day td, table.day th.header div.left, table.day th.header div.right
		{
		font-size: 12px;
	}
	table.month th.header, table.week th.header, table.day th.header {
		font-size: 14px;
	}
	#header div#adDiv {
		display: none;
	}
	#header img#logo {
		width: 50%;
	}
	#welcome2div div {
		margin-left: inherit;
		margin-right: inherit;
		left: 50%;
	}

	#header div.left, #header div.bottom, #header div.right_smaller, #header div.right_smaller2
		{
		display: none;
	}

	#games {
		top: 0px;
	}
	#gamespanel {
		height: 325px;
		width: 95%;
		top: 20px;
	}
	#gamespanel div {
		width: 90px;
	}
	#gamespanel div img {
		width: 100%;
		top: 0px;
	}
	#games div {
		padding-top: 0px;
	}
	#games div#spades {
		float: left;
		top: 0px;
	}
	#games div#euchre {
		float: left;
		margin-left: 20%;
		top: 0px;
	}
	#games div#canasta {
		float: left;
		margin-left: 40%;
		top: 0px;
		z-index: 0;
	}
	#games div#domino {
		float: left;
		margin-left: 60%;
		top: 0px;
		z-index: 0;
	}
	#games div#pinochle {
		float: left;
		margin-left: 80%;
		top: 0px;
	}
	#games div#backgammon {
		float: left;
		margin-left: 0px;
		top: 110px;
	}
	#games div#pachisi {
		float: left;
		margin-left: 20%;
		top: 110px;
	}
	#games div#cribbage {
		float: left;
		top: 110px;
		margin-left: 40%;
	}
	#games div#ginrummy {
		float: left;
		margin-left: 60%;
		top: 110px;
	}
	#games div#hearts {
		float: left;
		margin-left: 80%;
		top: 110px;
	}
	#games div#yahtzee {
		float: left;
		margin-left: 0%;
		top: 220px;
	}
	#games div#commandhq {
		float: left;
		margin-left: 20%;
		top: 220px;
	}
	#games div#trivia {
		float: left;
		margin-left: 40%;
		top: 220px;
	}
	#welcomediv {
		top: 0px;
	}
	#filler {
		top: 0px;
	}
	#header div.bottom {
		top: 132px;
	}
	#header div.left {
		left: 10px;
		width: 200px;
	}
	#header div.right {
		width: 100%;
	}
	#numbers1 {
		top: -25px;
		left: 5%;
	}
	#numbers2 {
		top: 0px;
	}
	div.yachtclublinks {
		height: 40px;
	}
}

@media screen and (max-width: 650px) {
	#addressdiv, #quicklinksdiv, #officehoursdiv {
		width: 50%;
		margin-right: 0;
		margin-botton: 20px;
	}
	#copyrightdiv {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 600px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
	#header div.top2a {
		top: 0;
		font-size: 12px;
		width: 80px;
		position: relative;
	}
	#header div.logbutton {
		position: relative;
		z-index: 1;
		font-size: 12px;
	}
	#header div.top2a {
		display: table-cell;
	}
	div#adbanner {
		max-width: 90%;
		margin-bottom: 10px;
		top: 15px;
	}
	body {
		-webkit-text-size-adjust: 100%;
	}
}

@media screen and (max-width: 520px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
	#gamespanel {
		height: 435px;
		width: 95%;
	}
	#gamespanel div {
		width: 90px;
	}
	#gamespanel div img {
		width: 100%;
		top: 0px;
	}
	#games div#spades {
		float: left;
		top: 0px;
	}
	#games div#euchre {
		float: left;
		margin-left: 95px;
		top: 0px;
	}
	#games div#canasta {
		float: left;
		margin-left: 190px;
		top: 0px;
		z-index: 0;
	}
	#games div#domino {
		float: left;
		margin-left: 285px;
		top: 0px;
		z-index: 0;
	}
	#games div#pinochle {
		float: left;
		margin-left: 0px;
		top: 110px;
	}
	#games div#backgammon {
		float: left;
		margin-left: 95px;
		top: 110px;
	}
	#games div#pachisi {
		float: left;
		margin-left: 190px;
		top: 110px;
	}
	#games div#cribbage {
		float: left;
		top: 110px;
		margin-left: 285px;
	}
	#games div#ginrummy {
		float: left;
		margin-left: 0px;
		top: 220px;
	}
	#games div#hearts {
		float: left;
		margin-left: 95px;
		top: 220px;
	}
	#games div#yahtzee {
		float: left;
		margin-left: 190px;
		top: 220px;
	}
	#games div#commandhq {
		float: left;
		margin-left: 285px;
		top: 220px;
	}
	#games div#trivia {
		float: left;
		margin-left: 0px;
		top: 330px;
	}
}

@media screen and (max-width: 400px) {
	#ldialog {
		margin-right: 0px;
		right: 5px;
	}
	#gamespanel {
		height: 435px;
		width: 95%;
	}
	#gamespanel div {
		width: 90px;
		margin-width:
	}
	#gamespanel div img {
		width: 100%;
		top: 0px;
	}
	#games div#spades {
		float: left;
		top: 0px;
	}
	#games div#euchre {
		float: left;
		margin-left: 95px;
		top: 0px;
	}
	#games div#canasta {
		float: left;
		margin-left: 190px;
		top: 0px;
		z-index: 0;
	}
	#games div#domino {
		float: left;
		margin-left: 0px;
		top: 110px;
		z-index: 0;
	}
	#games div#pinochle {
		float: left;
		margin-left: 95px;
		top: 110px;
	}
	#games div#backgammon {
		float: left;
		margin-left: 190px;
		top: 110px;
	}
	#games div#pachisi {
		float: left;
		margin-left: 0px;
		top: 220px;
	}
	#games div#cribbage {
		float: left;
		top: 220px;
		margin-left: 95px;
	}
	#games div#ginrummy {
		float: left;
		margin-left: 190px;
		top: 220px;
	}
	#games div#hearts {
		float: left;
		margin-left: 0px;
		top: 330px;
	}
	#games div#yahtzee {
		float: left;
		margin-left: 95px;
		top: 330px;
	}
	#games div#commandhq {
		float: left;
		margin-left: 190px;
		top: 330px;
	}
	#games div#trivia {
		float: left;
		margin-left: 0px;
		top: 440px;
	}
}