li, p { color: #000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; text-decoration: none; margin-top: 0; margin-bottom: 12px; text-align: justify;}
li { margin-bottom: 6px;}
a:link { color: #000 ; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited { color: #000 ; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover { color: #000 ; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a:active { color: #000 ; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
h1 { color: #000; font-size: 28px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 28px; margin: 12px 0 0; }
h2 { color: #36c; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16pt; margin: 15px 0 0; }
h3 { color: #c30; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; margin: 12px 0 0; }
h4 { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; margin: 8px 0; }
.bold { font-weight: bold; }
.e-maillinks { color: #c30; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; text-decoration: none; }
.e-maillinks a:link {
	color: #c30;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-decoration: none;
}
.e-maillinks a:visited { color: #c30; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: none; }
.e-maillinks a:hover { color: #c30; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: underline; }
.e-maillinks a:active { color: #c30; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: underline; }


a.e-maillinks, a:hover span.e-maillinks {color: #c30; text-decoration: underline;}


h5 { color: #000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; margin: 11px 0 -11px; }
.italics_red { color: #c30; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 18px; text-align: left; margin-bottom: -11px; }
.plain_text { color: #000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; }
.biglinks { color: #36c; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; margin-top: 12px; }
.biglinks a:link { color: #36c; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; margin-top: 12px; }
.biglinks a:visited { color: #36c; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; margin-top: 12px; }
.biglinks a:hover { color: #36c; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; text-decoration: underline; margin-top: 12px; }
.biglinks a:active { color: #36c; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; text-decoration: underline; margin-top: 12px; }
.space { margin-top: 33px; }
.photo {
	padding-left: 11px;
}
#tdTextCell {
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 33px;
	padding-right: 22px;
	padding-top: 55px;
	padding-left: 22px;
}




/* home page buttons */
#empass, #instr {display: block; height: 50px; margin: 10px auto; text-align: center; background-size: contain;}
#empass {width: 177px; background-image: url("../images/emergency-pass.jpg");}
#empass:hover {background-image: url("../images/emergency-pass-hover.jpg");}
#instr {width: 135px; background-image: url("../images/instructions.jpg");}
#instr:hover {background-image: url("../images/instructions-hover.jpg");}

/* directory page buttons */
#reqcopy {display: block; height: 50px; margin: 10px auto; text-align: center; background-size: contain;}
#reqcopy {width: 155px; background-image: url("../images/request-copy.jpg");}
#reqcopy:hover {background-image: url("../images/request-copy-hover.jpg");}



.center {display: block; margin-left: auto; margin-right: auto;}

#tenContainer, #clubContainer, #poolContainer, #picContainer {width: 645px; margin-top: 60px; margin-left: -145px;}
#tenContainer h2, #clubContainer h2, #poolContainer h2, #picContainer h2 {margin-bottom: 10px; text-align: center;}

.cf {clear:both; height:0; font-size: 1px;line-height: 0px;}

.button {position: relative; margin: 10px 5px 20px 0;}

label, input, .isRadio {
	color: #000;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
}

.doubles, #picRules, #picCourt {display: none;}



.field 	{float:left; width: 97%; margin-left: 1.5%; margin-right: 1.5%; }

.field label {
	width:100%; 
	margin-top:20px; 
	margin-bottom:7px; 
	display:block;
	text-align: left;
}

.field.isCheck label {
	display: inline-block;
	width: auto;
	margin-right: 20px;
  margin-top: 10px;
}

.field input, .field textarea, .field select {
	width: 100%;
  box-sizing: border-box;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px; /* padding left & right pushes to over 100% */
	padding-right:5px;
	margin-top:5px; 
	margin-bottom:5px; 
	display:block;
	background-color:#f8f8f8;
	box-shadow:-1px -1px 0px rgba(0,0,0,0.4);
	border-radius:3px;
  border:1.5px solid rgba(0,0,0,0.2);
	font-size:16px;
	/*
	-webkit-appearance: none; keep iOS from messing up forms ... but kills radio buttons
	*/
}

.field input[type=checkbox] {display: inline-block; width: auto; margin-top: 10px; box-shadow: none; background-color: transparent;}

.field select {max-height: 30px;}

.field textarea {
	height:250px;
	outline:none;
	overflow:auto; /* remove IE scrollbar until needed */
	resize:none;
}

.field textarea:focus, .field input:focus {border: dotted 1.5px #6ca9c9; outline:none; } 

.red {color: #ba0909;}
.warning {font-style: italic; color: #ba0909;}

.isRadio {margin-bottom:10px; text-align: left;}
.isRadio input {display:inline; width:26px; margin-bottom: 10px; box-shadow:none;}
.isRadio input:focus {outline:none;}

.thanks {display:none; margin:0px auto; padding: 80px 0px; text-align:center;}
.thanks h4 {font-size:50px; line-height: 50px; margin-bottom: 25px; text-align:center;}
.thanks p {line-height:18px;}

.busy {display:none; position:absolute; right:-95px; top:1px; width:16px; height:16px; background-image:url(../images/ajax-loader-EFEFE7-BA0909.gif); outline: none;}

.note {margin-top: 7px; /*text-align: center; font-style:italic;*/ font-size: 11px; line-height: 18px; /*color: #ba0909;*/}

.field.f23C {width: 66%; margin-left: 17%; padding-left: 0; padding-right: 0;}

.field.f12L, .field.f12R {width: 47%;}

.field.f13L, .field.f13M, .field.f13R {width: 30.33%;}

.field.f23R, .field.f23L {width: 63.66%;}

.field.f13L2, .field.f13M2, .field.f13R2 {width: 13.66%;}

.field.f14L {width:22%;}
.field.f34R {width:72%;}

.field.f34L {width:72%;}
.field.f14R {width:22%;}


.info {padding: 30px 80px;}
.info h2 {margin-bottom: 10px; text-align: center;}
.dots p {border-bottom: dotted 2px #7aad36;}
p.nodots {border-bottom: none;}
.dots span {float: right; font-weight: bold;}
.info a:hover {text-decoration: none;}

#clubCal, #tenCal, #poolCal, #picCal {
	width: 645px; 
	height: 600px;	
	border-width: 0px;
}

.review #clubCal {
	display: none;
	width: 552px;
	height: 500px;
	margin: 20px 0px;
	border-width: 0px;
}

#clubSig input {font-family: parkside, cursive; font-weight: 300; font-style: normal; font-size: 30px;}

#tenRules label {display: inline-block; width: auto;}