/*
J  a  v  a  c  a  t  z

Description:

Tel: (852)29877951
Fax: (852)29879294
Email: office@javacatz.com
Website: www.javacatz.com

Created: 2006-08-29
*/

/* ************************************************************************ */
/* ***                      This css for Public Only                    *** */
/* ************************************************************************ */

input, textarea, select {
	border: 1px solid #666666;
	background-image: url(../img/sbox-bg.gif);
	background-repeat: no-repeat;
	font-size: 12px;
}
input, select{
	height:1.4em;
}
* html input, select {
	height:1.6em;
}

.button{
	margin: 5px 0px; 
	border:none;
}

h3{
	text-transform: uppercase;	
	margin: 0 0 10px 0;
    font-size:12px;	
}

h4{
	margin:0px;
	padding:0px;
	height:15px;
	text-transform: uppercase;	
}
h5{
	margin:0px;
	padding:0 0 3px 0;
}
hr{
	color:#DADADA;
	height:1px;
}
.inputNoBorder{
	height:auto;
	vertical-align:middle;
	border: 0px none #FFFFFF;
	background-image: none;
}
.underlineLink a:link{
	text-decoration:underline;
}
.underlineLink a:visited{
	text-decoration:underline;
}
.underlineLink a:hover{
	text-decoration:underline;
}

#homePage {	/* the main display area centered horizontally */
	width: 853px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	position: relative; 
	top: -250px;
	left: -428px;
	border:1px solid #CDD5CA;
}
* html #homePage {

}

.clearer {	/* span the whole bottom width */
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.photoCaption{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	padding-top: 5px;
	padding-left: 10px;
}
.remarks{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
}
/* ************************************************************************ */
/* ***                      MainHome Vertical middle                    *** */
/* ************************************************************************ */
.outer{
	width:100%; overflow:hidden; /*  The page must be hidden scroller  */
}
.outer .middle{
	height: 100%; position: relative;
}
.outer .middle .inner{
	position: absolute; top: 50%; left: 50%;
}
.outer .middle .inner .copyRight{
	height: 100%; position: relative;
}

/* ************************************************************************ */
/* ***                  Side Nav Area - under #content                  *** */
/* ************************************************************************ */

#sideNav {	/* the side navigation area */
	width: 230px;
	display: inline;
	clear: both;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
}

#LeftSlideMenu{
	display:none;
}
#LeftSlideMenuPreloader{
		height: 400px;
		text-align:center;
		padding-top:160px;
}
/* ************************************************************************ */
/* ***                 Main 2 blocks layout of the page                 *** */
/* ************************************************************************ */

#mainUpperArea {	/* main page area including header, side nav, and main contents; but not footer */
	position: relative;
	min-height: 100%;
	padding: 0;
}
* html #mainUpperArea {
	height: 100%;
	padding: 0;
}

#subUpperArea {	/* Sub page area including header, side nav, and main contents; but not footer */
	position: relative;
	min-height: 100%;
	padding: 0 0 95px 0;
}
* html #subUpperArea {
	height: 100%;
	padding: 0 0 95px 0;
}

#homeFooter {
	width: 850px;
	clear:both;
	display: block;
	text-align:right;
	color: #B4BCAF;
	line-height: 10px;
	padding-bottom:3px;
	padding-right: 5px;
}
#homeFooter a{
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
	color: #B4BCAF;
	text-decoration: none;
}
#homeFooter a:hover{
	color: #B4BCAF;
	text-decoration: underline;
}

#bottomSide{
	width: 855px;
	padding-top: 3px;
	position: relative; 
	top: -250px;
	left: -428px;
	font-size: 11px;
}

	#bottomSide .copyRight{
		color: #D3D3D3;
		float:left;
		display:inline;
	
	}
	#bottomSide .producedBy{
		color: #D3D3D3;
		text-align:right;
		float:right;
		display:inline;
	
	}
	#bottomSide .producedBy a{
		color: #B4BCAF;
		text-decoration:none;
	}
	#bottomSide .producedBy a:hover{
		color: #B4BCAF;
		text-decoration: underline;
	}
	
/*    Public Site Footer is Align Left   */
	#footer #footerMain {
		text-align: left;
	}
	#footer #footerPadding {
		width: 595px;
		min-height: 2em;
		height: 2em;
		display: block;
		clear: both;
		float: none;
	}

/* ************************************************************************ */
/* ***                           Header Area Home                       *** */
/* ************************************************************************ */
#headerMain {	/* the top main header */
	background-color: #FFFFFF;
	width: 853px;
	height: 65px;
}
	#headerMain .surroundingBorder {
		border-bottom: 1px solid #DADADA;
		height: 100%;
		padding: 0 10px;
		margin: 1px 7px 0px 7px;
	}
	#headerMain #headerLogo {
		margin: 7px 0 0 5px;
		display: inline;
		clear: none;
		float: left;
	}
	#headerMain #memberLogin {
		display: inline;
		clear: none;
		width: 104px;
		float: right;
		margin: 42px 10px 0 0;
	}

.timedSlideshow {

	float:right;
	text-align:center;
	width:594px;
	height:384px;

}
.timedSlideshow #slideLoading{
	margin-top: 160px;
}
.timedSlideshow2 {
	position:absolute;
	top: 80px;
	left: 252px;
	width:594px;
	height:384px;
	z-index:88;
}
	
	
/* ************************************************************************ */
/* ***                           Header Area                            *** */
/* ************************************************************************ */

#header {	/* the top main header */
	background-color: #FFFFFF;
	width: 855px;
	height: 83px;
}
	#header .surroundingBorder {
	border: 0px solid #DADADA;
	border-width: 0 1px 1px 1px;
	height: 100%;
	padding: 0 10px;
	}
	
	#header #headerLogo {
		margin: 21px 0 0 5px;
		display: inline;
		clear: none;
		float: left;
	}
	#header .25thLogo {
		margin: 21px 19px 0 5px;
		display: inline;
		clear: none;
		float: left;
	}
	#header #memberLogin {
		display: inline;
		clear: none;
		width: 104px;
		float: right;
		margin: 60px 10px 0 0;
	}
	#header #cwb_spa_logo{
		margin: 0 0 0 5px;
	}
	#headerMain #cwb_caring_com_logo{
		margin: 10px 15px 0pt 5px;
		display: inline;
		clear: none;
		float: right;
	}
	#header #cwb_caring_com_logo{
		margin: 25px 15px 0pt 5px;
		display: inline;
		clear: none;
		float: right;
	}
	
.verticalSpacer {	/* margin between sections vertically */
	background-color: #FFFFFF;
	clear: both;
	display: block;
	height: 9px;
	margin: 1px auto -1px auto;
	font-size: 1px;
	line-height: 1px;
}
* html .verticalSpacer {
	margin-top: 0px;
}

.memberLoginButOn { /* Login Button */
	height: 15px;
	width: 88px;
	background-image: url(../img/but_memberlogin_on.gif);
	background-repeat: no-repeat;
	float: right;
	margin: 2px;
}
.memberLoginBut {
	height: 15px;
	width: 88px;
	background-image: url(../img/but_memberlogin_off.gif);
	background-repeat: no-repeat;
	float: right;
	margin: 2px;
}
.memberLoginBut a{
	height: 15px;
	width: 88px;
	display: block;
	text-decoration:none;
}
.memberLoginBut a:hover{
	text-decoration:none;
	background-image: url(../img/but_memberlogin_on.gif);
	background-repeat: no-repeat;
}


/* ************************************************************************ */
/* ***                           Login Box                              *** */
/* ************************************************************************ */
#loginBoxLayer{
	width:100%;
	position: relative;
	top:0px;
	right:0px;
	z-index:99;
}
#loginBoxFrame{
	position: absolute; 
	top: 50%; 
	left: 50%;
}
#loginBox{
	position: relative; 
	top: 0px;
	left: 254px;
	background-color: #D4E1D9;
	width: 168px;
	border: 1px solid #CFD0CB;
	color:#496855;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
	padding-bottom:5px;
	text-align:left;
}
* html #loginBox{
	left: 254px;
}

	#loginBox a{
		color:#696969;
		text-decoration:none;
	}
	#loginBox a:hover{
		color:#696969;
		text-decoration:underline;
	}
	
#activateAccount{
	position: relative; 
	top: 0px;
	left: 83px;
	background-color: #D4E1D9;
	width: 323px;
	border: 1px solid #CFD0CB;
	color:#496855;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom:0px;
	text-align:left;
}
* html #activateAccount{
	left: 77px;
	width: 341px;
}
#activateAccount #leftColumn{
	float:left; 
	width:133px;
}

.fieldHeight{
	padding-top: 1px;
	padding-bottom: 6px;
}
.loginCloseBtn{
	text-align:right; 
	width:148px;
}
.middleLine{
	margin-left: 162px; 
	border-left:1px solid #B4C1B2;
}
* html .middleLine{
	margin-left: 165px; 
	border-left:1px solid #B4C1B2;
}
.loginFieldPadding{
	padding-left:12px;
	padding-right:12px;
}
	.loginFieldPadding p{
		height:22px;
		font-weight:bold;
	}
.loginLine{
	border-top: 1px solid #9EAB97;
	width: 148px;
	line-height:0px;
	padding-top:5px;
	padding-bottom:1px;
}
.butSubmitLogin{
	text-align:center;
	border-top:1px solid #B4C1B2;
	margin-top:5px;
	padding: 4px 0 4px 0;
}


/* ************************************************************************ */
/* ***                             Form Elements                        *** */
/* ************************************************************************ */
.redout {
	color: #ff0000;
	font-size:11px;
}
.grayout {
	color: #999999;
	font-size:11px;
}
form {	/* Submit Forms */
	padding: 0;
	margin: 0;
}
form input {
		padding: 0;
		margin: 0.25em 0;
		line-height: 1.2em;
}
form textarea {
		padding: 0;
		margin: 0.25em 0;
		line-height: 1.2em;
}
form .title {
		float: left;
		width: 8em;
		line-height: 1em;
}

/* ************************************************************************ */
/* ***                  Side Nav Area - under #content                  *** */
/* ************************************************************************ */

#mainSideNav {	/* the side navigation area */
	width: 239px;
	display: inline;
	clear: both;
	float: left;
	text-align: left;
	margin: 0;
	position:absolute;
	visibility:visible;
}
	#mainSideNav ul {	/* side department navigation button links */
		width: 239px;
		padding: 0;
		margin: 0;

	}

		#mainSideNav ul li {
			list-style-type: none;
			color: #FFFFFF;
			background: transparent url('../img/nav_separator.gif') repeat-x scroll 50% 100%;
			font-family: Optima, Verdana, Arial, Helvetica, sans-serif;
			font-size: 16px;
			line-height: 1em;
			font-weight: normal;
			text-align: left;
			text-transform: uppercase;
			padding: 0 0 5px 0;
		

		}
		* html #mainSideNav ul li {
			padding: 0 0 1px 0;
		}
		#mainSideNav .sidenav_separator {
		/*
			background: transparent url('../img/nav_separator.gif') repeat-x scroll 50% 100%;
			padding-bottom: 3px;
			width: 239px;
		*/
		}
			#mainSideNav ul li a {
				width: 239px;
				height: 21px;
				display: block;
				padding: 2px 0 0 0;
			}
			* html #mainSideNav ul li a {
				height: 23px;
			}
			#mainSideNav ul li a .padding {
				padding: 0 0 0 16px;
			}
			#mainSideNav ul li a:hover {
				text-decoration: none;
			}
				
	#mainSideNav .subLinks {	/* sub navigations under department section */

		color: #515151;
		background: transparent url('../img/nav_sub_separator.gif') repeat-x scroll 50% 100%;
	}
		#mainSideNav .subLinks ul {
			width: auto;
			padding-top: 1px;
			padding-bottom: 1px;
			height: 150px;
		}
		#mainSideNav .subLinks ul li {
			list-style-image: url('../img/nav_bullet.gif');
			width: auto;
			color: #515151;
			background: transparent url('') no-repeat scroll 50% 100%;
			font-family: Times New Roman, Times, serif;
			font-size: 12px;
			font-weight: normal;
			text-align: left;
			text-transform: none;
			margin: 0 0 0px 32px;
			padding: 0;
		}
			#mainSideNav .subLinks ul li.msie_fix {
				list-style-image: url('');
				list-style-type: none;
				height: 1px;
				display: none;
			}
			#mainSideNav .subLinks ul li a {
				width: 200px;
				height: auto;
				display: block;
			}
				#mainSideNav .subLinks ul li a:hover {
					text-decoration: underline;
				}
				#sideNav .subLinks ul li a.selected {
					text-decoration: underline;
				}

/* *********** Sub Page ************ */


/* ************************************************************************ */
/* ***               Side Navigation Department Coloring                *** */
/* ************************************************************************ */

#mainSideNav ul li a.dc_about_us { color: #FFFFFF;  background-color: #97A09E; }
#mainSideNav ul li a.dc_about_us-selected { color: #FFFFFF;  background-color: #7F8785; }
#mainSideNav ul li a.dc_about_us:hover { color: #FFFFFF;  background-color: #7F8785;  }
#mainSideNav ul li#dct_about_us {	color: #515151;	background-image: url(../img/slidenav/slide_bg_about.jpg); background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_about_us a { color: #515151; }

#mainSideNav ul li a.dc_golf_club { color: #FFFFFF; background-color: #97A09E; }
#mainSideNav ul li a.dc_golf_club-selected { color: #FFFFFF; background-color: #118459; }
#mainSideNav ul li a.dc_golf_club:hover { color: #FFFFFF; background-color: #118459; }
#mainSideNav ul li#dct_golf_club { color: #515151; background-image: url(../img/slidenav/slide_bg_golfclub.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_golf_club a { color: #515151;}

#mainSideNav ul li a.dc_country_club { color: #FFFFFF; background-color: #97A09E; }
#mainSideNav ul li a.dc_country_club-selected { color: #FFFFFF; background-color: #F7435E; }
#mainSideNav ul li a.dc_country_club:hover { color: #FFFFFF; background-color: #F7435E; }
#mainSideNav ul li#dct_country_club { color: #515151; background-image: url(../img/slidenav/slide_bg_country.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_country_club a { color: #515151; }

#mainSideNav ul li a.dc_marina_club { color: #FFFFFF; background-color: #97A09E; }
#mainSideNav ul li a.dc_marina_club-selected { color: #FFFFFF; background-color: #41AECF; }
#mainSideNav ul li a.dc_marina_club:hover { color: #FFFFFF; background-color: #41AECF; }
#mainSideNav ul li#dct_marina_club { color: #515151; background-image: url(../img/slidenav/slide_bg_marina.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_marina_club a { color: #515151;}

#mainSideNav ul li a.dc_food_beverage { color: #FFFFFF; background-color: #97A09E; }
#mainSideNav ul li a.dc_food_beverage-selected { color: #FFFFFF; background-color: #F18916; }
#mainSideNav ul li a.dc_food_beverage:hover { color: #FFFFFF; background-color: #F18916; }
#mainSideNav ul li#dct_food_beverage { color: #515151; background-image: url(../img/slidenav/slide_bg_fnb.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_food_beverage a { color: #515151; }

#mainSideNav ul li a.dc_cwb_spa { color: #FFFFFF; background-color: #97A09E; }
#mainSideNav ul li a.dc_cwb_spa-selected { color: #FFFFFF; background-color: #67C3B8; }
#mainSideNav ul li a.dc_cwb_spa:hover { color: #FFFFFF; background-color: #67C3B8; }
#mainSideNav ul li#dct_cwb_spa { color: #515151; background-image: url(../img/slidenav/slide_bg_spa.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_cwb_spa a { color: #515151;}

#mainSideNav ul li a.dc_membership { color: #FFFFFF; background-color: #97A09E; }
#mainSideNav ul li a.dc_membership-selected { color: #FFFFFF; background-color: #998A6D; }
#mainSideNav ul li a.dc_membership:hover { color: #FFFFFF; background-color: #998A6D; }
#mainSideNav ul li#dct_membership { color: #515151; background-image: url(../img/slidenav/slide_bg_member.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_membership a { color: #515151;}

#mainSideNav ul li a.dc_events { color: #FFFFFF; background-color: #97A09E; }
#mainSideNav ul li a.dc_events-selected { color: #FFFFFF; background-color: #7F8785; }
#mainSideNav ul li a.dc_events:hover { color: #FFFFFF; background-color: #7F8785; }
#mainSideNav ul li#dct_events { color: #515151; background-image: url(../img/slidenav/slide_bg_about.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_events a { color: #515151;}

#mainSideNav ul li a.dc_photos { color: #FFFFFF; background-color: #97A09E; }
#mainSideNav ul li a.dc_photos-selected { color: #FFFFFF; background-color: #7F8785; }
#mainSideNav ul li a.dc_photos:hover { color: #FFFFFF; background-color: #7F8785; }
#mainSideNav ul li#dct_photos { color: #515151; background-image: url(../img/slidenav/slide_bg_about.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#mainSideNav ul li#dct_photos a { color: #515151;}


#sideNav ul li a.dc_about_us { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_about_us-selected { color: #FFFFFF; background-color: #7F8785; }
#sideNav ul li a.dc_about_us:hover { color: #FFFFFF; background-color: #7F8785; }
#sideNav ul li#dct_about_us {	color: #515151;	background-image: url(../img/slidenav/slide_bg_about.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_about_us a { color: #515151; background-color: transparent;}

#sideNav ul li a.dc_golf_club { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_golf_club-selected { color: #FFFFFF; background-color: #118459; }
#sideNav ul li a.dc_golf_club:hover { color: #FFFFFF; background-color: #118459; }
#sideNav ul li#dct_golf_club { color: #515151; background-image: url(../img/slidenav/slide_bg_golfclub.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_golf_club a { color: #515151;background-color: transparent;}

#sideNav ul li a.dc_country_club { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_country_club-selected { color: #FFFFFF; background-color: #F7435E; }
#sideNav ul li a.dc_country_club:hover { color: #FFFFFF; background-color: #F7435E; }
#sideNav ul li#dct_country_club { color: #515151; background-image: url(../img/slidenav/slide_bg_country.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_country_club a { color: #515151;background-color: transparent;}

#sideNav ul li a.dc_marina_club { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_marina_club-selected { color: #FFFFFF; background-color: #41AECF; }
#sideNav ul li a.dc_marina_club:hover { color: #FFFFFF; background-color: #41AECF; }
#sideNav ul li#dct_marina_club { color: #515151; background-image: url(../img/slidenav/slide_bg_marina.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_marina_club a { color: #515151;background-color: transparent;}

#sideNav ul li a.dc_food_beverage { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_food_beverage-selected { color: #FFFFFF; background-color: #F18916; }
#sideNav ul li a.dc_food_beverage:hover { color: #FFFFFF; background-color: #F18916; }
#sideNav ul li#dct_food_beverage { color: #515151; background-image: url(../img/slidenav/slide_bg_fnb.jpg);	background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_food_beverage a { color: #515151; background-color: transparent;}

#sideNav ul li a.dc_cwb_spa { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_cwb_spa-selected { color: #FFFFFF; background-color: #67C3B8; }
#sideNav ul li a.dc_cwb_spa:hover { color: #FFFFFF; background-color: #67C3B8; }
#sideNav ul li#dct_cwb_spa { color: #515151; background-image: url(../img/slidenav/slide_bg_spa.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_cwb_spa a { color: #515151;background-color: transparent;}

#sideNav ul li a.dc_membership { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_membership-selected { color: #FFFFFF; background-color: #998A6D; }
#sideNav ul li a.dc_membership:hover { color: #FFFFFF; background-color: #998A6D; }
#sideNav ul li#dct_membership { color: #515151; background-image: url(../img/slidenav/slide_bg_member.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_membership a { color: #515151;background-color: transparent;}

#sideNav ul li a.dc_events { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_events-selected { color: #FFFFFF; background-color: #7F8785; }
#sideNav ul li a.dc_events:hover { color: #FFFFFF; background-color: #7F8785; }
#sideNav ul li#dct_events { color: #515151; background-image: url(../img/slidenav/slide_bg_about.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_events a { color: #515151;background-color: transparent;}

#sideNav ul li a.dc_photos { color: #FFFFFF; background-color: #97A09E; }
#sideNav ul li a.dc_photos-selected { color: #FFFFFF; background-color: #7F8785; }
#sideNav ul li a.dc_photos:hover { color: #FFFFFF; background-color: #7F8785; }
#sideNav ul li#dct_photos { color: #515151; background-image: url(../img/slidenav/slide_bg_about.jpg);background-repeat: no-repeat; background-position: bottom; border-bottom: 5px solid #FFF;}
#sideNav ul li#dct_photos a { color: #515151;background-color: transparent;}

/* ************************************************************************ */
/* ***                           Content Area                           *** */
/* ************************************************************************ */
#homeTwoColumn{
	padding: 15px 7px 4px 7px;
}
	#homeTwoColumn #homeLeftPanel{
		float: left;
		background-color:#C7D6D2;
		width: 239px;
		height: 384px;
		border: 0px solid #FFF;
		position:absolute;
		visibility:visible;
		z-index: 5;
		overflow: hidden;
	}
* html 	#homeTwoColumn #homeLeftPanel{
		width: 239px;
		height: 383px;
}
	#homeTwoColumn #homeRightImg{
		height: 384px;
		text-align:right;
	}
* html 	#homeTwoColumn #homeRightImg{
		margin-top:0px;
}

/* ************************************************************************ */
/* ***                  Header Area - under #contentMain                *** */
/* ************************************************************************ */

#contentMain #mHeaderSub #dark {
	width: 115px;
	height: 42px;
	color: #778A6D;
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	margin: 5px 0 5px 0;
	display: inline;
	clear: none;
	float: left;
}
	#contentMain #mHeaderSub #light .margin {
		margin: 14px auto auto 14px;
	}
#contentMain #mHeaderSub .subtitle {
	font-size: 21px;
	float: right;
	text-align: right;
}	
#contentMain #mHeaderSub #light {
	width: 480px;
	height: 42px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 5px 0 0 0;
	display: inline;
	clear: none;
	float: right;
	
}
	#contentMain #mHeaderSub #mHeaderSubPadding{
		padding: 0px 20px 0px 0px;
		float:right;
		margin-top:17px;
	}
	#contentMain #mHeaderSub #mHeaderSubPadding .mHeaderSubWords{
		font-size: 19px;
	}

	#contentMain #mHeaderSub #light .margin {
		margin: 12px auto auto 12px;
	}
	
	#contentMain #mHeaderSub #other #light { background-color: #DDDDDD; }
	#contentMain #mHeaderSub #other #dark { background-color: #7F8785; }
	
	#contentMain #mHeaderSub #sitemap #light { background-color: #DDDDDD; }
	#contentMain #mHeaderSub #sitemap #dark { background-color: #7F8785; }
	
	#contentMain #mHeaderSub #advertising #light { background-color: #DDDDDD; }
	#contentMain #mHeaderSub #advertising #dark { background-color: #7F8785; }

	#contentMain #mHeaderSub #careers #light { background-color: #DDDDDD; }
	#contentMain #mHeaderSub #careers #dark { background-color: #7F8785; }

	#contentMain #mHeaderSub #corporate_days #light { background-color: #DDDDDD; }
	#contentMain #mHeaderSub #corporate_days #dark { background-color: #7F8785; }

	#contentMain #mHeaderSub #press #light { background-color: #DDDDDD; }
	#contentMain #mHeaderSub #press #dark { background-color: #7F8785; }
	
	#contentMain #mHeaderSub #login #light { background-color: #DDDDDD; }
	#contentMain #mHeaderSub #login #dark { background-color: #7F8785; }
	
	
	
	
	#contentMain #mHeaderSub #about_us #light { background-color: #CFCFCF; }
	#contentMain #mHeaderSub #about_us #dark { background-color: #717775; }
	
	#contentMain #mHeaderSub #golf_club #light { background-color: #88C1AC; }
	#contentMain #mHeaderSub #golf_club #dark { background-color: #118459; }
	
	#contentMain #mHeaderSub #country_club #light { background-color: #FCA0AF; }
	#contentMain #mHeaderSub #country_club #dark { background-color: #F7435E; }

	#contentMain #mHeaderSub #marina_club #light { background-color: #A0D5E7; }
	#contentMain #mHeaderSub #marina_club #dark { background-color: #41AECF; }
	
	#contentMain #mHeaderSub #spa #light { background-color: #A4DBD5; }
	#contentMain #mHeaderSub #spa #dark { background-color: #67C3B8; }
	
	#contentMain #mHeaderSub #food_beverage #light { background-color: #F7B873; }
	#contentMain #mHeaderSub #food_beverage #dark { background-color: #F18916; }
	
	#contentMain #mHeaderSub #cwb_spa #light { background-color: #A4DBD5; }
	#contentMain #mHeaderSub #cwb_spa #dark { background-color: #67C3B8; }
	
	#contentMain #mHeaderSub #membership #light { background-color: #CAC4B6; }
	#contentMain #mHeaderSub #membership #dark { background-color: #998A6D; }

	#contentMain #mHeaderSub #events #light { background-color: #CFCFCF; }
	#contentMain #mHeaderSub #events #dark { background-color: #717775; }
		
	#contentMain #mHeaderSub #golf_club #light { background-color: #CFCFCF; }
	#contentMain #mHeaderSub #golf_club #dark { background-color: #717775; }
	
/* ************************************************************************ */
/* ***                  Header Area - under #contentMain                *** */
/* ************************************************************************ */

#contentMain #mHeader {
	font-size: 29px;
	text-transform: uppercase;
	margin: 15px 0 0 0;
	border-bottom: 1px solid #97A09E;
}
#contentMain #mHeader .other { color: #747474; }
#contentMain #mHeader .login { color: #747474; }
#contentMain #mHeader .advertising { color: #747474; }
#contentMain #mHeader .careers { color: #747474; }
#contentMain #mHeader .corporate_days { color: #747474; }
#contentMain #mHeader .press { color: #747474; }
#contentMain #mHeader .sitemap { color: #747474; }

#contentMain #mHeader .about_us { color: #717775; }
#contentMain #mHeader .golf_club { color: #118459; }
#contentMain #mHeader .country_club { color: #F7435E; }
#contentMain #mHeader .spa { color: #67C3B8; }
#contentMain #mHeader .events { color: #717775; }
#contentMain #mHeader .golf_club { color: #717775; }


#contentMain #mHeaderImage {
	margin: 5px 0 0 0;
	height: 176px;
}
#contentMain #mHeaderImage #header_banner_slide {
	background-image: url();
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
	width: 595px;
	height: 176px;
}

/* ************************************************************************ */
/* ***                      Two Columns Content                         *** */
/* ************************************************************************ */

#contentText #twoColumnLeft{
	width: 420px;
	display: inline;
	clear: none;
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
}

* html #contentText #twoColumnLeft{
	width: 435px;
}
.hLine{
	border-right: 1px solid #DADADA;
}

		#contentText #twoColumnLeft p{
			margin: 0 0 10px 0;

			padding-bottom: 5px;
		}

		#contentText #twoColumnLeft ul{
			list-style-position: outside;
			list-style-image: url(../img/bul_point.gif);
			list-style-type: disc;
			margin: 0 0 10px 20px;
		}
		
		#contentText #twoColumnLeft ul li{
			padding: 0;
			margin: 0;

		}
		
		#contentText #twoColumnLeft ol{
			list-style-position: inside;
			margin: 0 0 10px 24px;
			list-style-type: decimal;
		}
		
		#contentText #twoColumnLeft ol li{
			padding: 0;
			margin: 0;
		}


#contentText #twoColumnRight{
	width: 145px;
	display: inline;
	clear: none;
	float: right;
	margin: 0;
	text-align: left;
}
		#contentText #twoColumnRight a {
			text-decoration: none;
		}

		#contentText #twoColumnRight a:hover {

			text-decoration: underline;
		}
		
		#contentText #twoColumnRight p{
			margin: 0 0 10px 0;
		}
		
		#contentText #twoColumnRight .left{
			float:left;
			display:inline;
			text-align:left;
			width: 20px;
		}
		#contentText #twoColumnRight .right{
			float:right;
			display:inline;
			text-align:left;
			width: 116px;
		}
		#contentText #twoColumnRight .underline{
			border-top: 1px solid #D9D9D9;
			width:100%;
		}
		#contentText #twoColumnRight ul{
			margin:0px;
			padding:0px;
			padding-left:18px;
			margin-bottom:50px;
		}
		#contentText #twoColumnRight ul li{
			list-style-position: outside;
			padding: 0px 0px 2px 0px;
			list-style-image: url(../img/bul_arrow.gif);
			list-style-type: none;
		}
		
#twoColumnPicLeft{
	width: 140px;
	display: inline;
	clear: none;
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
}
#twoColumnPicRight{
	width: 424px;
	display: inline;
	clear: none;
	float: right;
	margin: 0;
}


/* ************************************************************************ */
/* ***                      One Column Content                         *** */
/* ************************************************************************ */

#contentText #oneColumn{
	width: 593px;
	display: inline;
	clear: none;
	float: left;
	margin: 0;
}
		#contentText #oneColumn p{
			margin: 0 0 10px 0;

			padding-bottom: 5px;
		}

		#contentText #oneColumn ul{
			list-style-position: outside;
			list-style-image: url(../img/bul_point.gif);
			list-style-type: none;
			margin: 0 0 10px 20px;
		}
	
		
		#contentText #twoColumnLeft ul li{
			padding: 0 0 6px 0;
			margin: 0;
		}
		
		
		#contentText #oneColumn ul li{
			padding: 0;
			margin: 0;

		}
		
		#contentText #oneColumn ol{
			list-style-position: outside;
			margin: 0 0 10px 27px;
			list-style-type: decimal;
		}
		
		#contentText #oneColumn ol li{
			padding: 0;
			margin: 0;

		}

		#contentText #oneColumn ul li ol{
			list-style-position: outside;
			margin: 0 0 10px 24px;
			list-style-type: lower-roman;
		}
		#contentText #oneColumn ul li ol li{
			padding: 0;
			margin: 0;
		}


/* ************************************************************************ */
/* ***                      Content Element                             *** */
/* ************************************************************************ */
#contentSubNav{ /* Sub Navigation */
	margin-bottom: 18px;
}
.contentTable100present{
	width:100%;
}
.contentTable100present tr {

}
.contentTable100present td {
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}
.contentTable100present .col1 {
	padding-right: 26px;
}

.contentTable500{
	width: 500px;
}
	.contentTable500 table { 
		border-collapse: collapse;
	}
	.contentTable500 td { 
		background: #FFF; 
		border:1px solid #788988;
		padding: 4px;
		vertical-align:top;
	}
	.contentTable500 tr .row1 { 
		background: #ECECEC; 
		border:1px solid #788988;
	}

.contentTable590{
	width: 590px;
}
	.contentTable590 table { 
		border-collapse: collapse;
	}
	.contentTable590 td { 
		background: #FFF; 
		border:1px solid #788988;
		padding: 4px;
		vertical-align:top;
	}
	.contentTable590 tr .row1 { 
		background: #ECECEC; 
		border:1px solid #788988;
	}
.tableTwoColumnLeft{
	width:290px;
	float:left;
	display:inline;
	margin-bottom:15px;

}
.tableTwoColumnRight{
	width:290px;
	float:right;
	display:inline;
	margin-bottom:15px;

}
.committeeTablePic{
	width:90px;
	float:left;
	display:inline;
}
	.committeeTablePic img{
		border: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}
.committeeTableInfo{
	width:178px;
	float:right;
	display:inline;
}
.committeeTableInfo p{
	text-align: left;
}

.managementTable{
	width: 590px;
}
.managementTable td{
	padding: 0px 0 8px 0;
}
.managementTable td img{
	margin-right: 5px;
}

.communityArchiveTable{
	width:100%;
}
.communityArchiveTable tr {

}
.communityArchiveTable td {
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}
.communityArchiveTable .col1 {
	padding-right: 26px;
}

.picAtContentLeft{
	margin: 0 10px 10px 0;
}
.picAtContentRight{
	margin: 0 0 10px 20px;
}

#loginPageBox{
	width:500px; 
	height:114px; 
	padding: 10px 0px 10px 30px; 
	margin-left: 0px;

}
* html #loginPageBox{
	clear:both; 
	width:520px; 
	height:114px; 
	padding: 10px 0px 10px 30px; 
	margin-left: 0px;
}
#loginPageTwoColLeft{
	float:left; 
	display:inline; 
	width:210px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-top:10px;
	border: 1px solid #DADADA;
}

#loginPageTwoColRight{
	float:right; 
	display:inline; 
	width:240px; 
	margin-top:15px;

}
.weekendTable {
	width:100%;

}
.weekendTable td {
	padding: 6px 4px 6px 4px;
	vertical-align:top;
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}
.weekendTableTd{
	background-color: #F2F2F2;	
}
.dateField {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}


.twoColsTable{
	width:100%;
}
.twoColsTable tr {

}
.twoColsTable td {
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}


.twoColsIMGTable td {  /*padding: 6px(top o fthe img) 4px(right oti) 6px(bottom oti) 4px(left oti);  */
/*	spacing:3px; (single one is for automatically for all four sides)*/
	padding:6px;
}

.imageAlignRight{
	float:right;
}
.imageAlignLeft{
	float:left;
	margin: 0 14px 14px 0;
}
.advTableLeft{
	width:45%;
	float:left;
	display:inline;
	text-align:center;
	padding: 10px;
}
.advTableLeft img{
	margin: 5px;
}
.advTableRight{
	width:45%;
	float:right;
	display:inline;
	text-align:center;
	padding: 10px;
}
.advTableRight img{
	margin: 5px;
}

#careerHighlight{
	background-image: url(../img/img_careers_highlight.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 140px;
	padding: 9px;
	font-weight:bold;
}
.captions{
	font-size: 11px;
	font-style:italic;
	color: #666666;
}
/* ************************************************************************ */
/* ***                      Accordion                                  *** */
/* ************************************************************************ */
.jobDetail{
	
	border-bottom: 1px solid #D9D9D9;
	padding: 0px 3px 0px 0;
	margin: 0 0 1px 0;
	height:23px;
} 


	.jobDetail .position{
		text-align:left;
		
		float:left;
		display:inline;
	}

	.jobDetail .position a{
		line-height:25px;
		color:#666666;
		text-decoration:none;
		font-weight:bold;
		display:block
	}
	.jobDetail .button{
		float:right;
		display:inline;

	}
	#sAccordion ul li{
		padding: 12px 0 2px 10px;
	}
	#sAccordion p{

	}
	


.jobVacancies .jobInfo ul{
	padding: 10px 0 0 0;
}
.jobVacancies .jobInfo ul li{
	border-bottom: 6px solid #FFF;
}



.noBorder{
	border:1px solid #000;
}

/* ************************************************************************ */
/* ***                          Content                                 *** */
/* ************************************************************************ */
.marinaCalculatorPopup {
  position: absolute;
  visibility: hidden;
  color: white;
  background-color: #00386A;
  width: 200px;
  border-left: 1px solid #ABCDEF;
  border-top: 1px solid #ABCDEF;
  border-bottom: 3px solid #ABCDEF;
  border-right: 3px solid #ABCDEF;
  padding: 3px;
  z-index: 10
}
#totalFee{
	font-weight:bold;
}

.align_left_pic {
	float: left;
	margin: 5px 5px 5px 5px;
}

.align_right_pic {
	float: right;
	margin: 5px 5px 5px 5px;
}



/*  Annual Chase 0702 */
#result_table .row{
	width:400px;
	margin:5px 0px 5px 0px;
	
}

#result_table .col1{
	width:110px;
	float:left;
	font-weight:bold;
	border:1px solid #000;
	border-right:0px;
	padding:2px 2px 2px 2px;
}
#result_table .col2{
	width:50px;
	float:left;
	border:1px solid #000;
	text-align:center;
	border-right:0px;
	padding:2px 2px 2px 2px;
}
#result_table .col3{
	width:140px;
	float:left;
	border:1px solid #000;
	border-right:0px;
	padding:2px 2px 2px 2px;

}
#result_table .col4{
	width:70px;
	float:left;
	border:1px solid #000;
	padding:2px 2px 2px 2px;
	text-align:center;
}

#result_table .header{
	font-weight:bold;
}




/* *** photo tour *** */
.clearer {	/* span the whole bottom width, used commonly after floating elements */
	clear: both;
	display: block;
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hide { display: none; }
.show { display: block; }

.visible { visibility: visible; }
.invisible { visibility: hidden; }

body#photo_tour #page {
	background-image: url();
	width: 770px;
	min-height: 0;
	height: auto;
}
* html body#photo_tour #page {
	height: 0;
}
body#photo_tour #mainUpperArea {
	min-height: 0;
}
* html body#photo_tour #mainUpperArea {
	height: 0;
}
body#photo_tour #subUpperArea {
	min-height: 0;
	padding: 0;
}
* html body#photo_tour #subUpperArea {
	height: 0;
	padding: 0;
}
body#photo_tour #header {
	width: auto;
}
body#photo_tour #header .surroundingBorder {
	height: 80px;
}
body#photo_tour #header #memberLogin {
	display: none;
}
body#photo_tour #content {
	width: 770px;
}
* html body#photo_tour #content {
	padding: 0;
}
body#photo_tour #sideNav {
	display: none;
}
body#photo_tour #contentMain {
	width: 770px;
}
body#photo_tour #content .surroundingBorder {
	border: 0;
}
body#photo_tour #contentMain #mHeader {
	text-align: center;
	width: 500px;
	height: 35px;
	margin-left: 135px;
	border: 0;
}
body#photo_tour #contentMain #mHeader .golf_club {
	color: #118459;
}
body#photo_tour #contentMain #contentText {
	text-align: center;
	margin: 0;
	border: 0;
}
body#photo_tour #contentMain #contentText #contentSubNav a.current {
	text-decoration: underline;
}
body#photo_tour #contentText #oneColumn {
	display: block;
	float: none;
	width: 100%;
}
body#photo_tour #gallery {
}
body#photo_tour #gallery .galleryPadding {
}
body#photo_tour #gallery #gallery_slide_shadow {
	display: inline;
	float: left;
	clear: none;
}
body#photo_tour #gallery .shadow {
	display: block;
	float: left;
	clear: none;
	background: url("../img/shadowAlpha.png") no-repeat bottom right !important;
	background: url("../img/shadow.gif") no-repeat bottom right;
	margin: 0;
	padding: 0;
}
body#photo_tour #gallery .shadow .slide_border {
	display: block;
	position: relative;
	background-color: #fff;
	margin: -6px 6px 6px -6px;
	padding: 6px;
	min-width: 0;
	border: 1px solid #A1A1A1;
}
* html body#photo_tour #gallery .shadow .slide_border {
	width: 0;
}
body#photo_tour #gallery #gallery_slide {
	display: block;
	background-color: #fff;
	background-image: url();
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
}
body#photo_tour #gallery #gallery_slide_loading {
	position: absolute;
	background-color: #fff;
	text-align: center;
	top: 0;
	left: 0;
	width: 31px;
	height: 31px;
	margin-top: 350px;
	margin-left: 390px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	z-index: 99;
}
body#photo_tour #gallery #gallery_thumbs {
	background-color: #E7E7E7;
	margin: 8px 0 0 0;
	padding: 11px 0;
	width: 752px;
	height: 90px;
}
body#photo_tour #gallery #gallery_thumbs #gallery_carousel_prev,
body#photo_tour #gallery #gallery_thumbs #gallery_carousel_next {
	display: block;
	float: left;
	clear: none;
	width: 14px;
	height: 38px;
	padding: 25px 13px;
}
body#photo_tour #gallery #gallery_thumbs #gallery_carousel {
	display: block;
	float: left;
	clear: none;
	width: 670px;
	height: 90px;
	padding: 0 1px;
	margin: 0;
	overflow: hidden;
}
body#photo_tour #gallery #gallery_thumbs #gallery_carousel .thumbList {
	width: 5000px;
}
body#photo_tour #gallery #gallery_thumbs #gallery_carousel .thumbBorder {
	display: block;
	float: left;
	clear: none;
	background-color: #fff;
	margin: 0 5px 0 0;
	border: 1px solid #ddd;
	padding: 4px;
}
body#photo_tour #gallery #gallery_thumbs #gallery_carousel .thumbBorder .thumb {
	display: block;
	background-color: #fff;
	background-image: url();
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
	width: 120px;
	height: 80px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
}
body#photo_tour #gallery #gallery_thumbs #gallery_carousel a.thumb:hover,
body#photo_tour #gallery #gallery_thumbs #gallery_carousel .thumb.current {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
}
body#photo_tour #footer {
	position: relative;
	clear: none;
	color: #D3D3D3;
	background-image: url();
	width: 100%;
	height: auto;
	min-height: 0;
	max-height: none;
	border-top: 1px solid #DADADA;
	padding: 10px 0;
	margin: 15px 0 0 0;
}
* html body#photo_tour #footer {
	height: 0;
	margin: 15px 0 0 0;
}
body#photo_tour #footer a {
	color: #B4BCAF;
}
body#photo_tour #footer .copyright {
	display: block;
	float: left;
	clear: none;
	padding-left: 10px;
}
body#photo_tour #footer .javacatz {
	display: block;
	float: right;
	clear: none;
	padding-right: 10px;
}



/* *** header image rotation *** */
#mHeaderImage #headerImage {
	position: absolute;
	background-color: transparent;
	background-image: url();
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	width: 595px;
	height: 176px;
	overflow: hidden;
	z-index: 1;
}
#mHeaderImage #headerImage div {
	position: absolute;
	width: 595px;
	height: 176px;
	overflow: hidden;
	z-index: 1;
}
#mHeaderImage #headerImage div {
	display: none;
}