/***COLORS USED*******
orange:#f7971e;
yellow:#fec627;
light blue:#d1edf8;
blue:#0081c5;
bright-blue #44c6eb
grey-blue #9cc4d2 (for borders)
light-tan:#f3f4e6;
tan-border:#d2d3c3
red (when you need it) f20e01
********************/
*{
margin:0;
padding:0;
}
.mainContent3{
background-color:#fff;
}
.mainContent3 p{
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

body{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #009cf2 url(images/water-back.jpg) no-repeat top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/* Body Class on All Template Driven Pages (Choose custom background color, background image, and margin for site) */

body.page-background {
	background: #fff;
	margin: 0px 10px 10px 10px;	
}

/* Body for Print Page */

body.printpage {
	background-color: #FFFFFF; 
	margin: 0px; 
	} 

/* ***** MAIN TEXT STYLES ***** */

/* Sitewide Link Style */

A:link, A:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #0081c5;
}

A:hover, A:active {
	font-weight: bold;
	text-decoration: underline;
	color: #f7971e;
}

/* Footer Links Style */

#footer a:link{
	font-size:9px;
	text-decoration:none;
	color:#fff;
	height: 2em;
	width: 9em;
	text-align: center;
}
#footer a:visited{
	color:#fff;
	font-size:9px;
	text-decoration:none;
}
#footer a:hover{
	color:#fec627;
	font-size:9px;
	text-decoration:none;
}
#footer a:active{
	color:#fec627;
}

#credits{
width:937px;
float:left;
margin:5px auto;
height:13px;
}
#credits p{
font-size:9px;
text-align:center;
color:#d1edf8;
}

/* Link Back to VDS Site in Footer Area */

#credits a:link, #credits a:visited{
color:#fec627;
}
#credits a:hover, #credits a:active{
color:#fff;
}
/* Sitewide Link Style */

A:link, A:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #0081c5;
}

A:hover, A:active {
	font-weight: bold;
	text-decoration: underline;
	color: #f7971e;
}
/* Standard Headers */

h1 {
	font-size: 16px;
	color: #0081c6;
	font-weight: bold;
	margin: 15px 0px;
}

h2 {
	font-size: 15px;
	color: #0081c6;
	font-weight: bold;
	margin: 15px 0px ;
}

h3 {
	font-size: 14px;
	font-weight:bold;
	color: #0081c6;
	margin: 15px 0px;
}

h4 {
	font-size: 13px;
	color: #44c6eb;
	font-weight: bold;
	margin: 15px 0px;
}

h5 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 15px 0px;
}

h6 {
	font-size: 11px;
	color: #7c746c;
	font-weight: bold;
	margin: 15px 0px;
}


/* STANDARD BODY TAG FORMATTING */

p {
	color: #000000;
	margin: 15px 0px 15px 0px;
}

hr {
    border-style: solid;
    background-color: #9FC2E4;
    height: 1px;
    border: none; 
    width: 100%; 
    color: #9FC2E4;
}

li {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding: 1px;
}

table{
margin:0 0 5px 0;
} tr{} td{} th{} strong{} b{} i{} ol{} 

ul{
padding:0 0 10px 10px;
}

/* ***** Custom Styles applied to Home and Interior Templates By Designer ***** */
#mainContent h1 {/*this is the h1 that is used on inside pages for the top h1 only*/
	font-size: 16px;
	color: #0081c6;
	font-weight: bold;
	margin: 0px;
}
#container { 
	background:#fff url(images/orange-border.gif) repeat-y;
	width: 983px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	height:204px;
	background:url(images/back-flash.jpg) no-repeat;
	width:937px;
}

#headerPage{
	height:132px;
} 

.center{
width:937px;
margin:0 auto;
}
#menu{
height:23px;
background:url(images/nav-back.gif) repeat-x;
width:937px;
margin:0 auto;
}

#menuShadow{
height:5px;
background:url(images/menu-shadow.jpg) no-repeat center;
}

#columnsContainer{
background:url(images/growback.gif) repeat-y 11% 0;
height:100%;
padding:0;
margin:0;

}
#leftColumn, #quickSearch, #callOut1{
width:216px;
}
#leftColumn {
	float: left; /* since this element is floated, a width must be given */
	margin-left:26px;
	}
#rightColumn, #aboutBlock, #callOut2{
width:216px;
}
#rightColumn {
	float: right; /* since this element is floated, a width must be given */
	margin-right:26px;
}

#rightColumn img{
border-style:none;
}

#centerColumn { 
	margin: 0 243px 0 263px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:20px 5px 0 0;
	height:100%;
} 

#centerColumn h1 {
	font-size: 16px;
	color: #0081c6;
	font-weight: bold;
	margin:0;
	padding:0;
}

#centerColumn h6 {
	font-size: 11px;
	color: #7c746c;
	font-weight: bold;
	font-style:italic;
	margin: 15px 0 0 0;
}

#centerColumn img{
border-style:none;
}

#centerColumn p{
	color: #000000;
	margin: 2px 0px 15px 0px;
	line-height:16px;
}
#contentContainer{
	width:937px;
	margin:0 auto;
	background:url(images/page-content-back.gif) repeat-y center;
	height:100%;
	padding:10px 0 10px 0;
}
#contentContainerGolf{
	width:937px;
	margin:0 auto;
	background:url(images/page-content-back.gif) repeat-y center;
	height:100%;
	padding:10px 0 0 0;
}

#pageContent{
width:810px;
height:100%;
}

.pageSubContainer{
width:739px;
height:100%;
clear:left;
padding:0 0 20px 0;
}
.pageSubContent{
height:100%;
width:739px;
background:url(images/page2-box.gif) no-repeat top;

}

.pageSubContainer h2, .pageSubContainer h3{
margin:0;
padding:0 0 0 25px;
font-size:small;
}
.pageSubContainer h3{
font-style:italic;
}

.pageSubContent table{
width:710px;
line-height:18px;
}

.pageSubContent img{
float:left;
border:2px solid #f8971d;
margin:15px 10px 8px 20px;
}

.imgBorder{
border:2px solid #f8971d;
margin:10px;
}
#footer { 
	margin:0 auto;
	width:937px;
	background:#1d9fd5 url(images/footer-topblue.gif) repeat-x;
	height:42px;
	
}
#footer ul{
	margin:0 auto;
	padding:5px 0 0 30px;
	list-style-type:none;
}
#footer ul li{
	float:left;
	color:#fff;
	padding:0 4px;
}

#footerAffiliates { 
	margin:0 auto;
	width:938px;
	background:#fff url(images/footer-affiliates.gif) repeat-y;
	height:48px;
	text-align:center;
} 
#footerAffiliates img{
padding:2px 25px 0 25px;
}

#orangeEdge{/*the very bottom edge of the layout*/
	background:#f8971d url(images/bottom-orange-edge.gif) no-repeat;
	width:983px;
	height:11px;
	margin:0 auto;
}
#footer p {
	margin: 0; 
}


#quickSearch{
	height:181px;
	background:url(images/quicksearch-back.jpg) no-repeat;
}

#quickSearchIframe{ position:relative; top:48px; padding:0; left: 100; }

#weatherStamp{
height:32px;
width:216px;
margin:0 auto;
background:url(images/weather-stamp.jpg) no-repeat center;
}
#callOut1{ /*this is the Rental Specials callout*/
	height:154px;
	background:url(images/specials-edit.jpg) no-repeat bottom;
}
#callOut1Content{
	text-align:center;
}

#callOut1Content h1{
margin:10px 0 0 0;
}
#callOut1Content a:link, a:visited{
	text-decoration:none;
}
#callout1Content a:hover, a:active{
	color:#0ca6da;
}
#callOut2{
	min-height:220px;
	background:url(images/news-back.jpg) repeat-y center;
}
#callOut2 img{
	text-align:center;
}
#callOut2Content{
	width:180px;
	margin:0 auto;
	overflow:auto;
	height:107px;
}

#callOut2Content p{
	font-size:12px;
	margin:8px 0;
	padding:0;
	line-height:12pt;
}

#callOut2Header{
	margin:5px 0 0 0;
	background: url(images/callout-news-header.gif) no-repeat center;
	height:33px;
}

#callOut2bottom{
	background:url(images/news-bottom.jpg) no-repeat center;
	height:13px
}

#aboutBlock{
	padding:3px 0;
	height:66px;
	background:url(images/about-block.jpg) no-repeat center;
}
#aboutBlock a:link, a:visited{
	text-decoration:none;
	border:0;
	border-style:none;
}
#aboutBlock a:hover, a:visited{
	text-decoration:none;
}

#aboutLink{
padding:5px 0 0 0;
height:17px;
width:145px;
margin:0 auto;
}

#gcLink{

height:38px;
padding:3px 0 0 0;
width:103px;
margin:0 auto;
}


#golfPortContainer{
width:900px;
margin:10px 0 0 17px;
padding:0;
}
.golfPackages{
float:left;
border-style:none;
width:187px;
height:55px;
margin:5px;
}


#anchorMenu{
height:40px;
}

#anchorMenu ul{
list-style:none;

}
#anchorMenu ul li{
background-color:#d0edf8;
background-image:url(images/dynamic-hd-bg.jpg);
background-repeat:repeat-x;
border:1px solid #9cc4d2; 
text-align:center;
padding:2px 3px;
float:left;
}
#mapContainer{
padding:5px;
background:#f8971d url(images/map_container.gif) repeat-x top;
margin:0 0 20px 0;
}
#copyright{
font-size:9px;
text-align:center;

}
#copyright p{
margin:5px 0 0 0;
padding:0;
color:#fff;
}

/* Yahoo Attribution for Weather Feed */

a:link.weatherattribution, a:visited.weatherattribution {  
	margin-left: 15px;
}

a:hover.weatherattribution, a:active.weatherattribution {  
	margin-left: 15px;
}

.googleSearchButton{
background-color:#45c7ec;
width:48px;
height:19px;
margin-top:4px;
border:1px solid #17ade3;
}

.Optin {
	font-size: 11px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.autoCenter{
margin:0 auto;
}

/* ***** Form Elements and Buttons Must Be Updated (Applies to contact form, dynamic pages, and SEO form items ***** */

/* This general class applies to all Dynamic Buttons, Text Fields, and Dropdowns. Google Custom Search Button will also inherit this class.  */

input, textarea, select {
color: #0F538F;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #358FDD;
text-indent: 2px; 
background-color: #FEFFD5;
padding: 2px 
}

/* This is the button class to be used on all Dynamic Pages */

input.button {
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	border: solid 1px #f07108;
	text-indent: 2px; 
	background: #fcb523 url(images/buttonbar-back.gif) repeat-x;
	padding: 3px;
}

/* The checkbox/radio alternative should match the page background color */

input.clear {
	color: #000000;
	border: 0px;
	background-color:transparent;
	padding: 0px;
}

/* Buttons created using Tables and Text Link Classes. Generally used on House Page. */

.buttonbartable {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.buttonbarcell {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #534026;
	text-align: center;
	padding: 4px 15px 4px 15px;
	background: url(images/buttonbar-back.gif) repeat-x;
	border: 1px solid #f07108;
}

a:link.buttonbarlink, a:visited.buttonbarlink {
	font-size: 11px;
	font-style: normal;
	color: #fff;
	text-decoration: none;
}

a:hover.buttonbarlink, a:active.buttonbarlink {
	font-size: 11px;
	font-style: normal;
	color: #0081c5;
	text-decoration: underline;
}



/* Book Now Button which pops up on house page after client searches for homes at a future time and date using Advanced Search */

.book-buttonbartable {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.book-buttonbarcell {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #534026;
	text-align: center;
	padding: 4px 15px 4px 15px;
	background: url(images/bookit-back.gif) repeat-x;
	border: 1px solid #23a4d8;
}

a:link.book-buttonbarlink, a:visited.book-buttonbarlink {
	font-size: 11px;
	font-style: normal;
	color: #000;
	text-decoration: none;
}

a:hover.book-buttonbarlink, a:active.book-buttonbarlink {
	font-size: 11px;
	font-style: normal;
	color: #0081c5;
	text-decoration: underline;
}