body {
	background-color: #ffffff;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #000066;
	text-decoration: underline;
	border: #000000;

}

a:visited {
	color: #000066;
	text-decoration: underline;
	border: #000000;
}

a:hover {
	color: #483D8B;
	text-decoration: underline;
	border: #000000;
}

.hr {
	color: #000000;
}

.neighborhood {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-style: italic;
	padding-top: 5px;
	text-align: center;
}
/* style boxes*/
.rightBox{
	border: solid 1px #000000;
	background-color:#FFFFFF;
	color:#030303;
	font-size:11px;
	font-weight:normal;
}
.rightBoxHead {
	font-size:14px;
	font-weight:bold; 
	background-color:#666666;
	color:#fff;
}

/* used on detail page - note top padding ---I changed to padding to 10px */			
.large24head {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-style: italic;
	padding-top: 5px;
}
			
.largehead {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
			
.midhead {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
			
.smallhead {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

/* for MLSplus */			
.redhead {
	font-size: 11px;
	color: #000000;
}

.plaintext {
	font-size: 12px;
	color: #000000;
}

.smalltext {
	font-size: 10px;
	color: #000000;
}

/* This defines the border around the thumbnails on the pickpage - 
	someday I'd like to make the hover part work - let me know if you figure it out--I will work on this one for you---let me know if this works:-)  */
.thumb {
	border: 1px #000000;

} 

.thumb a:hover {
	border-bottom-width: 2px solid;
	border-bottom-color: #000000;
	border-top-width: 2px solid;
	border-top-color: #000000;
	border-left-width: 2px solid;
	border-left-color: #000000;
	border-right-width: 2px solid;
	border-right-color: #000000;
}

/* colors any submit button, instead of using an image --I changed to background color of the buttons to match the color scheme */
input.gobtn {
	background-color: #000000; 
	font-weight: bold; 
	font-size: 9px; 
	color: #FFFFFF;
	padding: 1px;
}

/* defines width of form box holding counties, cities, etc 
	don't change this*/
select.box {
	width: 150px;
}

select.100 {
	width: 85px;
	font-size: 10px;
	margin: 2px;
}

input.85 {
	width: 85px;
	font-size: 10px;
	margin: 2px;
}

input.40 {
	width: 40px;
	font-size: 10px;
	margin: 2px;
}

/* you may want to change the background color 
	and below, tell it whether to underline the links using border-bottom --don't underline the links let's keep it the same as the rest of the site, I took the inset off the borders so it matches the rest of the site the background hex code for the normal state is #800000, the hex code for the mouseover state is # */
table.float {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 1px 5px;
	text-align: center;
	width: 120px;
	background-color: #ffffff;
	border-color: #000000;
	border-top: 2px solid;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-left: 2px solid;
} 

.float a {
	padding: 1px;
	height: 18px;
	width: auto;
	margin: 3px;
	border-color: #000000;
	border-top: 1px none;
	border-right: 1px none;
	border-bottom: 1px solid;
	border-left: 1px none;
	
}
/* used on registration page - justified */   
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}

/* favorites and saved searches - table background color */
table.cart {
	padding: 2px 1px 5px;
	width: 100%;
	background-color: #cccccc;
	border: 1px double #000000;
	
}    
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align: center;

}
.footer a:link {
	color: #000000;
	text-decoration: none;
}
.footer a:visited {
	color: #000000;
	text-decoration: none;
}

.footer a:hover {
	color: #000000;
	text-decoration: underline;
}

.footer a:active {
	color: #000000;
	text-decoration: none;
}
.contactbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.contactsmall {
	font-family: Verdand, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.listheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
.lefttopcell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;
}

/* /////////////////
interactive map styles

You can use background images or colors for the main tabs, the page sub tabs, the toolbars, and alert boxes to achieve gradients or textures.  
Host the images on your server and supply a full url path for the backgrouund image. ie background: #D6D6DE url(http://YOURSITE.COM/PATH/TO/image.jpg) top left repeat-x;

This file should be named mls.css and placed in a folder named 'inc' on the root of your server.  ie http://YOURSITE.com/inc/mls.css
///////////////////*/

/*main overlay panels*/
.infobox	{font-size: 11px;color:#000000;border: 1px solid #000000;background-color:#eee;font-family:Verdana, Helvetica, sans-serif;}
.alertbox	{font-size: 11px;color:#000000;border: 1px solid #FF0000;background-color:#fff;font-family:Verdana, Helvetica, sans-serif;}

/*main page tabs (MAP, PROPERTY DETAILS, MY FAVORITES, HELP)*/
.maintabs{font-size:12px;color:#fff;font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
.maintabs li a {text-decoration: none;border: 1px solid #000000;} /*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li a:visited{color: #fff;}
.maintabs li a:hover{color: #000000; background-image:none; background-color:#FFFFFF;} /*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li.selected a{font-size:14px;color: #fff;background-image:none; background-color:#000000;border: 1px solid #fff;} /*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li.selected a:hover{text-decoration: none;}

/*toolbars*/
.focusbar{font-size:11px;color:#000000;border-bottom:solid 1px #000000; background-color:#F5F3ED;}
.focusbar_head{color:#000000;font-size:12px; font-weight:bold;}
/**/
.focusfields{font-size:11px;color:#000000;}
/**/
.refinebar{color:#000;border-bottom:solid 1px #000000;background-color:#EDEAE2;}
.refinebar_head{color:#000;font-size:12px;font-weight:bold;}

/*main border around content section*/
.content_style{border: 1px solid #000000;} 

/*page sub tabs */
a.tab{font-size: 11px;font-weight:bold;color:#000000; text-decoration: none;background-color:#EDEAE2;  border: 1px solid #A69A9C;}/*non-selected tab*/
a.tab:hover{color:#000033;font-weight:bold;text-decoration: none;border:1px solid #000;}/*non-selected tab rollover*/
a.stab{font-size: 11px;font-weight:bold;color:#000033;text-decoration: none;background-color:#ffffff;border: 1px solid #A69A9C; } /*selected tab*/
a.stab:hover{color:#000033;font-weight:bold;text-decoration: none;border:1px solid #000;} /*selected tab rollover*/