body
{
	background-color: #F6eeba;
	margin: 0px;
	padding: 0px;
}
.bodybg
{
	margin: 0px;
	padding: 0px;
	background-image: url(../Assets/Footprints/Print43.jpg);
	background-attachment: scroll;
	background-repeat: repeat;
}

ul
{
	display: block;
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-position: outside;
	list-style-type: square;
}

img
{
	border-style: none;
}

/*OBJECTS*/
#scrollContent
{
	overflow: auto;
	position: relative;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}


/*~~~~~~~~~~~~~~~~~~
|                   |
|	 CLASSES        |
|    =======        |
|~~~~~~~~~~~~~~~~~~*/
/*General Classes*/

.copy
{
	font-weight: normal;
	font-size: 11px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	line-height: 14px;
}
.disabledcopy
{
	font-weight: normal;
	font-size: 11px;
	color: #bbbbbb;
	font-family: Helvetica, Verdana, Arial, san Serif;
	line-height: 14px;
}

.Boldcopy
{
	font-weight: bold;
	font-size: 11px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
}
.copyLarge
{
	font-weight: normal;
	font-size: 12px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
}

.whitecopy
{
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, san Serif;
}

.whitecopyLarge
{
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, san Serif;
}

.DarkBluecopy
{
	font-weight: bold;
	font-size: 11px;
	color: #517381;
	font-family: Helvetica, Verdana, Arial, san Serif;
}

.whiteheader
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-transform: uppercase;
	text-decoration: none;
}
.header
{
	font-weight: bold;
	font-size: 16px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-transform: uppercase;
	text-decoration: none;
	height: 16px;
}

.list_heading
{
	font-weight: bold;
	font-size: 14px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-transform: uppercase;
	text-decoration: none;
}

.property_heading
{
	font-weight: bold;
	font-size: 12px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-transform: uppercase;
	text-decoration: none;
}
.event_heading
{
	font-weight: bold;
	font-size: 12px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-transform: uppercase;
	text-decoration: none;
	height: 12px;
}
.error
{
	font-weight: bold;
	font-size: 16px;
	color: #ff0000;
	font-family: Helvetica, Verdana, Arial, san Serif;
}

.errorsmall
{
	font-weight: bold;
	font-size: 12px;
	color: #ff0000;
	font-family: Helvetica, Verdana, Arial, san Serif;
}

.link_button_brown
{
	font-weight: normal;
	font-size: 11px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-transform: capitalize;
	text-decoration: underline;
}


.feature_property_name
{
	font-weight: bold;
	font-size: 11px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-transform: uppercase;
}

.feature_area
{
	background-color: #EEEBCD;
}

.feature_link
{
	font-weight: bold;
	font-size: 12px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
}

.link
{
	font-weight: bold;
	font-size: 11px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: underline;
}


.disabled_link
{
	font-weight: bold;
	font-size: 11px;
	color: #b7afa7;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: underline;
}

.white_link
{
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: underline;
}
.white_link_light
{
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: none;
}
.DarkBlue_link_light
{
	font-weight: normal;
	font-size: 11px;
	color: #517381;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: none;
}
.linkalt
{
	font-weight: bold;
	font-size: 10px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: none;
}

.white_linkalt
{
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: none;
}

.URLLink
{
	font-weight: bold;
	font-size: 12px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: underline;
	font-style: italic;
}

.validatorCalloutHighlight 
{
    background-color: Yellow;
}

.watermarked 
{
	height:15px;
	Width:170px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:honeydew;
	font-size: 10px;
	color:gray;
}	
.watermarkeddisabled 
{
	height:15px;
	Width:170px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:AliceBlue;
	font-size: 10px;
	color:gray;
}	

.tbSearch
{
	font-size: 10px;
}

/* HEADER CLASSES */
.header1
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 17px;
	font-weight: bold;
	color: #6e5038;
}


.header2
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 15px;
	text-decoration: underline;
	color: #6e5038;
}

/* HOME PAGE */
#blogNews
{
	font-family: Arial, Helvetica, Verdana;	
	text-align: left;
	padding: 10px;
}

#blogNewsHeader
{
	padding: 10px;
}

#blogNewsContainer
{
	width: 830px;
	font-size: 12px;
	padding: 10px;
	background: #D9EBF9;
}

#blogNewsContainer a
{
	color: #6e5038;
}

#newsBeachConditions 
{
	padding-right: 10px;
	width:255px;
}

#newsEvents 
{	padding-right: 10px;
	width:255px;
}

#newsSpecials 
{	padding-right: 10px;
	width:255px;
}



#scrollContent a, .normalbrown
{
	font-weight: bold;
	font-size: 11px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: underline;
}

#scrollContent a.white_link_light
{
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: normal;
}

#scrollContent a.white_link_light:hover
{
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: underline;
}

.tiny
{
	font-weight: normal;
	font-size: 8px;
	color: #4f3820;
	font-family: Helvetica, Verdana, Arial, san Serif;
	text-decoration: none;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalChangePasswordBackground {
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.closeLoginPanel
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;

    position: absolute;
    top:8px;
    right: 10px;
}

.closebutton
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	text-decoration: none;
	position:relative;
	top:-2px;
	left:-1px;
	
}


/*~~~~~~~~~~~~~~~~~~
|                                         |
|      COLOR CODING              |
|      ==========             |
|~~~~~~~~~~~~~~~~~~*/
/*Specified Area Classes*/

/*GREY*/
.GreyBG
{
	background-color: #EBEDEF;
}


/*GREEN*/
.DarkGreenBG
{
	background-color: #a0b189;
	border-color: #a0b189;
}

.DarkGreenBorder
{
	background-color: #d9e4ca;
	border-right: #a0b189 solid;
	padding-right: 5px;
	border-top: #a0b189 solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #a0b189 solid;
	padding-top: 5px;
	border-bottom: #a0b189 solid;
}

.DarkGreenBorder:hover
{
	background-color: #d9e4ca;
	border-right: #ff9900 solid;
	padding-right: 5px;
	border-top: #ff9900 solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #ff9900 solid;
	padding-top: 5px;
	border-bottom: #ff9900 solid;
}

.LightGreenBG
{
	background-color: #d9e4ca;
	border-color: #d9e4ca;
}

.Greenscrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.Greenvscrollerbase, .Greenvscrollerbar {
width: 15px;
top: 0px;
}

.Greenvscrollerbar {
left: 0px;
}

.Greenhscrollerbase, .Greenhscrollerbar {
height: 15px;
left: 0px;
}


.Greenhscrollerbar {
top: 0px;
}

.Greenhscrollerbar {
top: 20px important;
}

.Greenvscrollerbar, .Greenhscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 0px;
/* z-index *MUST* be given, otherwise links will not be clickable
inside the div */
z-index: 2;
}

.Greenvscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/GreenScrollBar.gif) 0px -5px;
width: 15px;
height: auto;
top: 0px;
}

.Greenvscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/GreenScrollBar.gif);
width: 15px;
height: 5px;
}

.Greenhscrollerbarbeg {
background: url(../Assets/scrollbar/GreenHorizScrollBar.gif) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.Greenhscrollerbarend {
background: url(../Assets/scrollbar/GreenHorizScrollBar.gif);
height: 15px;
width: 10px;
}

.Greenvscrollerbase{
background-color: #D1DDCB;
background-image: url(../Assets/scrollbar/GreenscrollbaseBG.gif);

}

.Greenvscrollerbasebeg
{
	top: 0px;
	width: 15px;
	background: url(../Assets/scrollbar/Green.gif) no-repeat;
}

.Greenvscrollerbaseend {
width: 15px;
background: url(../Assets/scrollbar/Green.gif) no-repeat;
}

/*Blue*/
.DarkBlueBG
{
	background-color: #699CB6;
	border-color: #699CB6;
}


.DarkBlueBorder
{
	background-color: #d9eaf9;
	border-right: #699CB6 solid;
	padding-right: 5px;
	border-top: #699CB6 solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #699CB6 solid;
	padding-top: 5px;
	border-bottom: #699CB6 solid;
}

.DarkBlueBorder:hover
{
	background-color: #d9eaf9;
	border-right: #ff9900 solid;
	padding-right: 5px;
	border-top: #ff9900 solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #ff9900 solid;
	padding-top: 5px;
	border-bottom: #ff9900 solid;
}

.LightBlueBG
{
	background-color: #d9eaf9;
	border-color: #d9eaf9;
}


.Bluescrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.Bluevscrollerbase, .Bluevscrollerbar {
width: 15px;
top: 0px;
}

.Bluevscrollerbar {
left: 0px;
}

.Bluehscrollerbase, .Bluehscrollerbar {
height: 15px;
left: 0px;
}


.Bluehscrollerbar {
top: 0px;
}

.Bluehscrollerbar {
top: 20px important;
}

.Bluevscrollerbar, .Bluehscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 0px;
/* z-index *MUST* be given, otherwise links will not be clickable
inside the div */
z-index: 2;
}

.Bluevscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/BlueScrollBar.gif) 0px -5px;
width: 15px;
height: auto;
top: 0px;
}

.Bluevscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/BlueScrollBar.gif);
width: 15px;
height: 5px;
}

.Bluehscrollerbarbeg {
background: url(../Assets/scrollbar/BlueHorizScrollBar.gif) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.Bluehscrollerbarend {
background: url(../Assets/scrollbar/BlueHorizScrollBar.gif);
height: 15px;
width: 10px;
}

.Bluevscrollerbase{
background-color: #D1DDCB;
background-image: url(../Assets/scrollbar/BluescrollbaseBG.gif);

}

.Bluevscrollerbasebeg
{
	top: 0px;
	width: 15px;
	background: url(../Assets/scrollbar/Blue.gif) no-repeat;
}

.Bluevscrollerbaseend {
width: 15px;
background: url(../Assets/scrollbar/Blue.gif) no-repeat;
}



.DarkBluescrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.DarkBluevscrollerbase, .DarkBluevscrollerbar {
width: 15px;
top: 0px;
}

.DarkBluevscrollerbar {
left: 0px;
}

.DarkBluehscrollerbase, .DarkBluehscrollerbar {
height: 15px;
left: 0px;
}


.DarkBluehscrollerbar {
top: 0px;
}

.DarkBluehscrollerbar {
top: 20px important;
}

.DarkBluevscrollerbar, .DarkBluehscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 0px;
/* z-index *MUST* be given, otherwise links will not be clickable
inside the div */
z-index: 2;
}

.DarkBluevscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/DarkBlueScrollBar.gif) 0px -5px;
width: 15px;
height: auto;
top: 0px;
}

.DarkBluevscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/DarkBlueScrollBar.gif);
width: 15px;
height: 5px;
}

.DarkBluehscrollerbarbeg {
background: url(../Assets/scrollbar/DarkBlueHorizScrollBar.gif) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.DarkBluehscrollerbarend {
background: url(../Assets/scrollbar/DarkBlueHorizScrollBar.gif);
height: 15px;
width: 10px;
}

.DarkBluevscrollerbase{
background-color: #D1DDCB;
background-image: url(../Assets/scrollbar/DarkBluescrollbaseBG.gif);

}

.DarkBluevscrollerbasebeg
{
	top: 0px;
	width: 15px;
	background: url(../Assets/scrollbar/DarkBlue.gif) no-repeat;
}

.DarkBluevscrollerbaseend {
width: 15px;
background: url(../Assets/scrollbar/DarkBlue.gif) no-repeat;
}

/*Plum*/
.DarkPlumBG
{
	background-color: #A17A87;
	border-color: #A17A87;
}

.LightPlumBG
{
	background-color: #e3e0e7;
	border-color: #e3e0e7;
}

.Plumscrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.Plumvscrollerbase, .Plumvscrollerbar {
width: 15px;
top: 0px;
}

.Plumvscrollerbar {
left: 0px;
}

.Plumhscrollerbase, .Plumhscrollerbar {
height: 15px;
left: 0px;
}


.Plumhscrollerbar {
top: 0px;
}

.Plumhscrollerbar {
top: 20px important;
}

.Plumvscrollerbar, .Plumhscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 0px;
/* z-index *MUST* be given, otherwise links will not be clickable
inside the div */
z-index: 2;
}

.Plumvscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/PlumScrollBar.gif) 0px -5px;
width: 15px;
height: auto;
top: 0px;
}

.Plumvscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/PlumScrollBar.gif);
width: 15px;
height: 5px;
}

.Plumhscrollerbarbeg {
background: url(../Assets/scrollbar/PlumHorizScrollBar.gif) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.Plumhscrollerbarend {
background: url(../Assets/scrollbar/PlumHorizScrollBar.gif);
height: 15px;
width: 10px;
}

.Plumvscrollerbase{
background-color: #D1DDCB;
background-image: url(../Assets/scrollbar/PlumscrollbaseBG.gif);

}

.Plumvscrollerbasebeg
{
	top: 0px;
	width: 15px;
	background: url(../Assets/scrollbar/Plum.gif) no-repeat;
}

.Plumvscrollerbaseend {
width: 15px;
background: url(../Assets/scrollbar/Plum.gif) no-repeat;
}

/*Teal*/
.DarkTealBG
{
	background-color: #459D9D;
	border-color: #459D9D;
}

.DarkTealBorder
{
	background-color: #D2EBE4;
	border-right: #459D9D solid;
	padding-right: 5px;
	border-top: #459D9D solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #459D9D solid;
	padding-top: 5px;
	border-bottom: #459D9D solid;
}

.DarkTealBorder:hover
{
	background-color: #D2EBE4;
	border-right: #ff9900 solid;
	padding-right: 5px;
	border-top: #ff9900 solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #ff9900 solid;
	padding-top: 5px;
	border-bottom: #ff9900 solid;
}

.LightTealBG
{
	background-color: #D2EBE4;
	border-color: #D2EBE4;
}

.Tealscrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.Tealvscrollerbase, .Tealvscrollerbar {
width: 15px;
top: 0px;
}

.Tealvscrollerbar {
left: 0px;
}

.Tealhscrollerbase, .Tealhscrollerbar {
height: 15px;
left: 0px;
}


.Tealhscrollerbar {
top: 0px;
}

.Tealhscrollerbar {
top: 20px important;
}

.Tealvscrollerbar, .Tealhscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 0px;
/* z-index *MUST* be given, otherwise links will not be clickable
inside the div */
z-index: 2;
}

.Tealvscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/TealScrollBar.gif) 0px -5px;
width: 15px;
height: auto;
top: 0px;
}

.Tealvscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(../Assets/scrollbar/TealScrollBar.gif);
width: 15px;
height: 5px;
}

.Tealhscrollerbarbeg {
background: url(../Assets/scrollbar/TealHorizScrollBar.gif) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.Tealhscrollerbarend {
background: url(../Assets/scrollbar/TealHorizScrollBar.gif);
height: 15px;
width: 10px;
}

.Tealvscrollerbase{
background-color: #D1DDCB;
background-image: url(../Assets/scrollbar/TealscrollbaseBG.gif);

}

.Tealvscrollerbasebeg
{
	top: 0px;
	width: 15px;
	background: url(../Assets/scrollbar/Teal.gif) no-repeat;
}

.Tealvscrollerbaseend {
width: 15px;
background: url(../Assets/scrollbar/Teal.gif) no-repeat;
}



/*Brown*/
.DarkBrownBG
{
	background-color: #6e5038;
}

.MediumBrownBG
{
	background-color: #D4CEA1;
}

.LightBrownBG
{
	background-color: #EEEBCD;
}



/*Counter*/
#counterwrapper
{
    overflow: visible;
    width: 1px;
    position: absolute;
    height: 1px;
}

#countercontainer
{
    display: block;
    position: relative;
    top: -65px;
    left: 580px;
    z-index: 999;
    text-align: center;
    padding: 0px;
    margin: 0px;
    width: 124px;
    height: 64px;
    vertical-align: top;
}
#countertop
{
    display: block;
    position: relative;
    top: -90px;
    z-index: 99;
    margin-top: 35px;
}
#counterbottom
{
    display: block;
    position: relative;
    top:-42px;
    height: 16px;
    z-index:99;
    margin-top: 5px;
}
#countertop .linkalt
{
    font-size: 12px !important;
}