body {
    background: #FFF;
    color: #000;
    font: 10pt verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    margin: 0 0 10px 10px;
    padding: 0
    }
a:link {
    color: #737166
    }
a:visited {
    color: #737166
    }
a:hover, a:active {
    color: #2E2E2B
    }
td, th, p, li {
    font: 10pt verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
img {
    border: none
    }
:where(.blk) td, :where(.blk) th, :where(.blk) p, :where(.blk) li {
    font: 14px/1.5 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
hr {
    border: 0;
    height: 1px;
    margin: 0 20px;
    background: #ccc
    }
.page {
    background: #FFF;
    color: #000
    }
.tborder {
    background: #C6C4BC;
    color: #000;
    border: 1px solid #575240
    }
.tcat {
    background: #777569 url(/new/designs/89/destination/templates/136150/images/gradient_tcat.gif) repeat-x top left;
    color: #FFF;
    font: bold 14px/1.35 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
.thead {
    background: #777569 url(/new/designs/89/destination/templates/136150/images/gradient_thead.gif) repeat-x top left;
    color: #FFF;
    font: bold 14px tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
.tfoot {
    background: #FAD877;
    color: #59190D
    }
.alt1 {
    background: #F5F5FF;
    color: #000
    }
.alt2 {
    background: #E1DED7;
    color: #000
    }
.smallfont {
    font: 12px/1.35 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
td.thead, div.thead {
    padding: 4px
    }
#header {
    position: relative;
    min-height: 147px
    }
#header .logo {
    position: relative;
    width: 214px;
    height: 147px;
    margin-top: 10px
    }
#menu {
    text-align: center;
    padding: 8px;
    margin: 0 10px;
    background: #ffefb0;
    min-height: 22px
    }
.blk {
    margin: 0 0 14px
    }
.blk .thead {
    padding: 3px 6px 7px
    }
.blk .pane {
    padding: 6px
    }
#crumbbar {
    color: #000;
    margin: 0 10px;
    padding: 5px 8px
    }
#crumbbar em {
    font-style: normal;
    padding: 0 5px
    }
.label {
    display: block;
    color: #FFF;
    font: 12px/1.35 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0 0 2px
    }
.head {
    margin: 0;
    font: bold 14px tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    color: #FFF
    }
.narrow {
    padding: 0 24px
    }
#intro .title {
    margin: 0 0 6px;
    font: bold 28px tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    color: #000
    }
#intro .subtitle {
    margin: 0 0 8px;
    font-size: 12pt;
    color: #59190D
    }
#intro .stats {
    margin: 8px 0 0;
    padding: 0;
    list-style: none
    }
#intro .stats li {
    font: 12px/1.35 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    color: #737166
    }
#article .lead {
    font-size: 11pt
    }
#article .text > p:first-child {
    font-size: 11pt
    }
#article .sub {
    margin: 14px 0 6px;
    font: bold 14px verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
#article .text a::after {
    content: " \00BB"
    }
#article .text ul {
    list-style-type: disc
    }
#article .media {
    display: grid;
    grid-template-columns: 1fr;
    padding: 6px
    }
#article .shot {
    margin: 0 0 6px;
    padding: 6px;
    background: #FFF
    }
#article .shot img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    }
#article .clip {
    margin: 0 0 6px;
    padding: 6px;
    background: #FFF
    }
#article .clip .clipimg {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover
    }
.roster {
    margin: 0;
    padding: 0;
    list-style: none
    }
.stay {
    margin: 0 0 12px;
    padding: 16px;
    background: #FFF;
    border-top: 2px solid #D69200;
    border-bottom: 1px solid #C6C4BC;
    border-radius: 4px
    }
.stay .image img {
    display: block;
    width: 220px;
    height: 124px;
    object-fit: cover
    }
.stay .info {
    padding: 0 0 0 16px
    }
.stay .tag {
    display: inline-block;
    margin: 0 0 8px;
    padding: 1px 7px;
    background: #ffefb0;
    color: #59190D;
    border-radius: 9px;
    font: 12px/1.35 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
.stay .name {
    margin: 0 0 8px;
    font: bold 12pt verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
.stay .name .namelink {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    font: inherit;
    text-align: left;
    color: #737166;
    cursor: pointer
    }
.stay .name .namelink:hover {
    color: #2E2E2B
    }
.stay .name .namelink::after {
    content: " \00BB"
    }
.stay .meta {
    margin: 0 0 8px;
    color: #737166;
    font: 12px/1.35 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
.stay .meta span {
    padding: 0 8px 0 0
    }
.stay .foot {
    margin: 0 0 8px;
    text-align: right
    }
.stay .cost {
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 2px 8px;
    background: #FAD877;
    color: #59190D;
    border-radius: 9px;
    font: bold 12px/1.35 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
.stay .desc {
    margin: 0
    }
.go {
    padding: 4px 12px;
    background: transparent;
    color: #59190D;
    border: 1px solid #575240;
    border-radius: 4px;
    font: 12px verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    cursor: pointer
    }
.go:hover {
    color: #D69200
    }
#geo .map {
    width: 100%;
    aspect-ratio: 1 / 1;
    min-height: 320px;
    background: #E1DED7
    }
#geo .maptext {
    padding: 6px;
    color: #646258
    }
#geo .side {
    padding: 0 0 0 6px
    }
#geo .geolist {
    margin: 0;
    padding: 0;
    list-style: none
    }
#geo .geolist li {
    padding: 3px 0;
    border-bottom: 1px solid #C6C4BC;
    font: 12px/1.35 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
#geo .key {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    background: #777569;
    color: #FFF;
    border-radius: 8px;
    text-align: center;
    line-height: 16px;
    font-weight: bold
    }
.pin {
    width: 22px;
    height: 22px;
    background: #777569;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 11px;
    text-align: center;
    line-height: 22px;
    font: bold 12px/22px tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    cursor: pointer
    }
#recs .promo {
    padding: 6px
    }
#recs .promo .tagline {
    padding: 0 0 0 12px;
    font: bold 14px/1.5 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
#recs .reclist {
    margin: 0;
    padding: 0;
    list-style: none
    }
#recs .rec {
    padding: 6px 0;
    border-bottom: 1px solid #C6C4BC
    }
#recs .rec .image img {
    display: block;
    width: 110px;
    height: 79px;
    object-fit: cover
    }
#recs .rec .text {
    padding: 0 0 0 10px
    }
#recs .rec .title {
    margin: 0 0 3px;
    font: bold 14px verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
#recs .rec .title a::after {
    content: " \00BB"
    }
#recs .rec .intro {
    margin: 0;
    color: #737166;
    font: 14px/1.5 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif
    }
#qa .qa {
    margin: 0
    }
#qa .qa dt {
    margin: 8px 0 3px;
    font-weight: bold
    }
#qa .qa dd {
    margin: 0
    }
#chart .kv {
    margin: 0 0 10px
    }
#chart .who {
    padding: 4px 6px;
    font-weight: bold
    }
#chart .optname {
    padding: 3px 6px;
    width: 55%
    }
#chart .optval {
    padding: 3px 6px
    }
#share {
    padding: 6px 0
    }
#share .copy {
    padding: 4px 12px;
    background: transparent;
    color: #59190D;
    border: 1px solid #575240;
    border-radius: 4px;
    font: 12px verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    cursor: pointer
    }
#share .copy[aria-pressed="true"] {
    background: #ffefb0
    }
#notfound .title {
    margin: 0 0 6px;
    font: bold 28px tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    color: #000
    }
@media screen and (max-width: 760px) {
    #menu {
        padding: 6px
        }
    .narrow {
        padding: 0 6px
        }
    .stay .image img {
        width: 100%;
        height: auto
        }
    .stay {
        padding: 12px
        }
    .stay table, .stay tbody, .stay tr {
        display: block;
        width: auto
        }
    .stay .image, .stay .info {
        display: block;
        width: auto
        }
    .stay .info {
        padding: 12px 0 0
        }
    #geo .side {
        padding: 6px 0 0
        }
    #recs .rec .text {
        padding: 6px 0 0
        }
    }