body {
text-align: center;
padding-top: 10px;
margin: 0;
font: 90% Verdana,Tahoma,Arial,sans-serif;
background-image: url(bg.gif);
background-repeat: repeat-y;
background-color: #f4f4f4;
background-position: top center; }



form {
margin: 0;
padding: 0; }

table {
margin: 0;
padding: 0; }

td {
font: 90% Verdana,Tahoma,Arial,sans-serif;
 }

#wrap {
margin: 0 auto;

background: #ffffff;

color: #303030;

width: 790px;

}



#header {

clear: both;

margin: 20px 0 0 0;

padding: 0;

height: 45px;

}


/*******************  REAL ESTATE SEARCH BOX *******************/


#sjc-re-searchbox {
border: 1px solid #012d6a;
margin-bottom: 3px; }

#sjc-re-searchbox h1 {
background-color: #012d6a;
border: 1px solid #012d6a;
color: white;
font-weight: bold;
padding: 7px;
font-size: 10px;
line-height: 10px;
margin: 0; }

#sjc-re-searchbox p {
border-bottom: 1px solid #7a7a7a;
margin: 0;
font-size: 10px;
line-height: 10px; }

#sjc-re-searchbox p.last {
border-bottom: 0; }

#sjc-re-searchbox a, #sjc-re-searchbox p.last a {
display: block;
text-decoration: none;
color: #840233;
padding: 7px 7px; }

#sjc-re-searchbox a:hover, #sjc-re-searchbox p.last a:hover {
background-color: #840233;
color: white; }





/*******************  END REAL ESTATE SEARCH BOX *******************/





/*******************  LEFT MENU, POSSIBLY JUST TOP DIV IS USED *******************/
#avmenu {
clear: left;
display: inline;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 12px;
font: 90% Verdana,Tahoma,Arial,sans-serif;
}

#avmenu ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#avmenu li {
margin-bottom: 4px;
font-size: 11px;
}

#avmenu li a {
font-weight: normal;
/* commented backslash hack v2 \*/
height: 15px;
/* end hack */
line-height: 13px;
text-decoration: none;
color: #fff;
display: block;
padding: 6px 0 5px 2px;
background: #012d6a;
border-left: 4px solid #840233;
}	
	
#avmenu li a.twolines {
/* commented backslash hack v2 \*/
height: 28px;
/* end hack */
line-height: 13px;
}	

#avmenu li a:hover {
background: #91867e;
color: #fff;
border-left: 4px solid #840233;
}

/*******************  END LEFT MENU  *******************/

.searchbox {

border-bottom: 4px solid #e9e3db;
display: none;
visibility: hidden;
}

.searchbox p {

font-size: 12px;

line-height: 18px;

}

#extras {

float: right;

width: 130px;

margin: 0 4px 10px 0;

padding: 0;

font-size: 0.8em;

line-height: 1.5em;

}


#extrasnew {

float: right;

width: 131px;

margin: 0 4px 10px 0;

padding: 0;

font-size: 0.8em;

line-height: 1.5em;

border-left: 1px #bfb6ad solid;

}


#extras p {

margin: 0 0 1.5em 0;

}



.feature {

margin: 10px 0 10px 0;

color: #505050;

background-color: #fff6d8;

line-height: 1.3em;

}

.featurepad { 
padding: 4px; }


.masthead {

margin: 0 0 0 160px;

padding: 0; }


#master {

margin: 0 0 10px 160px;

border-left: 1px solid #bfb6ad;

padding: 0 0 0 10px;

line-height: 1.4em;

text-align: left; }


img.borderpic {

padding: 1px;

display:inline;

background: #bfb6ad;

border: 4px solid #e9e3db;

}


#content {

margin: 0 145px 20px 160px;

border-left: 1px solid #bfb6ad;

border-right: 1px #bfb6ad solid;

padding: 0 20px 0 20px;

line-height: 1.4em;

text-align: left; }





p {
font-size: 13px;
line-height: 17px;
font-family: Verdana,Tahoma,Arial,sans-serif;
margin: 0 0 10px;
 }

ul {
font-size: 13px;
line-height: 17px;
font-family: Verdana,Tahoma,Arial,sans-serif;
 }

h1 {
font-size: 22px;
line-height: 23px;
margin: 0 0 14px 0;
color: #012d6a; }

h2 {
font-size: 19px;
line-height: 22px;
margin: 0 0 12px 0;
color: #012d6a; }

 
h3 {
font-size: 15px;
line-height: 18px;
margin: 0 0 10px 0;
color: #012d6a; }


h4 {
font-size: 13px;
line-height: 16px;
margin: 0 0 10px 0;
color: #012d6a; }

h5 {
font-size: 11px;
line-height: 13px;
margin: 0 0 5px 0;
color: 840233; }


a {

text-decoration: none;
color: #840233;
font-weight: bold; }

a:hover {

text-decoration: underline;

color: #840233;

}



a img {

border: 0;

}



#footer {

clear: both;

margin: 0 auto;

padding: 0 0 10px 0;

width: 790px;

text-align: right;

color: #808080;

font-size: 0.9em;

}



#footer a {

color: #808080;

text-decoration: none;

}



#footer a:hover {

text-decoration: underline;

}



.left {

margin: 0 10px 5px 0;

float: left;

}



.right {

margin: 0 0 5px 10px;

float: right;

}



.leftborderpic {


padding: 1px;

display:inline;

background: #bfb6ad;

border: 4px solid #e9e3db;

margin: 0 10px 5px 0;

float: left;

}



.rightborderpic {


padding: 1px;

display:inline;

background: #bfb6ad;

border: 4px solid #e9e3db;

margin: 0 0 5px 10px;

float: right;

}



.textright {

text-align: right;

}



.center {

text-align: center;

}



.small {

font-size: 0.8em;

}



.bold {

font-weight: bold;

}


.featuredproperty {
float: right;
display:inline;
margin-left: 10px;
margin-bottom: 6px;
background: #fff;
width: 215px;
text-align: center;
font-size: 12px;
line-height: 15px; }

.featuredproperty p {
font-size: 11px;
line-height: 13px;
}

.marginbottom0 {
margin-bottom: 0;

}


.hide {

display: none;

}

.floatright {

float: right;
text-align: right;

}

.burgundy {

color: #840233;

}

hr {

background-color: #e9e3db;
height: 4px;
border: none;

}

.hide {
visibility: hidden;}

.popup {
background-image:none;
background-color: white;}

.popupcontent {
text-align: left;
margin: 0 15px 10px;
font-size: 12px;
line-height: 16px; }

.popupcontent p, .popupcontent td {
font-size: 12px;
line-height: 16px;}


ul.listingmenu {
font-weight: bold;
list-style: none;
padding: 0;
font-size: 1.1em;
margin-top: -7px; }	

ul.listingmenu li { margin-bottom: 4px; font-size: 11px; line-height: 11px; float: right; clear: right; width: 150px; text-align: center; }

ul.listingmenu li a { 
font-size: 9px;
/* commented backslash hack v2 \*/
height: 13px;
/* end hack */
line-height: 11px;
text-decoration: none;

color: #840233;

display: block;

padding: 6px 10px 5px;
border: 1px solid #840233;

}	

	

ul.listingmenu li a:hover {

background-color: #91867e;

color: #fff;

border: 1px solid #91867e;

}

.linkshead {
background-color: #012d6a; color: white; font-weight: bold; text-align: center; font-size: 12px; padding: 6px 0; margin-bottom: 8px;}

table.propertypricelinks p {font-size: 11px;}

div.IDX-valuationWrapper td {font-size: 12px; line-height: 16px; padding-bottom: 3px;}
div.IDX-showingPageTitle {font-size: 19px;
line-height: 22px;
margin: 0 0 12px 0;
color: #012d6a;
font-weight: bold;}

div#IDX-mortgagePrice {padding-top: 10px;}
.IDX-showingPropertyInfo {margin-top: -20px;}
div#IDX-moreInfoWrapper {width: 617px;}
div#showingPropertyInfo form, div.IDX-showingForm form {margin-left: 120px;}
div.IDX-detailsMoreInfoForm {text-align: center;}
form div.IDX-detailsMoreInfoForm {margin-bottom: 22px;}

/*******************  BEGIN HOME PAGE PHOTO ROTATOR - NOTE THE EXTRA STYLESHEET FOR ROTATOR IS CALLED FROM JS FILE - MUST BE IN ROOT DIRECTORY AS WELL. *******************/

.masthead img {
}

#rotator
{
	cursor: pointer;
	overflow: hidden;
	position: relative;
	height: 300px;
	width: 627px;
	margin-bottom: 12px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
float: left;
display: inline;
}
/*******************  END HOME PAGE PHOTO ROTATOR *******************/


#IDX-slideshow {padding: 4px;}
#IDX-slideshowImage {height: 124px; overflow: hidden;}
.IDX-ssLinkText a {font-weight: bold; color: #840233; }