* {margin: 0; padding: 0; font-size: 100%;}

html {
	height: 100%;
}

body {
	height: 100%;
	background: #808D9C;
	font: 110% "Trebuchet MS", Verdana, sans-serif;
	color: #00255A;
	text-align: center; /* for IE */
}
/* ---(general typography)----------------- */

a {
	color: #fff;
	text-decoration: none;
}
sup{
font-size:11px;

}
a:hover {
	color: #fff;
	text-decoration:none;
}

h1 {
	font-size: 160%;
	line-height: 110%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #00255A;
	/*color: #C19B4A;*/
	margin: 5px 10px 5px 0px;
}

h1 a,
h1 a:hover {
	color: #fff;
	background-color: transparent;

}
h1 span {
	padding: .1em 0;
}

h1 strong {
	color: #00255A;
}

h2 {
	color: #C19B4A;
	font-size: 105%;
	font-weight: bold;
	margin: 5px 10px 5px 0px;
}
h3 {
	color: #17274E;
	font-size: 95%;
	font-weight: bold;
}
p {
	font:110% "Trebuchet MS", Verdana, sans-serif;
	font-size:78%;
	padding-bottom:10px;
}

.form {
	font:110% "Trebuchet MS", Verdana, sans-serif;
	font-size:78%;
	padding-bottom:2px;
}
.form-feature {
	font:110% "Trebuchet MS", Verdana, sans-serif;
	font-size:85%;
	position: relative;
	right: 25px;
	width: 220px;
}
.breadcrumbs {
	font-size: 65%;
	color: #808D9C;
	/*padding: -5px 10px 10px 0px;*/
	padding-top: 8px;
	text-decoration: none;
}
#bread-crumbs {
	font-size: 65%;
	color: #808D9C;
	/*padding: -5px 10px 0px 0px;*/
	top: 30px;
	text-decoration: none;
}
.breadcrumbs a.link{
	color: #808D9C;
	text-decoration: none;
}
.breadcrumbs a.visited{
	color: #808D9C;
	text-decoration: none;
}
.breadcrumbs a{
	color: #808D9C;
	text-decoration: none;
}
.breadcrumbs a:hover{
	color: #808D9C;
	text-decoration: none;
}

.embed-img {
	border:2px solid #84B4C4;
	padding: 5px 0px 5px 25px;
}

/* ---(top nav)----------------- */

#top-nav {
	width:760px;
	height:272px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
}

.top-logo {
	float:left;
	margin-top:3px;
}
/*----copy table--------------*/

#basic-copy{
	font: 110% "Trebuchet MS", Verdana, sans-serif;
	color: #00255A;

	
}	
#body-copy{
	margin:0 auto;
	text-align: left;
	width:760px;
	height:100%;
/*----original border and bg------
	
	border-left: 4px solid #C1A859;
	border-right: 4px solid #C1A859;
	border-bottom: 4px solid #C1A859;
	
*/
	background-color:#F9F6EE;
	border-top:0px solid #AA502D;
	background:url(../images/club/capecod_sand_bg3.jpg);
	
}	
#pop-copy{
	margin:0 auto;
	
	width:760px;
/*----original border and bg------
	
	border-left: 4px solid #C1A859;
	border-right: 4px solid #C1A859;
	border-bottom: 4px solid #C1A859;
	text-align: left;	border-top:0px solid #AA502D;
*/
	background-color:#F9F6EE;

	background:url(../images/club/capecod_sand_bg3.jpg) repeat-x;
	
}	
#disclaimer{
	margin:0 auto;
	width:760px;
	height:20px;
	font:60% "Trebuchet MS", Verdana, sans-serif;
}
/* ---(main nav)----------------- */

#main-nav {
	width: 100%;
	height:26px;
	/*background:url(../images/page-elements/nav-bar.gif) repeat-x;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
}
#main-nav-content {
	width:760px;
	height:26px;
	margin:0 auto;
	background-color:#C19B4A;
}
#nav {
	width:100%;
	padding:0;
	position:relative;
	top: 4px;
	left: 36px;
}
ul#nav {
	font: 100% arial, sans-serif;
	font-weight: bold;
}

ul#nav li {
	list-style: none;
	display: inline;
	font: 82% Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:1px;
	padding: 0px 60px 0px 0px;
	float: none;
	text-align:center;
	height:26px;
}

ul#nav li a {
	display: inline;
	width: auto;
	float: none;
	color: #EADBB9;
	padding: 0px 0px 0px 10px;
	/*background: url(../images/nav/nav-divider.png) no-repeat 100% 75%;*/
}
ul#nav li.last a {
	padding: 0px 0px 0px 0px;
	background: none;
}

ul#nav li a:hover {
	color: #ffffff;
}
ul#nav li a.activelink {
	color: #ffffff;
}
ul#nav li a.current{
	color: #ffffff;
	font-weight:bolder;
}

ul#nav li.ownership { background:url(/images/nav/arrow.gif) no-repeat 0 -15%;}
ul#nav li.privileges { background:url(/images/nav/arrow.gif) no-repeat 0 -15%;}
ul#nav li.capecod { background:url(/images/nav/arrow.gif) no-repeat 0 -15%;}
ul#nav li.contact { background:url(/images/nav/arrow.gif) no-repeat 0 -15%;}
ul#nav li.news { background:url(/images/nav/arrow.gif) no-repeat 0 215%;}
ul#nav li.members { background:url(/images/nav/arrow.gif) no-repeat 0 155%;}
ul#nav li ul {
	font: 100% arial, sans-serif;
	font-weight: bold;
	padding: 7px 13px 0px 13px;
	text-align:center;
	float: none;
}

ul#nav li li {
	list-style: none;
	display: inline;
}

ul#nav li li a {
	display: block;
	width: auto;
	float: none;
	color: #fff;
	padding: 7px 13px 0px 13px;
	background: url(../images/nav/nav-divider.png) no-repeat 100% 75%;
}
ul#nav li li.last a {
	padding: 7px 0px 0px 13px;
	background: none;
}

ul#nav li li a:hover {
	color: #AA502D;
}

/* ---(bottom nav)----------------- */

#bot-nav {
	width:760px;
	height:10px;
	margin: 0 auto;
	padding: 10px 0px 20px 0px;
	background-color:#00255A;
	color: F3EAD9;
	
}

.bottomwhite{
color:#EADBB9;
letter-spacing:1px;

}

.sidewhite{
color:#EADBB9;
letter-spacing:0.5px;
font: 75% "Trebuchet MS", Verdana, sans-serif;
text-align: center;
padding:5px;
}

#bot-nav ul {
	font: 75% arial, sans-serif;
	
	font-color: F3EAD9;
}

#bot-nav ul li {
	list-style: none;
	display: inline;
}

#bot-nav ul li a {
	display: block;
	width: auto;
	float: none;
	color: #fff;
	padding-right: 3px;
	padding-left: 3px;
	letter-spacing:5px;
	
}

#bot-nav ul li a:hover {
	color: #F8FF36;
	background: none;
}
.logo {
	float:left;
	padding-bottom:15px;
}

/* ---(home page)----------------- */

#home-grey {
	width: 100%;
	background: #888889;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 8px 0px 8px 0px;
}

#home-white {
	width:100%;
	height:373px;
	background:#fff url(../images/page-elements/home-puz-bkgd.gif) no-repeat center top;
	padding-top:10px;
}
#home-content {
	width:500px;
	margin: 0 auto;
}
#home-leftcolumn {
	float: left;
	width: 165px;
	padding:40px 0px 0px 0px;
}

#home-rightcolumn {
	float: right;
	width: 590px;
	text-align:left;
	padding:20px 10px 0px 10px;
}
.home-img {
	margin:10px 10px 0px 0px;
	
}
/* ---(level 2)----------------- */

#top-line {
	border-top:0px solid #AA502D;
	
	width:100%;
	min-width: 760px;
	background:#99A8BA;
	border-bottom:0px solid #fff;
	margin:0;
}
#content-white {
	width:60%;
	margin:0 auto;
	padding-top:0px;
}
#leftcolumn {
	float: left;
	width: 530px;
	height:auto;
	padding: 10px 10px px 10px;
	margin-left:15px;
	text-align:left;
}
#leftcolumn a {
	color:#17274E;
	text-decoration:underline;
}
#leftcolumn a:hover {
	color:#9089cb;
	text-decoration:none;
}
#leftcolumn ul{
	font: 80% "Trebuchet MS", Verdana, sans-serif;arial, sans-serif;
	font-weight:normal;
	margin-left:30px;
	margin-bottom:10px;
}
#leftcolumn ul li {
	list-style:square;
}

#rightcolumn {
	/*float: right;*/
	width: 180px;
	height:100%;
	text-align:left;
	vertical-align:top;
	padding: 0px 0px 0px 20px;
}
/* ---(level 2 widespread)----------------- */

#leftcolumn-wide {
	float: left;
	width: 680px;
	height:auto;
	padding: 10px 10px px 10px;
	margin-left:15px;
	text-align:left;
}
#leftcolumn-wide a {
	color:#17274E;
	text-decoration:underline;
}
#leftcolumn-wide a:hover {
	color:#9089cb;
	text-decoration:none;
}
#leftcolumn-wide ul{
	font: 80% "Trebuchet MS", Verdana, sans-serif;arial, sans-serif;
	font-weight:normal;
	margin-left:30px;
	margin-bottom:10px;
}
#leftcolumn-wide ul li {
	list-style:square;
}


/* ---(Subnavigation)----------------- */

#sub-nav {
	width: 760px;
	height: 22px;
	background-color:#FCF5E4;
	padding:0px 0px 0px 0px;
	margin: 0px 0px px px;
	margin-left: auto; 
	margin-right: auto;
	border-bottom:1px solid #C19B4A;

}
#sub-nav-content {
	width:760px;
	height: 22px;
	margin:0 auto;
	position: relative;
	top: 5px;
	
}
#sub-nav ul {
	font: 76% arial, sans-serif;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	float: none;
}

#sub-nav ul li {
	list-style: none;
	display: inline;
}

#sub-nav ul li a {
	display: inline;
	width: auto;
	float: none;
	color: #C19B4A;
	padding: 3px 10px 0px 10px;
	 
	/*url(../images/nav/nav-divider.png) no-repeat 100% 75%;*/
}
#sub-nav ul li.last a {
	padding: 3px 0px 0px 13px;
	background: none;
}

#sub-nav ul li a:hover {
	color: #17274E;
}

ul#sub2 li a.activelink {
	color: #17274E;
	background-color:#EADBB9;
}
ul#sub2 li a.current{
	color: #17274E;
	
}


/* ---(tertiary navigation)----------------- */

#right-nav {
	width: 160px;
	height: 100%;
	background-color: #FCF5E4;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px px 0px;
	margin-left: auto; 
	margin-right: auto;
	border:2px double #17274E;
/* background-image: url(../images/club/scallup-bg.jpg);*/
}
#right-nav-content {
	width:100%;
	height: 100%;
	margin:0 auto;
	position: relative;
	top: 6px;
	
}
#right-nav ul {
	font: 60% arial, sans-serif;
	font-weight:bold;
	padding: 2px 0px 0px 0px;
	float: none;
	line-height:20px;
}

#right-nav ul li {
	list-style: square;
	display: block; 
}
#right-nav ul li a {

	float: none;
	color: #C19B4A;
	padding: 0px 0px 0px 10px;
	 
	/*url(../images/nav/nav-divider.png) no-repeat 100% 75%;*/
}
#right-nav ul li.last a {
	padding: 0px 0px 0px 10px;
	background-color: #EADBB9;
	color: #17274E;
	

}

#right-nav ul li a:hover {
	color: #17274E;
}

ul#right2 li a.activelink {
	color: #17274E;
	background-color: #EADBB9;
}
ul#right2 li a.current{
	color: #17274E;
	
}
/* ---(feature)----------------- */

.promo-rewards {
	position: relative;
	top: 0px;
	right: 8px;
}
.promo-ball {
	position: relative;
	top: 0px;
	right: 10px;
}
.promo-bell{
	position: relative;
	top: 170px;
	
}
.promo-duster {
position: relative;
	top: 10px;
	
}
.promo-shell {
	position: relative;
	top: 0px;
	right: 9px;
}
.promo-topimage{
	position: relative;
	top: 165px;
	
}
.promo-bottomimg {
	position: relative;
	top: 10px;
	
}
.promo-key {
	position: relative;
	top: 0px;
	right: 6px;
}
.promo-res-image{
	position: relative;
	top: 165px;
	
}
.promo-res-bot {
	position: relative;
	top: 10px;
	
}
.promo-text-residence{
position: relative;
	top: 30px;
}
.promo-text-golf{
position: relative;
	top: 30px;
}
#promo-text {
	color:#C19B4A;
	float: left;
	width: 160px;
	font: 85% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	padding:5px 5px 5px 5px;
}
#feature-bottom {
	float: left;
	width: 136px;
	font: 85% Georgia, "Times New Roman", Times, serif;
	padding:0px 5px 5px 5px;
}
#feature-top {
	float: left;
	width: 136px;
	font: 85% Georgia, "Times New Roman", Times, serif;
	padding: 8px 5px 0px 5px;
	z-index:1;
}

#feature {
	float: left;
	width: 136px;
}

#feature h2 {
	color: #333;
	margin-bottom: .8em;
}

	#feature div {
		background: transparent url(../images/page-elements/feature-bottom.png) no-repeat 0 100%;
		margin-bottom: 15px;
	}

	#feature div h2 {
		color: #8f8ac5;
		padding: 8px 8px 0 8px;
		background: url(../images/page-elements/feature-top.png) no-repeat 0 0;
		width:136px;
		font-size:75%;
	}
	
	#feature div h2 a {
		color: #8f8ac5;
	}
	
	#feature div h2 a:hover {
		color: #c00;
	}
	
	#feature div p {
		font-size:70%;
		padding: 0 12px 12px 12px;
	}
	
	#feature div p a {
		color: #4A4186;
		font-style:italic;
}
	#feature div p a:hover {
		color: #8f8ac5;
		font-style:italic;
}

#brochure a {
	background-image:url(../images/page-elements/brochure.png); width:136px;
}
#brochure a:hover {
	background: transparent url(../images/page-elements/brochure.png) no-repeat -199px 0;
}
#download li{
	list-style:none;
}
#download li a{
	list-style: none;
	width: 136px;
	display: block;
	overflow:hidden; 
	height: 34px;
	margin-bottom:10px;
}

.puz-bullet {
	font:110% "Trebuchet MS", Verdana, sans-serif;
	font-size:78%;
	padding-bottom:0px;
}

/* ---(cityscape)---------------- */

#city {
	min-width: 756px;
	height: 20px;
	border-bottom: 5px solid #9A999A;
	font-size: 60%;
	color:#CCCCCC;
	float: left;
	padding: 10px 10px px 10px;
	margin:0 auto;
	text-align:left;
}
