body
{
	font-family: Arial;
	background-color: #ffffff;
	margin: 0px;
}

a, a:visited, a:active{
color: #555555;
font-size: 11px;
}

.welcome {
	color: #999999;
	font-style: italic;
	font-size: 10px;
}

#panel
{
	width: 788px;
	margin: 0px auto;
	position: relative;
	border-left: solid 4px #4C5D62;
	border-right: solid 4px #4C5D62;
	/border-bottom: solid 4px #4C5D62; 
	background-color: #CBCAC0;
}

#header
{
	position: relative;
	margin: 0px auto;
	width: 750px;
	height: 234px;
	border-bottom: solid 4px #4C5D62; 
	background-image:url(http://dianekeelerrealtor.com/images/header.jpg);
}

#header_img_text
{
	position: relative;
	float: left;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	top: 20px;
	left: 45px;
}

#header_bar
{	
	position: relative;
	margin: 0px auto;
	width: 750px;
	height: 25px;
	background-color: #333333;
	border-top: solid 8px #4C5D62;
}

#header_text
{
	padding: 0px 0px 0px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF; 
}

#topmenu
{
	border-bottom: solid 4px #4C5D62;
	position: relative;
	margin: 0px auto;
	width: 750px;
	height: 20px;
	background-color: #FFFFFF;
	text-decoration: none;
}

div.topmenu   
{ 
	margin: 5px 3px 0px 3px; 
	text-decoration: none;
}

div.topmenu a { 
	display: block; float: left;
	background-color: #CCCCCC; 
	height: 20px; 
	width: 100px; 
	vertical-align: middle; 
	text-decoration: none;
}

div.topmenu a:visited {
	text-decoration: none;
}

div.topmenu a:link    
{  
	color : #4C5D62;  
	text-decoration: none;
}
div.topmenu a:hover   { 
	color : #FFFFFF; 
	background-color: #d8992c;  
	text-decoration: none;	
}

div.topmenu span 
{ 
	display: block; 
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
}

div.topmenu a.on, div.topmenu a.on:hover
{
	color: #FFFFFF;
	background-color: #4C5D62;
	text-decoration: none;
}

#body
{
	background-color: inherit;
	position: relative;
	margin: 0px auto;
	width: 750px;
	background-color: #FFFFFF;
}

#lmenu
{
	background-color: #DFDED5;
	width: 150px;
	margin-bottom: 8px;
	border-bottom: solid 3px #4C5D62;
}

#lmenu span
{
	padding-left: 4px;
	font-weight: bold;
	font-size: 9pt;
	letter-spacing: 1px;
	color: #4C5D62;
}

#lmenu a
{
	font-size: 8pt;
	color: #4C5D62;
}

#lmenu img
{
	margin: 0px;
	border: none;
}

#lmenu ul
{
	border-top: solid 1px #4C5D62;
	list-style: none;
	
	position: relative;
	padding: 0;
	margin: 2px 0px 8px 4px;
}

#lmenu li
{
	border-bottom: solid 1px #4C5D62;
	border-left: solid 1px #4C5D62;
	position: relative;
	padding: 0px;
	width: 145px;
}

#lmenu li a
{
	text-indent: 2px;
	
	color: #555555;
	background-color: #DFDFDF;
	
	text-decoration: none;
	
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	
	display: block;
	width: 144px;
	height: 17px;
}

#lmenu li a:hover, #lmenu li a.on
{
	color: #FFFFFF;
	background-color: #4C5D62;
}

#lmenu select, #lmenu input
{
	margin: 3px 1px 0px 2px;
	color: #4C5D62;
	background-color: #FFFFFF;
	border: solid 1px #4C5D62;
	font-size: 7pt;
}

#qlinks
{
	background-color: #FFFFFF;
	width: 100px;
	display: block;
	padding: 4px;
	float: left;
	border: solid 1px #DDDDDD;
}

#qlinks span
{
	font-weight: bold;
	font-size: 9pt;
	letter-spacing: 1px;
	color: #4C5D62;
}

#qlinks a
{
	font-size: 8pt;
	color: #FFFFFF;
}

#qlinks ul
{
	width: 139px;
	list-style: none;
	position: relative;
	padding: 0;
	margin: 2px 0px 0px 12px;
}

#qlinks li
{
	position: relative;
	padding: 0px;
	width: 137px;
}

#qlinks li a
{
	text-indent: 2px;
	color: #333333;
	background-color: #EEEEEE;
	text-decoration: none;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	display: block;
	width: 150px;
	height: 17px;
}

#qlinks li a:hover
{
	color: #FFFFFF;
	background-color: #4C5D62;
	text-indent: 10px;
	font-weight: bolder;
}

#homeTop
{
	margin: 4px;
	border: solid 1px #DDDDDD;
	padding: 4px;
	background-color: #FFFFFF;
}

#content_panel
{
	font-family: Arial;
	
	margin: 4px;
	border: solid 1px #DDDDDD;
	padding: 4px;
}

#slider_panel
{
	margin: 4px 4px 4px 4px;
}

.intro_text
{
	font-family: Arial;
	font-size: 8pt;
	color: #444444;
}

.intro_text a, .intro_text a:visited
{
	color: #444444;
	text-decoration: none;
}

.intro_text img
{
	border: none;
}

.intro_title
{
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #333333;
}

#content
{
	width: 597px;
	border-bottom: solid 3px #4C5D62;
	border-left: solid 3px #4C5D62;
	margin-bottom: 8px;
	background-color: #FFFFFF;
	padding: 0px;
}

#footer, #footer a, footer a:visited
{
	margin: 0px auto;
	width: 750px;
	height: 24px;
	border-top: solid 3px #4C5D62;
	text-align: center;
	vertical-align: bottom;
	font-size: 8pt;
	font-weight: bold;
	color: #444444;
	text-decoration: none;
	padding-top: 4px;
}

#links
{
	margin: 4px 4px 0px 4px;
}

#links td
{
	text-align: center;
}

#links img
{
	border: none;
}

#bottom
{
	color: #FFFFFF;
	font-size: 8pt;
	
	width: 788px;
	height: 26px;
	position: relative;
	margin: 0px auto;
	text-align: center;
	padding-top: 8px;
}

#bottom a, #bottom a:visited
{
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 8pt;
}

#featured
{
	margin: 0px;
	position: relative;
	border-right: solid 1px #18617F;
	border-bottom: solid 1px #18617F;
}

#featured div div, #featured div div a, #featured div div a:visited
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

#featured div
{
	margin: 0;
	padding: 0;
}

#featured td
{
	font-family: Sans-Serif;
	font-size: 9pt;
	color: #444444;
}

#featured a img
{
	margin: 2px;
}

#featured a:hover img
{
	margin: 2px;
}

.detailsBody
{
	margin: 0px;
	background-color: #DDDDDD;
}

#details
{
	margin: 0px;
	background-color: #DDDDDD;
}

#details div
{
	background-color: #FFFFFF;
}

#detailsInfo
{
	width: 752px;
	padding: 4px;
	margin: 4px;
	
	font-family: Arial;
	font-size: 10pt;
	color: #333333;
}

#detailsInfo img
{
	border: solid 4px #DDDDDD;
	margin: 0px;
}

#detailsInfo h1
{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 16pt;
	color: #333333;
}

#detailsInfo b
{
	color: #222222;
}

#detailsInfo div
{
	margin-left: 4px;
}

#detailsInfo div.full
{
	margin: 0px;
}

#detailsContent
{
	width: 752px;
	padding: 4px;
	margin: 4px;
	
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #555555;
}
#detailsContent a, #detailsContent a
{
	color: #555555;
}


#detailsContent a img, #detailsContent a:visited img
{
	border: solid 2px #DDDDDD;
	margin: 2px;
}

#detailsCompliance
{
	width: 752px;
	padding: 4px;
	margin: 4px;
	
	font-family: Arial;
	font-size: 8pt;
	color: #555555;
}

#detailsLinks
{
	width: 752px;
	padding: 4px;
	margin: 4px;
}

#authorized
{
	width: 760px;
	margin: 2px;
}

#authorized a, #authorized a:visited
{
	font-family: Arial;
	font-size: 8pt;
	color: #333333;
	margin-right: 6px;
}

#main_content {
	position: relative;
	font-family: Arial;
	font-size: 9pt;
}

#main_content li 
{
	list-style-position: inside;
	list-style-type: square;
}

#main_content_header {
	font-size: 12pt;
	color: #18617F;
	font-weight: bold;
}

#main_content_subheader {
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
}

#countylink 
{
	position: relative;
	float: left;
	margin: 10px;
}

.countyTitle
{
	color: #666666;
	font-size: 12pt;
	font-weight:bold;
}

.cityTitle
{
	color: #4C5D62;
	font-size: 10pt;
	font-weight:bold;
}

#td_header
{
	background-color: #999999;
	color: #000000;
	font-weight: bold;
}

#utility_table
{
	font-family: Arial;
	font-size: 8pt;
	color: #000000;
}

#utility_table a, a:visited
{
	font-family: Arial;
	font-size: 8pt;
	color: #4C5D62;
	text-decoration: underline;
}

input, submit, password, text {
border: 1px solid #000000;
background-color: #DDDDDD;
font-size: 10px;
width: inherit;
}

#form {
position: relative;
display: block;
left: 75px;
}

#desc {
position: relative;
float: left;
display: block;
width: 100px;
}

#input {
position: relative;
float: left;
display: block;
width: 600px;
}

.even {
background-color: #CCCCCC;
}

.odd {
background-color: #EEEEEE;
}