/* CSS Document */
/*
gold : #DCC58C
teal: #418C95
*/
/*****************************/
/**** GLOBALS ****/
/*****************************/

* {
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
/*****************************/
/**** CORE HTML ****/
/*****************************/

html {
	
}
td {
	vertical-align:top;
}
Body {
	background-image:url(images/css_bg/bg_body.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	background-color:#CCC;
}
h2, h3, h4 {
	font-size:14px;
	color:teal;
	margin:3px;
}
h4 {
	font-size:14px;
}
h2 { 
	font-size:24px;
	font-family:times, "Times New Roman", serif;
	color:teal;
	}
h3 {
	font-family:times, "Times New Roman", serif;
	font-size:14px;
	color:black;
	}
p {
	margin:10px 35px;
}
a:link, a:visited {
	color:#418C95;
	text-decoration:none;
}
a:hover {
	color:#DCC58C;
	text-decoration:underline;
}
/*****************************/
/**** MAIN PAGE STRUCTURE ****/
/*****************************/
div#pageContainer {
	margin:0 auto;
	 width:750px; 
	 position:relative;
	 text-align:left;
	 }

td#mainContent {
	width:545px;
	
}
td#subContent {
	width:205px;
	border-left:1px solid #CCC;
	padding-left:1px;
}
<!--===-->
td#mainContentWide {
	width:800px;
}
/*SITE INFORMATION*/
div#siteInfo {
	background-color:#fff;
	padding-top:10px;
	border-top:1px solid #CCC;
	margin-top:15px;
}
	div#siteInfo p {
		color:#BBA676; /*#DCC58C;*/
		font-size:10px;
		font-style:italic;
		/*margin:5px 200px;*/
		text-align:center;
	}
	div#siteInfo ul {
		list-style-type:none;
	}
	div#siteInfo li {
		float: right;
	}
	div#siteInfo a {
		font-size:x-small;
	}
	
/*BRANDING*/ 
#branding { 
	width:100%; height:80px; 
	background-color:#333333;
	background-image:url(images/css_bg/bg_branding.jpg);
	background-position:top center;
	background-repeat:no-repeat; 
	position:relative;
	}
	#branding .cornerAccent {
		width:50px; height:50px;
		background-color:#333333;
		position:absolute;
		top:0px;
		left:-50px;
	}
	#branding h1 {
		width:268px; height:56px;
		background-image:url(images/textReplace/branding_text.gif);
		background-position:top left;
		background-repeat:no-repeat;
		position:absolute;
		top:20px;
		left:249px;
		text-indent:-99999px;
	}
/*****************************/
/**** SIDE CONTENT MODULES****/
/*****************************/
/*WHERE TO NAVIGATION*/
div#whereToNavigation {
	width:98%; height:50px;
	position:relative;
	background-image:url(images/css_bg/bg_whereTo_title.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border:1px solid white;
}
	div#whereToNavigation ul{
		list-style-type:none;
		margin-top:25px;
	}
	div#whereToNavigation li {
		text-align:center;
		float:left;
	}
	div#whereToNavigation a {
		width:62px; height:30px;
		color:#ffffff;
		font-size:14px;
		line-height:2em;
		text-decoration:none;
		display:block;
		background-image:url(images/css_bg/bg_whereTo.gif);
		background-position:center;
		background-repeat:no-repeat;
		
	}
	div#whereToNavigation a:link, div#whereToNavigation a:visited {
		font-weight:bold;
		color:teal;
	}
	div#whereToNavigation a:hover {
		font-weight:bold;
		color:#DCC58C;
	}
/*NEW MEMBERS - QUICK LINKS - COMMUNITY BUILDER */
div#newMembers, div#quickLinks {
	margin-top:10px;
	text-align:left;
}
	div#newMembers ul, div#quickLinks ul, div#communityBuilder ul {
		list-style-type:none;
		text-align:left;
		margin:5px;
	}
	div#newMembers li, div#quickLinks li, div#communityBuilder li {
		padding-left:15px;
		background-image:url(images/css_bg/bg_pineapple_bullet.gif);
		background-position:left top;
		background-repeat:no-repeat;
		font-size:12px;
		color:teal;
		line-height:1.5em;
	}
/*COMMUNITY BUILDER SPECIFIC*/
div#communityBuilder {
	margin:3px; padding-bottom:5px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}
div#communityBuilder .title {
	text-align:center;
	color:#999;
	font-size:12px;
}
	div#communityBuilder h4.imgCommunityBuilders {
		width:95%; height:48px;
		background-image:url(images/textReplace/communityBuilders_text.gif);
		background-position:bottom center;
		background-repeat:no-repeat;
		text-indent:-99999px;
	}

/*****************************/
/**** MAIN CONTENT MODULES****/
/*****************************/
/*FEATURED - used to display featured item on home page*/
div#featured {
	width:100%;
	border:1px solid #fff;
}
	div#featured p {
		margin:10px;
		font-size:12px;
	}
/*DETAIL HOLDER - used with featured and page intros to display details*/
div#detailHolder {
		margin:10px;
		padding:3px;
		font-size:12px;
		color:#666;
	}
	div#detailHolder ul {
		margin:5px;
		list-style-type:none;
		}
/*TOP EVENT*/  /* list of next 10 events on homepage*/
div#topEvents {
	margin:15px;
	clear:both;
	text-align:left;
}
div#topEvents h3.upcomingImg {
	width:100%; height:17px;
	margin:3px;
	background-image:url(images/textReplace/upcomingEvent_text.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-99999px;
	
}
div#topEvents h3.attractionImg {
	width:100%; height:17px;
	margin:3px;
	background-image:url(images/textReplace/attractions_text.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-99999px;
	
}
	div#topEvents ul {
		list-style-type:none;
		margin:5px;
	}
	div#topEvents li {
		margin-top:2px;
		height:1%;
	}
	div#topEvents li .date {
		font-size:9pt;
		display:block;
	}
	div#topEvents li .title {
		font-size:10pt;
		text-transform:lowercase;
		font-variant:small-caps;
		color:teal;
	}
	div#topEvents a {
		height:40px;
		padding:2px;
		text-decoration:none;
		padding-left:40px;
		background-image:url(images/css_bg/bg_topEvents_up.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		display:block;
	}
	div#topEvents a:link, div#topEvents a:visited { color:black;}
	div#topEvents a:hover {
		background-color:white;
		background-image:url(images/css_bg/bg_topEvents_over.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}	
/*DETAIL TEXT HOLDER - used for attraction detail content text*/
div#detailTextHolder{
	margin:5px 65px;
}	
	div#detailTextHolder p {
		margin:15px 0;
		color: #333333; 
		font-family: arial, helvetica; 
		FONT-SIZE: 14px; 
		line-height: 16px;
	}	
	
	div#detailTextHolder p span { /*DROP CAPS span tag*/
		float: left;
		width: 45px;
		font-size: 62px;
		line-height: 48px;
		color:#777777;
		font-family: georgia, times;
	}
/*PAGE INTRODUCTION - used at the top of attractions main page*/
#pageIntroduction {
	margin:15px;
}
	#pageIntroduction img {
		margin:5px 15px 5px 45px;
		float:left; 
	}
	#pageIntroduction img.sectionGraphic {
		margin:15px;
		float:left; 
	}
	#pageIntroduction p {
		padding:10px 0 0 0;
		font-size:12px;
	}
/*ANNUAL EVENTS NAVIGATION*/
#annualEventsNav {
	width:390px;
	float:left;
}

	#annualEventsNav .instructions {
		font-size:12px;
		text-align:center;
		padding-left:10px;
	}
	#annualEventsNav ul {
		margin:10px;
		list-style-type:none;		
	}
	#annualEventsNav li {
		margin:2px;
		text-align:center;
		float:left;
	}
	#annualEventsNav a {
		width:50px; height:75px;
		display:block;
		background-color:#f2ffff;
		border:1px solid #418C95;
		text-decoration:none;
		font-size:medium;
		line-height:4em;
		color:#418C95;
		
		
	}
	#annualEventsNav a:link {
		
	}
	#annualEventsNav a:hover {
		background-color:#418C95;
		color:#f2ffff;
		border:1px solid #f2ffff;
	}
/*ANNUAL EVENTS LISTING*/
div#annualEventsListing {
	margin-top:15px;
	width:100%;
	text-align:left;
}
	div#annualEventsListing ul {
		list-style-type:none;
		padding-left:50px;
	}
	div#annualEventsListing li {
		margin-top:5px;
		font-size:medium;
		line-height:1.5em;
		
		padding:0 0 10px 15px;
		background-image:url(images/css_bg/bg_full_list_item.jpg);
		background-position:top left;
		background-repeat:no-repeat;
}
			div#annualEventsListing li a:link {
				color:#418C95;
			}
	div#annualEventsListing li div.description {
		margin-top:3px;
		padding-left:25px;
		font-variant:normal;
		width:450px;
		font-size:14px;
		line-height:1.5em;
		color:#000000;
	}
	div#annualEventsListing ul ul {
		margin:3px;
		padding-left:35px;
		
	}
	div#annualEventsListing ul ul li {
		margin-top:3px;
		padding:0 0 0 15px;
		background-image:none;
		background-image:url(images/css_bg/bg_pineapple_bullet.gif);
		background-position:top left;
		background-repeat:no-repeat;
		font-size:12px;
		color:#000000;
		line-height:1.255em;
	}
	div#annualEventsListing h2 a {
		font-size:small;
	}	
/*MEMBER SERVICES LISTS*/
div#memberServicesList {}
	div#memberServicesList h3 {
		font-size:18px;
		margin:3px 10px;
	}
	div#memberServicesList p {
		font-size:12px;
		margin:10px 15px;
	}
	div#memberServicesList ul {
		list-style-type:none;
		margin:5px 25px;
	}
	div#memberServicesList li {
		font-size:16px;
		font-weight:bold;
		padding-left:20px;
		padding-top:5px;
		background-image:url(images/pineapple_gold.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}
	div#memberServicesList li div {
		display:block;
		margin:5px 5px;
		font-size:12px;
		font-weight:normal;
		color:#333;
	}
	div#memberServicesList ul ol {
		
	}
	div#memberServicesList ul ol li {
		background-image:none;
		font-size:12px;
		font-weight:normal;
		color:#333;
		padding:10px 0 0 0;
	}
/*MEDIA KIT TABLE*/
table#mediaKit {
	width:700px;
	margin:0 auto;
}
	#mediaKit td {
		width:350px;
	}
	#mediaKit img {
		float:left;
	}
	#mediaKit p b {
		display:block;
	}
	#mediaKit p {
		margin:0 10px 5px 85px;
	}
	#mediaKit a {
		display:block;
		font-size:small;
	}
	#mediaKit div {
		border-bottom:1px dotted #CCC;
		padding:10px 0;
	}
	#mediaKit span {
		padding:3px;
		border:1px solid #333;
	}	
/*INFORMATION LIST*/
div#informationList {}
	div#informationList h3 {
		font-size:18px;
		margin:3px 10px;
	}
	div#informationList p {
		font-size:12px;
		margin:10px 15px;
	}
	div#informationList ul {
		list-style-type:none;
		margin:10px 25px;
	}
	div#informationList li {
		font-size:14px;
		font-weight:bold;
		padding-left:20px;
		padding-bottom:5px;
		background-image:url(images/css_bg/bg_pineapple_bullet.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}
	div#informationList li div {
		display:block;
		margin:5px 5px;
		font-size:12px;
		font-weight:normal;
		color:#333;
	}
	div#informationList li span {
		font-weight:normal;
		font-size:12px;
		color:#333;
	}
	div#informationList li ul {
		list-style-type:circle;
	}
	div#informationList li li {
		background-image:none;
		padding:0 0 5px 0;
		font-size:12px;
	}
	.private {
		background-color:#FFdddd;
		}
div.bio_type {
	background-color:#eeeeee;
	font-size:large;
	padding-left:10px;
	}
	
div.bio_contact {
	float:right;
	font-size:small;
	width:150px;
	}
/*CLUB HOLDER*/
div#clubHolder {
	margin:5px 35px;
	font-size:12px;
	color:#333;
}
	div#clubHolder b {
		font-size:14px;
		font-weight:bold;
		color:teal;
	}
/*ITINERARY DISPLAY*/
div#itinerary {
	margin:5px 25px 15px 25px;
}
	div#itinerary dl {
		border-bottom:2px solid #CCC;
		margin-top:5px;
		padding-bottom:5px;
		color:#333;
	}
		div#itinerary dl b {   /*section title on itin list (Events, etc...) */
			font-size:large;
			line-height:2em;
			color:#418C95;
		}
		div#itinerary dl strong {
			line-height:1.25em;
			color:#000;
		}
		div#itinerary a.button {
			border:1px solid #418C95;
			padding:0 2px;
			font-size:small;
		}
		div#itinerary  a:hover.button {
			background-color:#418C95;
			color:white;
			text-decoration:none;
		}
		div#itinerary dl a:link.button, div#itinerary a:visited.button {
			text-decoration:none;
		}
	div#itinerary dt {
		color:#000;
		font-size:large;
		font-weight:bold;
		/*margin-left:30px;*/
		margin-top:10px;
		
	}
	div#itinerary dd {
		padding-left:40px;
	}
	
/*GOOGLE MAP*/
#map {
	width:680px; height:430px;
	border:2px solid #418C95;
}
#blurbBubble {
	width:150px;
}
	#blurbBubble h1 {
		font-size:18px;
		font-family:times, "Times New Roman", serif;
		font-variant:small-caps;
		color:#418C95;
		font-weight:bold;
		
	}
	#blurbBubble p {
		margin:0; padding:0;
		font-size:10px;
	}
div#mapLegend {
	width:400px;
	margin-top:5px;
	float:right;
}

div#mapNote {
	width:275px;
	float: left;
	margin:5px 3px;
}
	div#mapNote p {
		margin:3px;
		font-size:12px;
		text-align:right;
		color:#666;
		line-height:1.35em;
	}
/*MEMBER DETIAL*/
table#memberDetailHolder	{
	width:700px;
	text-align:center;
}
	#memberDetailHolder td.leftGutter {
		width:75px;
	}
	#memberDetailHolder p {
		text-align:left;
		margin:0 15px 10px 0;
	}
/*CONTACT US HOMEPAGE BUTTON*/
a:link.contactUs, a:visited.contactUs {
	display:block;
	margin:25px;
	text-decoration:none;
	font-size:20px;
	color:white;
	background:#418C95;
	border:2px solid #418C95;
	text-align:center;
	font-variant:small-caps;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
a:hover.contactUs {
	background:#00A6B2;
}

a.contactUs span {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}
/*****************************/	
/*=================================*/
/*=================================*/
/*****************************/


/*IMAGE WRAPPER*/
div.leftImageWrapper, div.rightImageWrapper {
	border:2px solid #611122;
	background:#fff;
	margin:5px 10px;
	float:left;
}
span.centerImageWrapper {
	border:2px solid #611122;
	background:#fff;
}
	div.leftImageWrapper img, div.rightImageWrapper img, div.centerImageWrapper img {
		margin:3px;
	}
	div.leftImageWrapper span, div.rightImageWrapper span, div.centerImageWrapper span {
		display:block;
		text-align:center;
		color:#333;
	}
div.rightImageWrapper {
	float:right;
}
div.orangeLine {
	margin:5px 5px 5px 0px;
	border-bottom:1px solid #FFCC66;
}






/*CSS HACKS*/
/*used on the content div to make sure it expands to contain all of it's floated content!*/
.clearfix:after { /*http://www.positioniseverything.net/easyclearing.html*/ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*****************************/	
/*=================================*/
.floatLeft {float:left;}
.floatRight {float:right;}
.title {	font-size:14px;font-weight:bold;
	color:teal;
	margin:3px;
}
/*Cool Table */
table.cool {float:left; margin-right:3px; padding:0;}
td.upperleft {background: url(/images/upperleft.gif) repeat-x bottom; width:10px; height:10px;}
td.topmid {background: url(/images/topmid.gif) repeat-x bottom; height:10px;}
td.upperright {background: url(/images/upperright.gif) repeat-x bottom; width:10px; height:10px;}

td.leftmid {background: url(/images/leftmid.gif) repeat-y; width:10px;}
td.rightmid {background: url(/images/rightmid.gif) repeat-y; width:10px;}

td.bottomleft {background: url(/images/bottomleft.gif) repeat-x top; width:10px; height:10px;}
td.bottommid {background: url(/images/bottommid.gif) repeat-x top; height:10px;}
td.bottomright {background: url(/images/bottomright.gif) repeat-x top; width:10px; height:10px;}
.instructions {font-family:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; FONT-WEIGHT:normal; COLOR:#5E1815;}

/* NEWSLETTER STYLES */
div.newscues {width:550px; text-align:left;}
div#newscues ul {margin-left:20px;}

/* standard small */
.std_small		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt;}
.std_small_red		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; COLOR:red;}
.std_small_black	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; COLOR:black;}
.std_small_b		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; FONT-WEIGHT:bold;}

/* standard medium */
.std_medium		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:normal; COLOR:black;}
.std_medium_green	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; COLOR:green;}
.std_medium_red		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; COLOR:#FF0000;}
.std_medium_bggrey	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; BACKGROUND-COLOR:#EEEEEE;}
.std_medium_bgred	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; BACKGROUND-COLOR:#FF0000;}
.std_medium_b		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:bold;}
.std_medium_i		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-STYLE:italic;}
.std_medium_bi		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:bold; FONT-STYLE:italic;}
.std_medium_bu		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:bold; TEXT-DECORATION:underline;}
.std_medium_error	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:bold; COLOR: #FF0000;}
.std_medium_formtitle	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; BACKGROUND-COLOR:#EBE6D9; COLOR:black;}
.std_medium_formtitle_b_gray	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:bold; BACKGROUND-COLOR:#EEEEEE; COLOR:black;}

/* standard large */
.std_large		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt;}
.std_large_b		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; FONT-WEIGHT:bold;}
.std_large_green	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; COLOR:green;}
.std_large_red		{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; COLOR:#FF0000;}
.std_large_bggrey	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; BACKGROUND-COLOR:#EEEEEE;}
.std_large_boldred	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; FONT-WEIGHT:bold; COLOR: #FF0000;}
.std_large_boldbrown	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; FONT-WEIGHT:bold; COLOR: #FF8800;}
.std_large_error	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; FONT-WEIGHT:bold; COLOR:red;}

/* serif large */
.serif_large		{FONT-FAMILY:timesnewroman,times; FONT-SIZE:14pt;}
.serif_large_b		{FONT-FAMILY:timesnewroman,times; FONT-SIZE:14pt; FONT-WEIGHT:bold;}
.serif_masthead		{FONT-FAMILY:timesnewroman,times; FONT-SIZE:24pt; FONT-WEIGHT:bold;}

/* standard result line background colors */
.std_resultline_brown	{BACKGROUND-COLOR:#EBE6D9;}
.std_resultline_ltgray	{BACKGROUND-COLOR:#EEEEEE;}
.std_resultline_white	{BACKGROUND-COLOR:#FFFFFF;}
.std_resultline_red	{BACKGROUND-COLOR:red;}

A.foot		{font-family: arial,helvetica,verdana,sans-serif; font-size:7pt; color:gray; text-decoration: none}
A.foot:hover	{font-family: arial,helvetica,verdana,sans-serif; font-size:7pt; color:red; text-decoration: none}