body {
	margin: 0;
	background-image: url(../img/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: white;

	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	color: #727272;
}

/** float/clear classes **/

.fl { float: left; }
.fr { float: right; }
.clear-me { clear: both; }

/** end **/

a img {
	border: 0;
}

hr {
	border: none;
	border-bottom: 1px solid #e2e2e2;
}

h4 {
	margin: 1em 0 -.8em;
	font-size: 13px;
}

#container {
	width: 970px;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 962px;
	height: 122px;
	margin: 0 auto;
	background-image: url(../img/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top {
	padding: 0 17px 0 0;
}

.top-outer {
	border-right: 1px solid #c1c1c1;
	border-bottom: 2px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	padding: 0 2px 2px 2px;
	margin-left: 8px;
}

.top-mid {
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
}

.top-dim {
	height: 35px;
	width: 37px;
	background-color: white;
}

	#login-top .top-dim {
		width: 375px;
	}

.top-inner {
	padding: 8px 3px 0 4px;
}

#login-top .top-inner {
	background-color: white;
	padding: 8px 0 5px 0;
}

#login-top form {
	width: 380px;
}

#weather-top .top-inner {
	font-size: 22px;
	padding: 6px 3px 0 4px;
}

#login-top form {
	width: 380px;
}

#login-table {
	width: 368px;
	font-size: 10px;
}
	#login-table td {
		padding: 0 2px;
	}

	#login, #password {
		width: 90px;
		font-family: Georgia, Times New Roman, serif;
		font-size: 10px;
		color: #727272;
	}


#nav {
	margin: 7px 0 0 0;
	padding: 0 7px 0 0;
}

#nav a {
	display: block;
	float: left;
	height: 36px;
	padding-top: 36px;
	top: 0px;
	background-image: url(../img/nav-sprite.png);

	text-decoration: none;
	color: #5c5c5c;
	text-align: center;
}

#nav a:hover {
	text-decoration: none;
	color: #074b88;
}

	a#about, a#about:link, a#about:visited		{ left: 0px; width: 110px; background-position: 0px 0px;}
	a#tennis, a#tennis:link, a#tennis:visited	{ left: 110px; width: 68px; background-position: -110px 0px; }
	a#golf, a#golf:link, a#golf:visited		{ left: 178px; width: 54px; background-position: -178px 0px; }
	a#fitness, a#fitness:link, a#fitness:visited { left: 232px; width: 70px; background-position: -232px 0px; }
	a#pool, a#pool:link, a#pool:visited		{ left: 302px; width: 56px; background-position: -302px 0px; }
	a#dining, a#dining:link, a#dining:visited	{ left: 358px; width: 131px; background-position: -358px 0px; }
	a#member, a#member:link, a#member:visited	{ left: 489px; width: 101px; background-position: -489px 0px; }

	a#about:hover, a#about:active		{ left: 0px; width: 110px; background-position: 0px 72px; }
	a#tennis:hover, a#tennis:active	{ left: 110px; width: 68px; background-position: -110px 72px; }
	a#golf:hover, a#golf:active		{ left: 178px; width: 54px; background-position: -178px 72px; }
	a#fitness:hover, a#fitness:active	{ left: 232px; width: 70px; background-position: -232px 72px; }
	a#pool:hover, a#pool:active		{ left: 302px; width: 56px; background-position: -302px 72px; }
	a#dining:hover, a#dining:active	{ left: 358px; width: 131px; background-position: -358px 72px; }
	a#member:hover, a#member:active	{ left: 489px; width: 101px; background-position: -489px 72px; }


#logo-link {
	position: absolute;
	top: 6px;
	left: 6px;
}

#logo-link a {
	display: block;
	width: 320px;
	height: 105px;
}

#flash-container {
	background-image: url(../img/home-flash-ss.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 966px;
	height: 350px;
	margin: 12px auto 0;
}

#main {
	width: 970px;
	margin: 12px auto 0;
}

#main-top {
	height: 12px;
	background-image: url(../img/main-top.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#main-repeat {
	padding: 1px 16px 0;
	background-image: url(../img/main-repeat.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#inside {
	min-height: 300px;
	padding-top: 4px;
}

.left-list {
	width: 198px;
	min-height: 138px;
	margin-bottom: 8px;
	background-image: url(../img/news-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border: 1px solid #e2e2e2;
}

	#whcc-news h2 {
		margin: 12px 0 8px 8px;
		width: 111px;

		font-size: 18px;
		font-weight: normal;
		color: black;
		text-align: left;
	}

	#whcc-news .fr {
		margin: 16px 6px 0 0;
	}

#see-all-news a, #see-all-news a:link, #see-all-news a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #074b88;
}
#see-all-news a:hover, #see-all-news a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #074b88;
}

#news-content {
	padding: 2px 12px 6px;
}

	#news-content a, #news-content a:link, #news-content a:visited {
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		color: #074b88;
	}
	#news-content a:hover, #news-content a:active {
		text-decoration: underline;
		font-size: 11px;
		font-weight: bold;
		color: #074b88;
	}

#subnav-content {
	padding: 4px 10px 10px 10px;
}

p.divider {
	margin: 8px 0;
}

	#subnav-content a, #subnav-content a:link, #subnav-content a:visited {
		text-decoration: none;
		color: #5c5c5c;
	}
	#subnav-content a:hover, #subnav-content a:active {
		text-decoration: none;
		color: #074b88;
	}

	#subnav-content a.pon {
		color: #074b88;
	}

a.blue-button, a.blue-button:link, a.blue-button:visited, a.blue-button:hover, a.blue-button:active {
	display: block;
	width: 199px;
	height: 29px;
	padding: 10px 0 0 0;
	background-image: url(../img/blue-button.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 1em;

	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: white;
}

/** end styles for home page **/

#subnav h2 {
	margin: 12px 0 8px 8px;

	font-size: 18px;
	font-weight: normal;
	color: black;
	text-align: left;
}

.spot {
	margin: 36px 0 0 0;

	line-height: 32px;
	font-size: 36px;
	color: #074b88;
}
.spot-caption {
	margin: 15px 0;
	font-size: 18px;
	color: #595959;
}


#content-padd {
	margin-left: 220px;
}

#content {
	padding: 0 0 10px 0;
	line-height: 18px;
}

	#content h1 {
		margin: 0;
		text-align: center;
	}

	#content h2 {
		margin: 10px 0;
		font-size: 16px;
		color: #074b88;
	}

	#content h3 {
		margin: 0;
	}

	#content a, #content a:link, #content a:visited {
		text-decoration: underline;
		color: #074b88;
	}
	#content a:hover, #content a:active {
		text-decoration: none;
		color: #074b88;
	}

		#content a.subheadings, #content a.subheadings:link, #content a.subheadings:visited {
			text-decoration: none;
			color: #77b9ef;
			border-bottom: none;
		}
		#content a.subheadings:hover, #content a.subheadings:active {
			text-decoration: none;
			color: #77b9ef;
			border-bottom: 1px dashed #77b9ef;
		}

	/** dynamIt editor styles follow **/

	.big {
		font-size: 24px;
		line-height: 26px;
		color: #074b88;
	}

	.subheadings {
		font-size: 13px;
		color: #77b9ef;
	}

	.emphasis {
		color: #074b88;
	}

	.small {
		font-size: 11px;
	}

	.small-emph {
		font-size: 11px;
		color: black;
	}

	/** end dynamIt editor styles **/



#inside-footer {
	height: 88px;
	background-image: url(../img/main-inside-footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

	#inside-footer p {
		float: left;
		margin: 32px 22px 0;

          line-height: 50px;
		letter-spacing: -1px;
	}

	.emph {
		font-weight: bold;
		color: black;
	}

	#inside-footer a, #inside-footer a:link, #inside-footer a:visited {
		text-decoration: none;
		font-weight: bold;
		color: black;
	}
	#inside-footer a:hover, #inside-footer a:active {
		text-decoration: underline;
		font-weight: bold;
		color: black;
	}


#main-footer {
	height: 17px;
	background-image: url(../img/main-bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#dT {
	width: 435px;
	height: 30px;
	margin: 15px auto auto auto;
	padding-top: 8px;
	background-color: #ececec;

	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #454545;
	text-align: center;
}

	#dT a, #dT a:link, #dT a:visited {
		text-decoration: none;
		border: none;
		color: #074b88;
	}

	#dT a:hover, #dT a:active {
		text-decoration: none;
		border-bottom: 1px dashed #074b88;
		color: #074b88;
	}


/** for forms **/

form {
	margin: 0;
	padding: 0;
}

	form#banquet-request, form#golf-outing-info-request, form#golf-signup {
		width: 500px;
	}

	form#membership-info-request {
		width: 530px;
	}

fieldset {
	margin: 10px 0;
	padding: 4px 7px 9px;
	border: 1px solid #77b9ef;
}

fieldset legend {
	font-size: 16px;
	color: #074b88;
}

fieldset ol {
	list-style-type: none;
	padding: 0;
	margin: 12px 20px;
}

fieldset li {
	margin: 6px 0;
}

form#banquet-request fieldset label, form#golf-outing-info-request fieldset label, form#golf-signup fieldset label {
	display: inline-block;
	width: 240px;
}
form#membership-info-request fieldset label {
	display: inline-block;
	width: 200px;
}

form#banquet-request fieldset label.ampm, form#golf-outing-info-request fieldset label.ampm {
	display: inline-block;
	width: 40px;
}

fieldset ol li em {
	display: inline-block;
	width: 240px;
}

fieldset input, fieldset select {
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
}

fieldset input[type='text'],
fieldset input[type='password']  {
	width: 140px;
}

input.submit-request {
	background: none;
	background-image: url(../img/blue-button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	width: 110px;
	height: 30px;

	font-family: Georgia, Times New Roman, serif;
	color: white;
}

textarea#special-notes {
	width: 384px;
	height: 80px;
}

.error {
	color: #af2026;
}

/** end form styles **/