body { 
	margin: 			0px 0px 50px 0px;
	font-family: 		Verdana, Helvetica, sans-serif; 
	color: 				#333333; 
	font-size: 			11px;
	background: 		url(images/bg_body.gif) repeat-x #6699CC;
	}
	
body.flyer  { 
	margin: 			0px 0px 50px 0px;
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	background: 		#ffffff;
	}
	
div#container{ 
	position: 			relative;
	width: 				780px;
	margin: 			15px auto 15px auto;
	background: 		url( images/bg_container.gif ) repeat-y #ffffff;
	border: 			0px dashed #ff0000;
	}
	
a { 
	text-decoration: 	none;
	}
	
img {
	border: 			none;
	}

/*	header*/

div#header {
	position: 			relative;
	height: 			110px;
	background:			url(images/bg_header.jpg);
	border: 			0px dashed #ffff00;
	}
	
#header h1.top, a.top {
	margin: 			15px 20px 5px 20px;
	font-size: 			12px;
	font-weight: 		bold;
	line-height: 		110%;
	color: 				#e7e7e7;
	background: 		transparent
	}
	
img#topart {
	position: 			absolute;
	top: 				2px;
	left: 				2px;
	width: 				776px;
	height: 			85px;
	}
	
/*	metanav */

div#metanav { 			
	position:			absolute;
	background: 		url(_bg_metanav.gif);
	top: 				1px; 
	right: 				0px; 
	width: 				130px; 
	z-index: 			2; 
	font-size: 			10px; 
	padding: 			20px 0px 0px 60px; 
	color: 				#000000; 
	height: 			45px; 
	border: 			0px dashed #000000; 
	}
	
div#metanav_1 a { 
	background: 		url(_button_0.gif); 
	color: 				#ffffff; 
	width: 				108px;
	height: 			15px;
	text-align: 		center; 
	margin-top: 		5px;
	}
	
div#metanav a { 
	background: 		url(_button_red_sm.gif); 
	color: 				#ffffff; 
	width: 				108px; 
	height: 			15px; 
	text-align: 		center; 
	margin-top: 		5px;
	}
	
img#meta {
	margin-bottom: 		5px;
	}
	
/*	topnav */

div#topnav { 
	position: 			absolute; 
	top: 				93px; 
	left: 				200px; 
	width: 				560px; 
	color: 				#ffffff; 
	z-index: 			1114; 
	}
	
.lvl1, .lvl1a { 
	float: 				left; 
	width: 				130px; 
	padding: 			2px 5px 3px 5px; 
	margin: 			0; 
	font-size: 			10px; 
	font-weight: 		bold; 
	text-transform: 	uppercase; 
	color: 				#ffffff; 
	text-align: 		center;
	}
	
.lvl1:hover { 
	background: 		#666666; 
	}
	
.lvl1a:hover { 			
	color: 				#ff0ff0;
	}

/*	toplinks */

div#toplinks { 
	position: 			absolute; 
	top: 				110px; 
	left: 				200px; 
	width: 				560px; 
	height: 			20px; 
	background-color: 	#dddddd; 
	color: 				#000000; 
	padding-left: 		20px; 
	padding-top: 		10px; 
	}
	
div#toplinks a { 
	display: 			inline; 
	color: 				#333333; 
	margin-left: 		15px; 
	background-color: 	transparent; 
	font-size: 			11px; 
	line-height: 		24px; 
	}
	
div#toplinks a:hover { 
	color: 				#900900; 
	background-color: 	#ffffff; 
	}
	
/* 	sidebar */

div#sidebar, div#leftbox { 
	float: 				left; 
	width: 				200px; 
	padding-top: 		10px; 
	background: 		#eeeeee; 
	margin-bottom: 		25px; 
	border-top: 		28px solid #cccccc; 
	font-size: 			11px;
	}

div#sidebar * { 
	font-size: 			11px; 
	color: 				#444444; 
	margin: 			0px 7px 0px 7px; 
	border: 			0px solid red; 
	}

.lvl2,.lvl2p,.lvl2ep { 
	color: 				#900900 !important; 
	width: 				170px; 
	margin: 			5px 7px 5px 7px !important; 
	background-color: 	#dddddd !important; 
	padding: 			2px 2px 2px 15px; 
	border: 			1px solid #ffffff; 
	background-image: 	none !important;  
	}
	
.lvl2ep,.lvl2p:hover,.lvl2ep,.lvl2pl:hover { 
	background: 		url(images/bg_subnav1.gif) repeat-x 6px 0em !important; 
	color:				#ffffff !important;  
	border: 			1px outset #f00f00;  
	}
	
.lvl2pl { 
	color: 				#900900 !important; 
	width: 				163px; 
	margin: 			5px 7px 5px 12px !important; 
	background-color: 	#ffffff !important; 
	padding: 			2px 2px 2px 15px; 
	border: 			1px solid #dddddd; 
	background-image: 	none !important;
	}

div#sidebar a { 
	display: 			block; 
	text-decoration: 	none;
	}
	
div#sidebar a:link {
	display: 			block; 
	text-decoration: 	none;
	}
	
div#sidebar a:visited {
	display: 			block; 
	text-decoration: 	none;
	}
	
div#sidebar a:hover {
	color: 				#c00c00; 
	background-color: 	#ffffff !important; 
	}
	
div#sidebar a:active {
	display: 			block; 
	text-decoration: 	none;
	}

img#address {
	vertical-align: 	top; 
	margin: 			0px; 
	padding: 			10px 0px 0px 5px; 
	border: 			0px solid red;
	}
	
.sbimage:hover { 
	background: 		none !important; 
	border: 			none; 
	text-decoration: 	none;
	}
	
/*	search */

div#search {
	position: 			absolute; 
	top:				110px; 
	left: 				0px; 
	padding: 			3px 3px 3px 10px;
	}
	
div#search input.text { 
	width: 				150px; 
	float: 				left; 
	border: 			1px inset #eeeeee; 
	font-size: 			13px; 
	margin-left: 		3px;
	}
	
div#search input.submit { 
	border: 			none; 
	float: 				left; 
	margin: 			0px 0px 0px 3px; 
	background-color: 	#cccccc; 
	border: 			0px solid red;
	}
	
/* 	footer */

div#footer { 
	position: 			relative; 
	text-align: 		center; 
	height: 			70px; 
	clear: 				both; 
	background: 		#dddddd; 
	font-size: 			11px; 
	padding: 			0px 90px 25px 90px; 
	}
	
div#footer a { 
	display: 			inline; 
	color: 				#777777; 
	line-height: 		23px; 
	}
	
div#footer a:hover { 
	color: #900;
	}
	
img#eho { 
	position: 			absolute; 
	top: 				10px; 
	left: 				8px; 
	width:				24px; 
	height: 			18px; 
	padding-left: 		20px; 
	padding-right: 		20px; 
	}
	
img#hs1 { 
	position: 			absolute; 
	top: 				4px; 
	right: 				5px; 
	width:				30px; 
	height: 			26px; 
	padding-left: 		20px; 
	padding-right: 		20px; 
	}
	
/* content */

div#content {
	width: 				500px; 
	margin: 			40px 20px 25px 15px; 
	border: 			0px dashed black; 
	}
	
div#content a:hover { 
	text-decoration: 	underline; 
	}

/* 	block formats */

div#content h1 { 
	margin: 			0px; 
	padding: 			3px 3px 3px 2px; 
	border-bottom: 		1px solid #ffffff; 
	font-size: 			11px; 
	font-weight: 		bold; 
	line-height: 		100%; 
	background: 		#666666; 
	color: 				#ffffff;
	}
	
h2 {
 	margin: 			0px; 
	padding: 			3px 3px 3px 2px; 
	font-size: 			11px; 
	font-weight: 		bold; 
	line-height: 		110%; 
	background: 		#e7e7e7; 
	color: 				#900900; 
	}

body.flyer h2 { 
	margin: 			0px; 
	padding: 			3px 3px 3px 2px; 
	font-size: 			16px; 
	font-weight: 		bold; 
	line-height: 		100%; 
	background: 		#ffffff; 
	color: 				#900900;
	}
		
p.subtitle { 
	margin: 			15px 0px 0px 0px; 
	font-size: 			70%; 
	font-weight: 		bold; 
	line-height: 		110%; 
	color: 				#900; 
	}
	
h3, h4 { 
	margin: 			10px 0px 0px 0px; 
	font-size: 			11px; 
	font-weight: 		bold; 
	line-height: 		110%; 
	color: 				#900900; 
	}
	
h4 { 
	color: 				#333333; 
	}
	
p { 
	padding: 			7px 0px 7px 0px; 
	margin: 			5px 0px 10px 0px; 
	font-size: 			11px; 
	font-weight: 		normal; 
	line-height: 		125%; 
	color: 				#333333; 
	}
	
.testimonial {
	margin: 			15px 0px 0px 0px; 
	font-size: 			11px; 
	font-weight: 		normal; 
	line-height: 		110%; 
	color: 				#006600;
	}

div#sidebar p { 
	margin: 			2px 0px 5px 0px; 
	padding: 			3px; 
	font-size: 			11px; 
	font-weight: 		normal; 
	line-height: 		125%; 
	color: 				#333333; 
	}

/* image styles */

.borderthin {
	margin-bottom: 		6px;
	margin-top: 		.5em;
	border-color:		#cccccc;
	border-width: 		1px;
	border-style: 		solid;
	padding: 			5px;
	}
	
.bignumber {
	font-weight:		bold;
	font-size:			24px;
	font-style:			italic;
	color:				#900;
	line-height: 		105%;
	padding:			0px 5px 0px 0px;
}

/*	list styles */

ol {
	margin: 			4px 0px 4px 30px;
	}
	
ul { 
	margin: 			4px 0px 4px 18px;
	padding: 			0px;
	}
	
li { 
	margin: 			0px 0px 2px 0px; 
	padding: 			0px; 
	line-height: 		125%;
	}
	
ul li ul li { 
	margin-left: 		0px; 
	margin-bottom: 		2px; 
	line-height: 		125%; 
	}
	
p.hr { 
	height: 			1px; 
	width: 				100%; 
	margin: 			15px 0px 15px 0px; 
	border-bottom: 		1px solid #900; 
	font-size: 			2px;
	}

/*	form styles */

input.search { 	
	width: 				270px; 
	border: 			1px inset #e7e7e7; 
	font-size: 			10px; 
	color: 				#333333; 
	background: 		#ffffff; 
	font-family:		monospace;
	font-size:			11px;
	}
	
input.text { 
	width: 				270px; 
	border: 			1px solid #e7e7e7;
	font-family:		monospace;
	font-size: 			11px; 
	}
	
.button { 
	font: 				11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: 	#ffffef; 
	color: 				#102132;
	margin-left: 		12px; 
	margin-top: 		3px; 
	margin-bottom: 		2px;
	}
	
textarea.text {
	width: 				270px; 
	height: 			50px; 
	border: 			1px inset #900900;
	}
	
select.text { 
	width: 				270px; 
	font-size: 			11px; 
	}

select.search {
	font-family:		monospace;
	font-size:			11px;
	}
	
option.search {
	font-family:		monospace;
	font-size:			11px;
	}
	
textarea.search {
	font-family:		monospace;
	font-size:			11px;
	}
	
/* propnav property results navigation */

#propnav a.lastnext:link, #propnav a.lastnext:visited {
	font-size:			10px;
	background-color:	#e7e7e7;
	padding:			2px;
	font-weight:		bold;
	}
	
#propnav .currentpage {
	font-size:			10px;
	background-color:	#e7e7e7;
	padding:			2px;
	font-weight:		bold;
	}

#propnav .pagenum {
	font-size:			10px;
	background-color:	#ffffff;
	padding:			2px;
	font-weight:		bold;
	}
	
#propnav a.pagenum:link {
	background-color:	#ffffff;
	padding:			2px;
	font-weight:		bold;
	}
	
#propnav a.pagenum:hover {
	background-color:	#900900;
	color:				#ffffff !important;  
	}
	
#propnav a.pagenum:visited {
	background-color:	#ffffff;
	color:				#900900 !important;  
	}

/* mortgage calculator */
	
.mortcalc {
	text-align:			right;
	font-family:		monospace;
	font-size:			11px;
	font-weight:		normal;
	font-style:			normal;
	}
	
.mortcalclock {	
	text-align:			right;
	font-family:		monospace;
	font-size:			11px;
	font-weight:		normal;
	font-style:			normal;
	}
	
input.mortcalc {
	background-color:	#ffffff;
	}
	
input.mortcalclock {
	background-color:	#ffffcc;
	}
	
.mortcalcbutton { 
	font: 				11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: 	#ffffef; 
	color: 				#102132;
	margin-left: 		12px; 
	margin-top: 		3px; 
	margin-bottom: 		2px;
	} 

/*	tables */

table.form {
	border-left: 		1px solid #dddddd;
	font-size: 			10px;
	}
	
table.form td { 
	padding: 			3px; 
	border-bottom: 		1px solid #ffffff; 
	background: 		#eeeeee;
	}
	
table.form td.s { 
	font-weight: 		bold; 
	color: 				#ffffff;
	background: 		#900900;
	}

/* added by Jay */

td.extrasm {
	font-size:			9px;
	}
	
td.searchr {
	color:				#ff0000;
	}
	
div.publicremarks {
	font-family: 		Verdana, Helvetica, sans-serif; 
	color: 				#333333; 
	font-size: 			11px; 
	font-weight:		normal; 
	text-decoration: 	none; 
	text-weight: 		normal;
	}
	
/* for ES/ESD signup forms */
	
.normal {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.lg-red-bold {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #900900; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}

.header3 {
	FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.greyBorderSides {
	BORDER-RIGHT: #c7c6c6 1px solid; BORDER-TOP: #c7c6c6 1px; BORDER-LEFT: #c7c6c6 1px solid; BORDER-BOTTOM: #c7c6c6 1px;
}

.small4 {
	FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: center;
}

.smallBold4 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.sm-red-bold {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #900900; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}

.sm-brightred-bold {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff0000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}