/*** BASIC STYLES START ***/
    BODY, DIV, TD, P{
      font-family: Georgia, "Times New Roman", Times, serif;

   
    }
    
    A:Link, A:Visited {
    	font-size: 11px;
		font-weight: bold;
    	text-decoration: none;
        color:#5E2C19;
    }
	
	A:Hover {
		color: #0066FF;
		
	
	}
	
p {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 220%;
}	


h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: left;
	color: #919672;


}


	
/*** BASIC STYLES END ***/


BODY {
	background:#333 url(images/background.jpg) repeat-y top;
	margin: 0px;
	text-align: center;	
}
	
#wrapper {
	width: 720px;
	background:#000 url(images/wallpaper.jpg) repeat-y top;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}
	
#header {
	background: #919672 url(images/header.gif) no-repeat top;
	width: 720px;
	height: 64px;
	text-align: left;
}	

#content {
	background: url(images/test-bak.gif) repeat-x top;
	width: 644px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	z-index: 20;
	text-align: left;
	
}

#navigation {
	width: 155px;
	background:#EAC767;
	border: 1px solid #919672;
	padding: 0px;
	margin: 0px;
	float: right;
	display: inline;

}

#navigation p {
	font-size: 16px;
	font-weight: bold;
	color: FFF;
	text-align:center;
}

#navigation ul {
	margin: 0px; 
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 125px;
	text-align: left;
	line-height: 120%;
	color: #000000; 
}

#navigation ul li {
	width: 125px;
	list-style-image: url(images/green-bullet.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding-left: 0px;
}

#navigation ul li a {
	font-size: 12px;
	font-weight: normal; 
}

#navigation ul li a:hover {
	font-size: 12px;
	font-weight: normal; 
	color:#919672;
}

.navtitle {
	display: block;
	width: 154px;
	background: #E9B937;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
    text-decoration: none;
    color:#FFF;
	padding-top: 15px;
	padding-bottom: 15px;
}

#topnav {
	position: relative;
	top: 45px;
	left: 45px;
    color:#FFF;
	display: inline;

}




#topnav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    text-decoration: none;
    color:#FFF;
	display: inline;
}

#topnav a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    text-decoration: none;
    color:#FFF;
	display: inline;
}

#topnav a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    text-decoration: none;
    color:#EAC767;
	display: inline;

}

#index #index {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    text-decoration: none;
    color:#DDD;
	display: inline;
}

#about #about, 
#index #index, 
#club #club, 
#communities #communities, 
#contact #contact, 
#ourstaff #ourstaff, 
#services #services {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    text-decoration: none;
    color:#CCC;
	display: inline;
}


#pipe {
	position: relative;
	top: 41px;
	left: 35px;
}

#pipe ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#pipe ul li {
	margin-left: 0;
	padding: 0px 10px;
	border-left: 1px solid #FFF;
	list-style: none;
	display: inline;
	}

#pipe ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    color:#FFF;
}

#pipe ul li a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
    color:#EAC767;
}
		
#pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#copyarea {
	width: 396px;
	margin-right: 40px;
	margin-bottom: 30px;
	padding: 50px 0px 0px 20px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 200%;
	z-index: 10;
	}

#copyareaUpload {
	width: 500px;
	margin-right: 40px;
	margin-bottom: 30px;
	padding: 50px 0px 0px 20px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 200%;
	z-index: 10;
	}


.picture {
	width: 250px;
	height: 203px;
	position: relative;
	left: 397px;
	margin-bottom: -213px;
	margin-right: -250px;
	display: inline;

}

.picture2 {
	width: 250px;
	height: 260px;
	position: relative;
	left: 397px;
	margin-bottom: -260px;
	margin-right: -250px;
	display: inline;
}

.logos {
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}

#homehealth {
	width: 400px;
	height: 46px;
	background: url(images/headers/home_health_services.gif) no-repeat;
	text-indent: -5000px;
}

#clubdining {
	width: 400px;
	height: 46px;
	background: url(images/headers/club_dining_services.gif) no-repeat;
	text-indent: -5000px;
}

#flexibleServices {
	width: 400px;
	height: 46px;
	background: url(images/headers/flexible_services.gif) no-repeat;
	text-indent: -5000px;
}


#healthNWellness {
	width: 400px;
	height: 46px;
	background: url(images/headers/healthNWellnessCentre.gif) no-repeat;
	text-indent: -5000px;
}

#ourCommitment {
	width: 400px;
	height: 46px;
	background: url(images/headers/our_commitment.gif) no-repeat;
	text-indent: -5000px;
}


#ourPeople{
	width: 400px;
	height: 46px;
	background: url(images/headers/our_people.gif) no-repeat;
	text-indent: -5000px;
}

#choice {
	width: 400px;
	height: 46px;
	background: url(images/headers/choice.gif) no-repeat;
	text-indent: -5000px;
}
	
#thechoiceisyours{
	width: 400px;
	height: 46px;
	background: url(images/headers/thechoiceisyours.gif) no-repeat;
	text-indent: -5000px;
}

#comfortofhome{
	width: 400px;
	height: 60px;
	background: url(images/headers/comfortofyourownhome.gif) no-repeat;
	text-indent: -5000px;
}
	
#whoishearthstone{	
	width: 400px;
	height: 46px;
	background: url(images/headers/whoishearthstone.gif) no-repeat;
	text-indent: -5000px;
}

#thehearthstoneclubhouse{	
	width: 400px;
	height: 60px;
	background: url(images/headers/thehearthstoneclubhouse.gif) no-repeat;
	text-indent: -5000px;
}

#theheartofthecommunity{	
	width: 400px;
	height: 60px;
	background: url(images/headers/theheartofthecommunity.gif) no-repeat;
	text-indent: -5000px;
}

#lakesideliving{	
	width: 400px;
	height: 60px;
	background: url(images/headers/lakesideliving.gif) no-repeat;
	text-indent: -5000px;
}

#thepigandwhistle{	
	width: 400px;
	height: 60px;
	background: url(images/headers/pigNwhistle.gif) no-repeat;
	text-indent: -5000px;
}

#commonamenities{	
	width: 400px;
	height: 60px;
	background: url(images/headers/commonamenities.gif) no-repeat;
	text-indent: -5000px;
}

#ourmission {
	width: 400px;
	height: 46px;
	background: url(images/headers/our_mission.gif) no-repeat;
	text-indent: -5000px;
}
#ourvision {
	width: 400px;
	height: 46px;
	background: url(images/headers/ourvision.gif) no-repeat;
	text-indent: -5000px;
}
.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5em;
	color: #666666;
}

.copyright {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #222;
	text-align:center;
}

.backtotop a {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5em;
	color: #0033CC;
	text-decoration: underline;
	text-align: center;
	margin-left: 5px;
}


#servicesthatmeet {
	width: 400px;
	height: 46px;
	background: url(images/headers/servicesthatmeetyourneeds.gif) no-repeat;
	text-indent: -5000px;
}
#theoptiontoown {
	width: 400px;
	height: 46px;
	background: url(images/headers/theoptiontoown.gif) no-repeat;
	text-indent: -5000px;
}
#aninvestmenttomeet {
	width: 400px;
	height: 46px;
	background: url(images/headers/aninvestmentthatmeets.gif) no-repeat;
	text-indent: -5000px;
}
#avisionofthefuture {
	width: 400px;
	height: 46px;
	background: url(images/headers/avisionofthefuture.gif) no-repeat;
	text-indent: -5000px;
}

#ourStaffhead{
	width: 400px;
	height: 46px;
	background: url(images/headers/ourStaff.gif) no-repeat;
	text-indent: -5000px;
}

#heartstoneLifestyle{
	width: 400px;
	height: 46px;
	background: url(images/headers/hearthstone_lifestyle.gif) no-repeat;
	text-indent: -5000px;
	
}

#clubMembershipServices{	
	width: 400px;
	height: 60px;
	background: url(images/headers/club_membership_services.gif) no-repeat;
	text-indent: -5000px;
	
}

#hearthstoneAmenities{	
	width: 400px;
	height: 60px;
	background: url(images/headers/hearthstone_club_amenities.gif) no-repeat;
	text-indent: -5000px;
	
}

#alacarte{	
	width: 400px;
	height: 60px;
	background: url(images/headers/alacarte.gif) no-repeat;
	text-indent: -5000px;
}



/* ------------- */
/* jQuery Styles */
/* ------------- */

label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}

input.error {
	border: 2px solid red;
}

form table td {
	padding: 5px;
}



form table input {
	width: 300px;
	padding: 3px;
	margin: 0px;
	border: 2px solid #BBB;
}

select {
	width: 310px;

}

textarea {
	width: 470px
}

td.label {
	width: 150px;
}

tr.required td.label {
	font-weight: bold;
	
}


td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select, td.field textarea.error {
	border: 2px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: red;
}

tr td.field div.formError {
	display: none;
	color: #FF0000;
}

tr.errorRow td.field div.formError {
	display: block;
	font-weight: normal;
}

.errorMessage {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;

}

:-moz-any-link :focus {
	outline: none;
}

:focus {
	-moz-outline-style: none;
	outline: none;
}