
<!-- This is for the marble_parchment css -->

<style type="text/css">
 <!-- This is sooooooo importatnt! -->

<!-- /* do not add any styles that rely on a recordset that is not universal to the site 
				as errors will occur on pages that do not contain the proper rs required by the style 
				record set "rsCSS" should be common to every page that uses this style sheet  
				***** 												THIS CODE IS SPLIT INTO 2 PARTS													***********
							The part that controls the template and the part that controls the content area.
							*******    If you modify the template css comment it accordingly    **********
							
							The second part is for the content area. This will probably need to be copied to the 
							subsequent templates and then modified accordingly becasue future tmeplates will not have it.
*/ -->


<!--
* { 
	behavior: url('http://cbharper.com/realtor/web4/images/marble_parchment/blue_marble/iepngfix.htc');
}
body {
	margin: 0 0 20px 0;
	padding: 0;
	font: 13px "Trebuchet MS", Tahoma, sans-serif;
}
.clear {
	clear: both;
	overflow: hidden;
	height: 0;
	font-size: 0;	
}
h1, h2, h3, h4 {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: normal;
}
h1 {
	font-size: 24px;
}
input,
select,
textarea {
	padding: 2px;
	font-family: "Trebuchet MS", Tahoma, sans-serif;	
}
form {
	margin: 0;
	padding: 0;
}
#container {
	width: 892px;
	margin: 0 auto;
}
#wrapper {
	width: 820px;
	border: 4px solid #cab69b;
	border-top: none;
	margin: 0 auto;
}
#header {
	position: absolute;
	margin-left: -35px;
	width: 892px;
	height: 311px;	
	background: url('http://cbharper.com/realtor/web4/images/marble_parchment/blue_marble/header.png') no-repeat;
}
#header_line {
	width: 854px;
	height: 65px;
	margin: 0 auto;
	background: url('http://cbharper.com/realtor/web4/images/marble_parchment/blue_marble/header_line.png') no-repeat;
}
#header_line h1 {
	margin: 0 30px 0 0;
	color: #FFFFFF;
	line-height: 57px;
	text-align: right;	
}
#header_line h1 a	{
	color: #FFFFFF;
}
#header_content {
	width: 822px;
	margin: 0 auto;
}
#header_content h2	{
display:none
}
#left_nav {
	position: absolute;
	width: 182px;
	height: 253px;
	background: url('http://cbharper.com/realtor/web4/images/marble_parchment/blue_marble/left_nav.jpg') no-repeat;
	margin: -8px 0 0 0;
	padding: 0;
	z-index: 5;
}
#main_nav	{
	display: none;
	}
#header_right {
	float: right;
	margin: 0;
	width: 590px;
}

#realtor_photo_left	#photo_2{
	margin-left: -2px;
}
#realtor_photo_left	{
	position: absolute;
	margin-top: -45px;
	padding-left:10px;<!-- /*hack for IE6*/ -->
}
#realtor_photo_left	#frame_2{
	margin-left: -11px;
	margin-top: -248px;
	position: relative;
	z-index: 3;
}
#frame_2 img	{
	height: 262px;
	width: 214px;
}

#realtor_photo_top img {
	display: none;	
}
#header_content #header_right h2 {
	float: right;
	width: 350px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 55px;
	display:block;
	font-size: 30px;<!-- /* Sorry the px here is inconsistant with the other body font sixe variable */ -->

}
#main {
	padding-top: 300px;
}
#left_column {
	float: left;
	width: 182px;
	background: #eee6b3;
	text-align: center;
}
#left_column p {
	margin: 0 0 2px 0;
}
#left_column p#coldwell_logo {
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#left_column a { 
	color: #333;
}
#left_column a:hover {
	text-decoration: none;
}
#left_column h3 {
	margin: 20px 0 2px 0;
	font-size: 18px;
}
#right_column {
	float: right;
	width: 630px;
}
#right_column #estate_search {
	width: 480px;
	height: 119px;
	border: 1px solid #e1e1e1;
	padding: 10px 15px;
	background: url('http://cbharper.com/realtor/web4/images/marble_parchment/blue_marble/estate_search_bg.jpg') no-repeat;
	margin: 35px auto 20px auto;
}
#right_column #estate_search .title {
	color: #163B65;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}
#right_column #estate_search p {
	margin: 0;
}
#right_column #estate_search .search-input {
	width: 405px;
	margin-right: 5px;
	border: 1px solid #cecece;
}
#right_column #estate_search #hint {
	font-size: 11px;
}
#right_column #estate_search .submit {
	border: 1px solid #163B65;
	color: #fff;
	font-size: 11px;
	width: 60px;
	padding: 2px;
	font-weight: bold;
	text-transform: uppercase;
	background: #163B65;
}
#right_column #estate_search .dropdown {
	float: left;
	margin-top: 6px;
	margin-right:12px;
	width: 80px;	
}
#right_column #estate_search .dd_type {
	float: left;
	margin-top: 6px;
	margin-right:10px;
	width: 106px;	
}
#right_column #estate_search .dd_bed_baths{
	float: left;
	margin-top: 6px;
	width: 80px;	
}

#right_column #estate_search .label {
	color: #163B65;	
	font-weight: bold;
}
#right_column #estate_search .select {
	border: 1px solid #cecece;
	min-width: 70px;
}
#right_column #right_content {
	width: 600px;<!-- /* changed to give more space in content area */ -->
	text-align: justify;
	margin: 0 auto;
}
#right_column #right_content h3 {
	color: #163B65;
	font-size: 22px;
}
#address {
	margin: 25px 0;	
}
#footer {
	height: 34px;
	padding-top: 17px;
	background: url('http://cbharper.com/realtor/web4/images/marble_parchment/blue_marble/footer.gif') repeat-x;
	text-align: center;
	color: #fff;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
ul#l_nav { 
	width: 171px;
	list-style: none; 
	margin: 0 auto;
	padding: 5px 0 0 0;
}
#l_nav li { 
	text-align: center; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 30px;
	border-bottom: 1px solid #163B65;
}
#l_nav li a {
	text-decoration: none;
	color: #163B65;	
	display: block;
}
#l_nav li a:hover {
	background: #fff;
}

#l_nav li ul { 
	position: absolute; 	
	display: none; 
	background: #fff;
	margin: -31px 0 0 87px; 
	border: 1px solid #3b3a3a;
	padding: 0; 
	min-width: 155px;
	list-style: none;
}

#l_nav li ul li { 
	text-align: left; 
	border: none;
	text-transform: none;
	margin: 0;
	line-height: auto;
}
#l_nav li ul li a {
	color: #3b3a3a;
	padding: 0 5px;
}
#l_nav li ul li a:hover {
	color: #fff;
	background: #3b3a3a;
}
#l_nav li:hover ul, 
#l_nav li.sfhover ul { 
	display: block;
}
#copyright {
	width: 820px;
	margin: 5px auto 0 auto;		
}
#copyright a {
	color: #333;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}
#copyright #cl {
	float: left;
}
#copyright #cr {
	float: right;
}
-->
</style>
