body, td, th {margin: 5px; font-family: Helvetica, veranda, arial; font-size: 13px; color: #515151}
table {border-collapse: collapse}
td {padding: 0}
td.pad {padding: 3px}
p {text-align: left; font-size: 12px; margin-top: 0px; margin-bottom: 10px}
h2 {font-size: 18px; font-weight: bold; margin-bottom: 0px; color: #607887}
h4 {font-size: 14px; font-weight: bold; margin-bottom: 0px; color: #507361}

.red {color: #7C302C}
.blue {color: #364B72}
.center {text-align: center}
.padtop {padding-top: 5px}

.menub {font-size: 12px; font-weight: bold; font-family: verdana, arial}
.menu {font-size: 12px; font-weight: normal; font-family: verdana, arial}

.linkHi {background-color: #E0E09A}
.linkLo {background-color: #E0E0E0}
.fancy {border: 1px solid #949494; padding: 5px}

A:link {text-decoration: none; color: #507361}
A:visited {text-decoration: none; color: #4F5774}
A:hover {text-decoration: underline; color: #6C4F74}

A.white:link  {text-decoration: underline; color: #FFFFFF}
A.white:visited {text-decoration: underline; color: #551A8B}
A.white:hover {text-decoration: underline; color: #B40000}

A.plain:link  {text-decoration: none; color: #515151}
A.plain:visited {text-decoration: none; color: #551A8B}
A.plain:hover {text-decoration: underline; color: #B40000}

A.red:link  {text-decoration: underline; color: #8B9E57; text-decoration: underline}
A.red:visited {text-decoration: underline; color: #8B9E57; text-decoration: underline}
A.red:hover {text-decoration: underline; color: #8B9E57; text-decoration: underline}

td.tab {padding-top: 1px}
td.tabOff {padding-top: 5px}

#topMenu A:link {text-decoration: none; color: #FFFFFF}
#topMenu A:visited {text-decoration: none; color: #FFFFFF}
#topMenu A:hover {text-decoration: underline; color: #FFFFFF}

.pic {margin-bottom: 20px; border: 1px solid #74706D}
.picRight {float: right; margin-left: 20px; margin-bottom: 10px; border: 1px solid #74706D}
.picRight2 {float: right; margin-left: 20px; margin-bottom: 10px}

.question {color: #364C72; font-weight: bold; font-style: italic}
.gray {color: gray; font-size: 9px}
.comments {text-align: right; padding: 3px; font-size: 10px}
.icon {margin-left: 10px; margin-right: 5px}
.small {font-size: 10px}
.li1 {margin-left: 0px}
.logo {margin-top: 20px}

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.arleftright {display: block}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

b.pearl {color: #536F97}

.lh {background-color: #587FAB; color: white; padding: 5px; width: 50px; text-align: center; font-size: 11px}
.lh1 {padding: 5px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; font-size: 11px; width: 28px}
.lh2 {padding: 5px; border-bottom: 1px solid #E5E5E5}
.lhs {font-size: 11px; padding: 5px}
.lhs2 {font-size: 11px}
.lhss {font-size: 10px; font-family: verdana; color: #515151}
.lidot {background-image: url(http://www.bluepearlhomes.com/images/dot.gif); background-repeat: no-repeat; background-position: center center}
#searchTable li {color: #587FAB}
#searchTable2 li {color: #587FAB}
#weeklyRates li {font-size: 11px}
.avail {padding: 5px}
.amenlinks {font-size: 11px; padding-top: 5px}

#outerDiv {position: absolute; top: 0px; left: 290px; width: 50px; height: 50px; border: 1px solid #515151; display: none; overflow: hidden; z-index: 10002}
#innerDiv {display: none; text-align: center; height: 100%}

#overlay {position: absolute; z-index: 10000; top: 0px; left: 0px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; width: 0; height: 0; top: 0; left: 0}
#propName {font-size: 26px; color: black; display: block}
.rentd_left {float:left;white-space: nowrap; border-bottom: 1px solid #EDEDED; background-color: lightgrey; padding: 5px 10px 5px 10px; width: 150px}
.rentd_right {float:left;width:250px;border-bottom: 1px solid #EDEDED; padding: 5px 0 5px 10px}
.amen_no {background-image: url(/images/amen_no.gif); background-repeat: no-repeat; padding-left: 20px; background-position: 0; text-decoration: line-through}
.amen_yes {background-image: url(/images/amen_yes.gif); background-repeat: no-repeat; padding-left: 20px; padding-bottom: 3px;background-position: 0}
.tooltip {cursor: help; border-bottom: 1px dashed darkred}
#leftcontent {width: 533px; background-color: white; color: #515151; border-right: 1px solid white}
#leftcontent h1 {font-family: Calibri, tahoma; font-size: 150%; font-weight:normal !important; margin: 10px 0 0 10px; color: #3C6B93}
#leftcontent h2 {font-family: Calibri, tahoma; font-size: 130%; font-weight:normal !important; margin: 10px 0 0 10px; color: #627A31}

.mlsd_icons {width: 16px; padding-right: 10px; vertical-align: middle; padding-top: 5px}

#leftcontent p {padding: 5px 20px 5px 10px; text-align: left; font-size: 90%}
#leftcontent img {border: 0px; border-left: 1px solid white}

#rightcontent {width: 255px; background-color: #FAF0D1}
#rightcontent img {border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid white; border-bottom: 0px; margin: 0px}

div.domTTClassic {border: 1px solid black; background-color: InfoBackground; padding: 2px}
div.domTTClassic .caption {font-family: serif; font-size: 12px; _font-size: 12px; font-weight: bold; font-style: italic; padding: 1px 2px;}
div.domTTClassic .contents {color: black; text-align: left; font-size: 12px; }

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
width: 850px;
} 

#nav-menu li
{
float: left;
margin: 0 0.35em;
} 

#nav-menu li a
{
height: 2em;
line-height: 2em;
float: left;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}