body {margin: 5px; font-family: verdana, arial; font-size: 12px; color: #515151; background-color: #E7ECC1}
td, th {margin: 5px; font-family: verdana, arial; font-size: 12px; color: #515151;}
table {border-collapse: collapse}
td {padding: 0}
td.pad {padding: 3px}
p {text-align: justify; font-size: 12px; margin-top: 0px; margin-bottom: 10px}

.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: underline; color: #00008B}
A:visited {text-decoration: underline; color: #551A8B}
A:hover {text-decoration: underline; color: #B40000}
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}
h2 (font-size: 14px; font-weight: bold; margin-bottom: 0px; color: #967D5C}
h4 {font-size: 16px; font-weight: bold; margin-bottom: 0px; color: #2F983B}

.lh {background-color: #967D5C; 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.bestofhatteras.com/images/dot.gif); background-repeat: no-repeat; background-position: center center}
#searchTable li {color: #967D5C}
#searchTable2 li {color: #967D5C}
#weeklyRates li {font-size: 11px}
.avail {padding: 5px}
.amenlinks {font-size: 11px; padding-top: 5px}