/* REDEFINED HTML TAGS */

body{

	text-align: center;
	background-color: #ebe7e7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h3{
	font-size: 20px;
	}

a{
	color: #476ca3;
	text-decoration: underline;
}

.star{
	color: #6A93B1;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover{
	color: #000066;
	text-decoration: underline;
}


#wrapper{
	width: 800px;
	text-align: left;
 	position: relative;
	margin: 0 auto;
}

#header_logo{
	width: 800px;
	height: 119px;
	margin: 0 0 -3px 0;
	padding: 0;
	position: relative;
<!--	background-image: url(images/vpllcLogo.jpg); -->
}


#header_body{
	width: 800px;
	height: 267px;
	margin-left: -1px;
	padding: 0;
	position:relative;
	background-image:url(images/bgHeader.gif);
}


	#header_nav ul li a{
		margin-left: 10px;
		padding-left: 15px;
		padding-top: 15px;
		height: 31px;
		width: 224px;
		display: block;
		background-image: url(images/bgButton.jpg);
		background-repeat: no-repeat;
		color: #4c73ae;
		font-size: 13px;
		font-weight: bold;
		border-right: 5px solid #c2c2c2;
		text-decoration: none;
	}

	#header_nav ul li a:visited{
		margin-left: 10px;
		padding-left: 15px;
		padding-top: 15px;
		height: 31px;
		width: 224px;
		display: block;
		background-image: url(images/bgButton.jpg);
		background-repeat: no-repeat;
		color: #4c73ae;
		font-size: 13px;
		font-weight: bold;
		border-right: 5px solid #c2c2c2;
		text-decoration: none;
	}

	#header_nav ul li a:hover{
		margin-left: 10px;
		padding-left: 15px;
		padding-top: 15px;
		height: 31px;
		width: 224px;
		display: block;
		background-image: url(images/bgButton.jpg);
		background-repeat: no-repeat;
		color: #4c73ae;
		font-size: 13px;
		font-weight: bold;
		text-decoration: underline;
		border-right: 5px solid #4c73ae;
	}

	.first_li{
		display: none;
		margin: 0;
	}

	#header_body ul{
		list-style: none;
		margin: 0;
	}
	/*	Firefox nav */
	#header_body ul li{
		margin: 0 0 3px -40px;
		display:block;
	}


#header_nav{
	width: 800px;
	margin: 0 auto;
}

#spotlight{
	position: relative;

}

.left_col_header{
	position: relative;
	float: left;
	width: 255px;
	margin: 0;
	padding-top: 18px;
	text-align: right;
}

.left_col_header_sub{
	position: relative;
	float: left;
	width: 252px;
	margin: 0 0 6px 1px;
	padding-top: 5px;
	text-align: right;
	clear: both;
	display: block;
}

#page_title{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #999999;
	padding-top: 18px;
	padding-right: 10px;
	float: right;
	width: 510px;
	margin-bottom: 10px;
}

#breadcrumbs{
	color: #CCCCCC;
	float: right;
	width: 513px;
	padding-top: 6px;
	padding-right: 21px;
}
	#breadcrumbs a{
		color: #CCCCCC;
		text-decoration: underline;
	}

	#breadcrumbs a:visited{
		color: #CCCCCC;
		text-decoration: underline;
	}

	#breadcrumbs a:hover{
		color: #999999;
		text-decoration: underline;
	}


#body{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	position:relative;
	background-image: url(images/bgBody.gif);
	background-repeat: repeat-y;
	height: 100%;
	overflow: hidden;
}


#body_left{
	float: left;
	position:relative;
	width: 255px;

}

	.gallery {
		padding-top: 20px;
		padding-right: 20px;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #c2c2c2;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #c2c2c2;
	}

	.gallery_images {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #c2c2c2;
		padding-left: 18px;
		padding-top: 18px;
		padding-right: 0px;
	}

/*  Code for blue box in left column    */
	.blue_box_wrapper{
		width: 233px;
		position:relative;
		clear: both;
		margin-bottom: 25px;
		margin-left: 17px;
		text-align:center;
		background-image: url(images/left_callouts/blue/bgBody.jpg);
	}

	.blue_box{
		width: 217px;
		background-image: url(images/left_callouts/blue/bottom.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		padding: 0 6px 14px 10px;
		margin: -12px 0 -12px 0;
		text-align: left;
		color: #FFFFFF;
	}

	.blue_box_wrapper a{
		color: #333333;
		text-decoration: underline;
	}

	.blue_box_wrapper a:hover{
		color: #cccccc;
		text-decoration: underline;

	}
/*  End code for blue box in left column  */



/*  Code for white box in left column  */
	.white_box_wrapper{
		width: 233px;
		position:relative;
		clear: both;
		margin-bottom: 10px;
		margin-left: 17px;
		text-align:center;
		background-image: url(images/left_callouts/white/bgBody.jpg);
	}

	.white_box{
		width: 217px;
		background-image: url(images/left_callouts/white/bottom.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		padding: 0 6px 14px 10px;
		margin: -12px 0 -12px 0;
		color: #333333;
	}

/*  Code for blue box in left column  */

#body_left_sub{
	float: left;
	position: relative;
	background-image: url(images/left_sub_header.jpg);
	background-repeat: no-repeat;
	width: 252px;
	padding-left: 8px;
	margin-left: -1px;
}



#body_right{
	float: right;
	position: relative;
	width: 515px;
	padding-right: 21px;
}


#content{
	background-image: url(images/bgBody.gif);
	background-repeat: repeat-y;
	height: 100%;
}


.hp_callout_wrapper{
	width: 508px;
	position: relative;
	clear: both;
	margin-left: 7px;
	background-image: url(images/right_callouts/bgBody.jpg);
	background-repeat: repeat-y;
	margin-bottom: 15px;
}

.hp_callout{
	width: 473px;
	text-align: left;
	background-image: url(images/right_callouts/bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 15px 15px 20px;
}

.hp_callout_footer{
	position: relative;
	width: 490px;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 18px;
	padding-top: 0;
	margin-top: -12px;

}


	.hp_callout_wrapper h3{
		font-size: 16px;
		font-family:Arial, Helvetica, sans-serif;
		color: #999999;
		font-weight:bold;
		margin-left: 25px;
		margin-bottom: 0;
	}

	.hp_callout_wrapper h4{
		font-size: 14px;
		font-family:Arial, Helvetica, sans-serif;
		color: #999999;
		font-weight:normal;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.hp_callout_wrapper h3 a{
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

<!-- Note: This was 'left' for the shaking hands, and other stuff
	Changed to support the property pictures -->

	.hp_callout_wrapper img{
		float: center;
		margin: 0;
	}

	.hp_callout_wrapper p{
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #999999;
		padding-top: 10px;
	}
	.hp_callout_footer p{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.hp_callout_wrapper a.active, .hp_callout_wrapper a.active:visited{
		font-size: 14px;
		font-weight: bold;
		color: #999999;
		text-decoration: none;
	}

	.hp_callout_wrapper a.active:hover{
	<!-- Change nothing, this is the current page -->
		font-size: 14px;
		font-weight: bold;
		color: #999999;
		text-decoration: none;
		cursor: default;
	}

#property_nav{
	width: 88%;
	background-color: #F1F6FA;
	border: 1px solid #85a3cc;
	color: #85a3cc;
	padding: 4px;
	text-align: center;
	margin-top: 10px;
}
	#property_nav .active{
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		text-decoration: none;
	}
	#property_nav a, #property_nav a:visited{
		font-size: 14px;
		color: #999999;

	}

	#property_nav a:hover{
		font-size: 14px;
		color: #85a3cc;
		text-decoration: underline;
	}

#property_info{
	width: 90%;
	position: relative;
	margin-top: 10px;
	border: 1px solid #efefef;
}

#footer{
	width: 800px;
	background-image:url(images/bgFooter.gif);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	margin-left: -1px;
	margin-top: 0;
	height: 26px;
	padding-top: 26px;
	text-align: center;
	color:#999999;
}
#footer p{
	text-align: center;
	}

#expand{
	background-color: #fdfde9;
	margin-top: 6px;
	margin-bottom: 20px;
	border: 1px solid #ebebe9;
	padding: 5px;
	width: 82%;
}


.clear{
	clear: both;
}

.highlight{
	width: 236px;
	padding: 5px;
	position: relative;
	margin-bottom: 10px;

}
.highlight img{
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;

}

.center{
	text-align: center;
	}

.expand_box_wrapper{
	margin-left: 50px;
	margin-top: -25px
}


.properties_listing_wrapper{
	width: 94%;
	margin-bottom: 15px;
	margin-left: 5px;
	text-align: center;
	position: relative;
<!--	border-bottom: 1px solid #CCCCCC; -->
}

.last_listing{
	border-bottom: none;
}

.properties_listing{
	width: auto;
	text-align: left;
	padding: 5px;
	position:relative;
}

.properties_listing_wrapper h5{
	font-size: 14px;
	font-weight: bold;
}

.properties_listing_wrapper img{
	float: left;
	margin: 25px 10px 20px 10px;
	clear: both;
}

.properties_listing_wrapper ul{
	list-style: none;
	margin: 0;
}

.properties_detail_wrapper{
	width: 94%;
	margin: -25px 0 15px 15px;
	text-align: center;
	position: relative;
}

.properties_detail{
	width: auto;
	text-align: left;
	padding: 5px;
	position:relative;
}

.properties_detail_wrapper h5{
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	background-color: #F4F4F4;
<!--	font-variant: small-caps; -->
}

.bgGrey {
	font-size: 14px;
	background-color: #F4F4F4;
}
.bgGreyCenter {
	font-size: 14px;
	background-color: #F4F4F4;
	text-align: center;
}
.properties_detail_wrapper h4{
	font-size: 12px;
	line-height: 10px;
	font-weight: normal;
	background-color: #F4F4F4;
<!--	font-variant: small-caps; -->
}

.properties_detail_wrapper img{
<!--	float: left;	-->
	float: center;
	margin: 0 10px 20px 10px;
	clear: both;
}

.properties_detail_wrapper ul{
	list-style: none;
	margin: 0;
}