html {
 margin: 0;
 border: 0;
 padding: 0;
}

body {
/* --- background-color: #e9c9a9; --- */
 background-color: #eae0c5;
 margin: 0;
 padding: 0;
 font-family: arial, sans-serif;
 font-size: small;
 text-align: center;
 color: #000;
}

pre {
 font: 12px arial;
}
p {
 color: #000;
 font-size: 10pt;
 font-weight: normal;
 margin: 0 0 10px 0;
}
h1, h2, h3, h4, h5, h5 {
 color: #000;
 display: block;
 margin: 5px 0 0 0;
 padding: 0;
}
ul, li {
 font-size: 10pt;
 font-weight: normal;
 padding: 0;
 margin: 0;
 list-style-type: none;
}
ul {
 padding-left: 12px;
}
img {
 border: 0;
 margin: 0;
 padding: 0;
}
a {
 color: #0000ff;
}

form {
 border: 0;
 margin: 0;
 padding: 0;
}

h1 {
 color: #000;
 font-size: 16pt;
 font-weight: bold;
 margin: 1px 0 1px 0;
 padding: 0;
}
h2 {
 padding-left: 10px;
 font-size: 12.5pt;
 font-weight: bold;
 margin: 10px 0 0 0;
 padding: 3px;
}
h3 {
 font-size: 9.5pt;
 font-weight: bold;
 margin: 14px 0 0 0;
 padding: 0;
}
h4 {
 font-size: 9pt;
 font-weight: normal;
}

.clsTotal {
 font-weight: bold;
}

p.last {
 margin-bottom: 0;
}


ul.clsTaskList {
 margin: 4px 10px 4px 10px;
 padding-left: 15px;
 list-style: none;
}
ul.clsTaskList li.pls, 
ul.clsTaskList li.mns {
 margin: 0;
 padding: 1px 2px 0 15px;
 line-height: 1.5em;
}

ul.clsFntAd {
 background-color: #fff;
 position: relative;
 margin: 0 6px;
 padding: 0;
}
ul.clsFntAd li {
 display: block;
 background-color: transparent;
 position: relative;
 width: 260px;
 float: left;
 margin: 0;
 padding: 15px;
 border-top: 5px solid #cacaca;
}
ul.clsFntAd li.clsSplit {
 background-color: #cacaca;
 position: relative;
 float: left;
 width: 5px;
 height: 300px;
 margin: 0;
 padding: 0;
}
ul.clsFntAd li p {
 font: 8pt arial;
}

ul.clsFntAd img {
 float: right;
}

/* ---[ top ]--- */
#idWrap {
 margin: 0 auto;
 padding: 0;
 font-size: 95%;
 text-align: left;
 /*width: 940px;*/
 width: 934px;
 background-color: #e2c684;
}


/* ---[ idTitle box ]--- */
#idTitle {
 background: #fff url(../images/main_top.jpg) no-repeat top left;
 clear: left;
 height: 85px;
 width: 934px;
 padding: 0;
 margin: 0;
}


/* ---[ main column ]--- */
#idMainBody {
 background: transparent url(../images/main_left.jpg) no-repeat top left;
 float: left;
 width: 789px;

 padding: 0;
}


/* ---[ content ]--- */
#idContentBg {
 background-color: #fff;
 padding: 0;
 margin: 0;
 width: 606px;
 height:569px;
 float: right;
}

#idContent {
 background-color: #fff;
 padding: 15px 2px 0 2px;
 margin: 0;
 width: 604px; 

 /*width:600px;*/
 float: right;
}
#idLeftBar {
 width: 146px;
 padding: 0 0 0 35px;
 margin: 0;
 float: left;
}
#idLeftBar h1 {
 color: #fff;
 font-size: 10pt;
 font-family: arial;
 text-align: left;
 padding-left: 4px;
 margin: 0;
 border: 1px solid black;
 background-color: #9C702F;
 border-top:none;
}
#idLeftBar ul {
 background-color: #fff;
 display: block;
 margin: 0;
 padding: 0;
 list-style: none;
}
#idLeftBar ul li {
 display: block;
 background-color: #F3E7CB;
 list-style: none;
 padding: 1px;
 margin: 0;
 border: 1px solid black;
 border-top:none;
 border-bottom-color:#825D1E;
}
#idLeftBar a {
 display: block;
 position: relative;
 color: #000;
 font: bold 10pt arial;
 text-decoration: none;
 padding: 3px 4px;
}
#idLeftBar a:hover {
 background-color:#BE9D65;
}

.clsDis {
/* width: 350px; */
}

.clsDis, 
.clsDis li {
 margin: 0;
 padding: 0;
 list-style: none;
 font: 8pt arial;
 width: 165px; 
}
.clsDis img {
 float: left;
 clear: left;
 width: 50px;
 margin: 1px 2px 1px 1px;
}


.clsTipTag {
 margin: 0px 10px  5px 20px;
 float:right;
}

.clsTipText1 {
 font: bold 8pt arial;
 width: 145px;
 padding: 1px 1px 1px 0;
 text-align:center;
 color:#917330;
}

.clsTipText2 {
 font: 8pt arial;
 width:200px;
 padding: 5px;
 background-color:#F3E7CB;
}

/* ---[ right column ]--- */
#idSidebar {
 background: transparent url(../images/main_right1.jpg) 0 0 no-repeat;
 float: right;
 padding: 0;
 margin: 0;
 width: 145px;
}
#idSidebarBody {
 background: transparent url(../images/main_right2.jpg) no-repeat top right;
 height: 476px; 
 width: 145px;
 margin: 41px 0 0 0;
 padding: 0;
 font-size: 90%;
 line-height: 1.5em;
 color: black; 
}

div.clsAdTopSpacer {
 height: 50px;
/*
 background-color: green;
 border:1px solid black;
*/
}

div.clsDisAd1 {
 height: 135px;
 padding: 50px auto;
/* background-color: silver; */
 text-align: center;
}


/* ---[ footer ]--- */
#idFooter {
 /* --- background-color: #e9c9a9; --- */
 background-color: #eae0c5;

 height: 30px;
 position: relative;
 clear: both;
 margin: 0;
 padding: 0 0 20px 0;
 font-size: 90%;
 color: #666;
 text-align: center;
}

#idFooter2 a {
 height: 30px;
 position: relative;
 clear: both;
 margin: 0;
 padding: 0 0 20px 0;
 font-size: 90%;
 color: #666666;
 text-align: center;
 text-decoration:none;
}


/* ---[ search ]--- */
#idSearchMap {
 float: left;
 width: 450px;
}
#idSearch {
 float: right;
 width: 148px;
 padding: 2px;
 background-color: #f5f0e3;
 border: 1px solid #6B5931;
}

#idSearch label {
 color: #241800;
 font: bold 8pt arial;
 cursor: hand;
 cursor: pointer;
}
#idSearch select {
 color: #000;
 font-family: arial;
 font-size: 7.5pt;
}

#idSearch .clsDivider {
 display: block;
 position: relative;
 margin: 8px 0 4px 0;
 padding: 0;
 background-color: transparent;
 border-bottom: 2px solid #6B5931;
}


#idSearch .clsTypeForm_Off {
 display: none;
}
#idSearch .clsTypeForm_On {
 display: block;
}

#idSearch2 {
 float: left;
 width: 148px;
 padding: 2px;
 background-color: #f5f0e3;
 border: 1px solid #6B5931;
}

#idSearch2 label {
 color: #241800;
 font: bold 8pt arial;
 cursor: hand;
 cursor: pointer;
}
#idSearch2 select {
 color: #000;
 font-family: arial;
 font-size: 7.5pt;
}

#idSearch2 .clsDivider {
 display: block;
 position: relative;
 margin: 8px 0 4px 0;
 padding: 0;
 background-color: transparent;
 border-bottom: 2px solid #6B5931;
}


#idSearch2 .clsTypeForm_Off {
 display: none;
}
#idSearch2 .clsTypeForm_On {
 display: block;
}

ul.clsCriteria {
 display: block;
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.clsCriteria li {
 display: block;
 margin: 0 0 5px 0;
 padding: 0;
 list-style: none;
}
ul.clsCriteria li input {
 vertical-align: middle;
}

#idSubmit {
 float: right;
 font-family: arial;
 font-size: 8pt;
 font-weight: bold;
 border-width: 1px;
}

/* ---[ map tags ]--- */
#idDevArea {
 position: relative;
 background-color: transparent;
 border: 0px solid #acacac;
}
#map {
 background-color: #C0C0C0;
 width: 445px;
 height: 400px;
 border: 1px solid black;
}
#idSelectionBox {
 background-color: transparent;
 position: absolute;
 left: 10px;
 top: 10px;
 width: 50px;
 height: 50px;
 border: 1px solid black;
 margin: 0;
 padding: 0;
 overflow: hidden;
 visibility: hidden;
}


/* --[Results]--   */
#idSearchResults {
 display: block;
 position: relative;
 background: #fff;
 float: left;
/* margin-left:3px;*/
}
.clsSrchRslts {
 display: block;
 position: relative;
 margin: 1px;
 padding: 1px;
}
.clsSrchRslts li {
 padding: 2px 1px 10px 1px;
 clear: both;
}

#idSearchResults .clsLstTab {
 background-image: url('../images/tab.gif');
 background-attachment: scroll;
 background-position: 0px 3px;
 background-repeat: no-repeat;
/* background-color: #f5f5f5; */
/* background-color: green; */
 width: 582px;
 height: 19px;
 padding: 5px 0 0px 0;
 margin: 0;
}
#idSearchResults .clsLstTab a {
 text-decoration: none;
}
#idSearchResults .clsLstTab span.clsPrice { 
 position: relative;
 padding: 0 10px 0 10px;
 color: black;
 font: bold 11pt arial; 
}
#idSearchResults .clsLstTab span.clsMLS {
 font: bold 8pt arial;
 color: brown; 
 text-decoration: none;
}

#idSearchResults .clsImg {
 width: 130px;
 float: left;
 padding: 10px 0px;
 text-align: center;
}

#idSearchResults .clsCnt {
 background-color: #fff;
 width: 450px;
 float:left;
 padding-bottom: 7px;
}

#idSearchResults .clsCnt2 {
 background-color: #fff;
 width: 290px;
 float:left;
 padding: 7px 0 7px 0;
 float:right;
}

#idSearchResults .cls_bk_Cnt {
 background-color: #fff;
 width: 450px;
 float: right;
}

#idSearchResults .clsCnt h1 {
 padding: 0;
 margin: 0;
 font: bold 10pt arial;
 float: left;
}

#idSearchResults .clsCnt a {
 color: #3352CA
}

#idSearchResults .clsCnt h2 {
 color: #3E3E3E;
 padding: 0 0 3px 0;
 margin: 1px;
 font: normal 9pt arial;
 clear: both;
}
#idSearchResults .clsCnt span.clsRealtor {
 position: relative;
 color: #3E3E3E;
 font: bold 10pt arial;
 float: left;
}

#idSearchResults .clsHr {
 display: block;
 position: relative;
 height: 5px;
 clear: both;
 margin: 0 5px;
 border-bottom: 2px solid #C0C0C0;
}


.clsSrchRslts {
 margin: 5px 0 0 0;
}


.clsSrchRslts img {

}

.hide, hr {
 display: none;
}




/*-- History NavButtons --*/
.navPage {
 font-size: 10pt;
 font-family: Verdana;
 cursor: default;
 text-align: center;
 padding: 3px 0;
 margin: 0;
}
.navPage span {
 height: 20px;
 background-color: transparent;
 margin: 0;
 padding: 2px;
}
.navPage a {
 width: 22px;
 height: 20px;
 margin: 0;
 border: 1px solid #fff;
 padding: 2px 7px 2px 7px;
}
.navPage a:hover {
 background-color: #CEC394;
 border-color: #6B5931;
 padding: 2px 7px 2px 7px;
}



/*-- History NavButtons --*/
ul.clsMthList {
 display: block;
 margin: 0;
 padding: 0;
}
ul.clsMthList li {
 display: block;
 float: left;
 margin: 1px 3px;
 list-style: none;
}
ul.clsMthList li a, 
ul.clsMthList li a.clsSelected {
 display: block;
 float: left;
 position: relative;
 border: 1px solid white;
}
ul.clsMthList li a.clsSelected {
 color: #000;
 text-decoration: none;
}


/*--  Year Nav --*/
a.clsNavYr {
 color: #000;
 background-color: #fff;
 margin: 1px 3px;
 padding: 0 4px;
 border: 1px solid #fff;
 text-decoration: none;
}
a.clsNavYr:hover {
 background-color: #CEC394;
 border: 1px solid #6B5931;
}

/*--  Basic Nav --*/
a.clsHdrLnk {
 color: #000;
 text-decoration: underline;
}
a.clsHdrLnk:hover {
 text-decoration: none;
}

.clsLF {
 float: left;
}
.clsRF {
 float: right;
}



.ss1 {
 display: block;
 height: 26px;
 position: relative;
 background-color: #f5f5f5;
 border: 1px solid #dadada;
 color: #000000;
 margin: 2px auto;
 padding: 0;
}
.ss2 {
 display: block;
 position: relative;
 background-color: #f5f5f5;
 border: 1px solid #dadada;
 color: #000000;
 margin: 2px auto;
 padding: 6px 12px;
}


ul.clsLeftInfo {
 display: block;
 float: left;
 position: relative;
 margin: 2px 0;
 padding: 0;
}

ul.clsAdminControls {
 display: block;
 float: right;
 position: relative;
 margin: 2px 0;
 padding: 0;
}
ul.clsAdminControls li,
ul.clsLeftInfo li {
 display: block;
 float: left;
 margin: 0 2px;
 padding: 0;
 list-style: none;
}
a.clsPlnBtn {
 color: #000;
 background-attachment: scroll;
 background-position: 2px 2px;
 background-repeat: no-repeat;
 background-color: transparent;
 margin: 0;
 padding: 3px 3px 4px 22px;
 font: 8pt arial;
 text-decoration: underline;
}
a.clsPlnBtn:hover {
 text-decoration: none;
}


a.clsBtn, 
a.clsIcnBtn {
 display: block;
 float: left;
 color: #000000;
 background-attachment: scroll;
 background-position: 2px 2px;
 background-repeat: no-repeat;
 background-color: #f5f5f5;
 border: 1px solid #f5f5f5;
 margin: 0;
 font: 8pt Tahoma;
 text-decoration: underline;
 text-align: left;
}
a.clsBtn {
 padding: 3px 3px 4px 4px;
}
a.clsIcnBtn {
 padding: 3px 3px 4px 22px;
}

a.clsIcnBtn:hover, 
a.clsBtn:hover {
 background-color: #CEC394;
 border: 1px solid #6B5931;
 text-decoration: none;
}

a.clsJstIcn {
 display: inline;
 position: absolute;
 width: 20px;
 height: 20px;
 background-attachment: scroll;
 background-position: 2px 2px;
 background-repeat: no-repeat;
 background-color: #fff;
 border: 1px solid #fff;
 padding: 0;
 text-decoration: none;
 overflow: hidden;
}

a.clsJstIcn:hover {
 background-color: #CEC394;
 border: 1px solid #6B5931;
}


table.clsNrmResults {
 width: 100%;
}
table.clsNrmResults tr.clsHeader td a,
tr.clsHdr2 td a {
 display: block;
 color: #000;
 font: bold 10.5pt arial;
 text-align: center;
}
table.clsNrmResults tr.clsRs td {
 color: #000;
 font: normal 12px arial;
/* text-align: center; */
}

table.clsMiniResults {
 background-color: #fff;
 border: 1px solid #dadada;
}
table.clsMiniResults tr td {
 font: 8.5pt arial;
 padding: 2px 3px;
}

tr.clsRs2 td, 
tr.clsRs2Over td {
 background-color: transparent;
 color: #000;
 padding: 0;
 font: normal 8pt arial;
}

tr.clsRs2Over td {
 background-color: #dadada;
 cursor: hand;
 cursor: pointer;
}

.clsNoRecords {
 width: 600px;
 height: 50px;
 background-color: transparent;
 color: #000;
 padding: 0;
 font: bold 8pt arial;
 text-align: center;
}

label.clsLbl1 {
 display: block;
 float: left;
 position: relative;
 background: #f5f0e3;
 border:1px solid #eae1c7;
 width: 120px;
 color:#000;
 padding: 1px;
 margin: 0 4px 0 3px;
 font: bold 10pt arial;
 text-align: left;
 cursor: hand;
 cursor: pointer;
}

/*-- Date Input Field Styles --*/
.clsDateFlds input {
 border-width: 1px;
}

li.clsFormTime {
 margin-bottom: 2px;
}
li.clsFormTime select {
 font: 8pt arial;
 border-width: 1px;
 margin-bottom: 2px;
}
li.clsFormTime span {
 display: inline;
 position: relative;
 font: bold 12pt arial;
 background-color: transparent;
}

ul.clsOHAdd {
 width: 500px;
}

ul.clsOHAdd li {
 padding: 1px;
}


/*-- NEW FOR SERVICE DIRECTORY --*/
div.clsImg {
 float: left;
 width: 200px;
}
div.clsImg img {
 vertical-align: bottom;
}
div.clsCnt {
 width: 454px;
 float: left;
 margin: 0;
}
div.clsLft {
 background-color: transparent;
 width: 150px;
 float: left;
 text-align: center;
}

ul.clsSdResults {
 width: 604px;
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.clsSdResults li, 
ul.clsSdResults li.clsOdd  {
 margin: 0 auto;
 padding: 7px 0;
 float: left;
}
ul.clsSdResults li.clsOdd {
 background-color: #E4CB99;
}


div.clsCnt ul, 
div.clsCnt ul li {
 padding: 0;
 margin: 0;
 list-style: none;
}

div.clsCnt ul {
 background-color: transparent;
 margin: 2px 0;
 float: left;
 padding:0px;
}
div.clsCnt ul li {
 display: block;
 font: 10pt arial;
 clear: both;
}

div.clsCnt span {
 position: relative;
 background-color: transparent;
 font: bold 9pt arial;
 padding: 15px 15px 0 0;
 float: right;
}
/*
* div.clsMyTabs {
 background-color:#F3E7CB;
 float:left;
 width:80px;
 padding:2px;
 padding-top:4px;
 padding-bottom:3px;
 text-align:center;
 border: 1px solid #9C702F;
 font: bold 9pt arial;
 border-left:none;
}

* div.clsMyTabs:hover {
 background-color:#BE9D65;
}
*/

#idMyTabs li{
 float: left;
 width: 82px;
 text-align: center;
 border-right: 1px solid #5876A3;
 font: bold 8pt arial;
}

#idMyTabs a {
 background-color: #769DD6;
 display: block;
 color: white;
 text-decoration: none;
 padding: 3px 0px 2px 2px;
 width: 80px;
 text-align: center;
}

#idMyTabs a:hover {
 background-color: #5876A3;
}


#idCrumbNav {
 float: left;
 font: 8pt arial;
 color: #5F3B06;
 padding: 5px 0 5px 6px;
}

#idCrumbNav a {
 color: #5F3B06;
}

.clsTabRs {
margin:0px;
float:left;
}

.clsTabRs a {

float: left;
padding: 0px;
margin: 0px;
width: 74px;
height: 15px;
background-image: url('../images/rs.gif');
border-bottom: 2px solid black;

text-decoration:none;
color:black; 
font: bold 8pt arial;

padding-left:30px;
padding-top:12px;

}

.clsTabRs a:hover {
text-decoration:none;
color:black; 
font: bold 8pt arial;

background-image: url('../images/rs_hover.gif');

}

.clsTabRsSelect {
margin:0px;
float:left;
}

.clsTabRsSelect a {
float: left;
padding: 0px;
margin: 0px;
width: 74px;
height: 15px;
background-image: url('../images/rs_select.gif');
border-bottom:2px solid white;

text-decoration:none;
color:black; 
font: bold 8pt arial;

padding-left:30px;
padding-top:12px;
}

.clsTabOp {
float:left;
margin:0px;
}

.clsTabOp a {

float: left;
padding: 0px;
margin: 0px;
width: 74px;
height: 15px;
background-image: url('../images/op.gif');
border-bottom: 2px solid black;

text-decoration:none;
color:black; 
font: bold 8pt arial;

padding-left:30px;
padding-top:12px;

}

.clsTabOp a:hover {
text-decoration:none;
color:black; 
font: bold 8pt arial;

background-image: url('../images/op_hover.gif');

}

.clsTabOpSelect {
margin:0px;
float:left;
}

.clsTabOpSelect a {
float: left;
padding: 0px;
margin: 0px;
width: 74px;
height: 15px;
background-image: url('../images/op_select.gif');
border-bottom:2px solid white;

text-decoration:none;
color:black; 
font: bold 8pt arial;

padding-left:30px;
padding-top:12px;
}

.clsTabRn {
float:left;
margin:0px;
}

.clsTabRn a {

float: left;
padding: 0px;
margin: 0px;
width: 74px;
height: 15px;
background-image: url('../images/rn.gif');
border-bottom: 2px solid black;

text-decoration:none;
color:black; 
font: bold 8pt arial;

padding-left:30px;
padding-top:12px;

}

.clsTabRn a:hover {
text-decoration:none;
color:black; 
font: bold 8pt arial;

background-image: url('../images/rn_hover.gif');

}