BODY {
	background: #ccc;
	margin: 0;
	padding: 0;
	font: 11px/16px Georgia, "Times New Roman", Serif
	}
#content {
	position: relative;
	width: 1020px;
	margin: 12px auto 16px auto;
	font: 14px/20px Georgia, "Times New Roman", Serif;
	color: #000;
	background: #fff url(/new/designs/89/destination/templates/136088/assets/mast.jpg) no-repeat;
	border: 1px solid #999;
	}
#inner { padding: 0 12px 12px 12px }
.blocks div.oneW, .blocks div.fourW, .blocks div.sixW {
	display: inline;
	float: left;
	margin-right: 12px;
	}
.blocks div.endcap { margin-right: 0 }
.oneW { width: 72px }
.fourW { width: 324px }
.sixW { width: 492px }
.clear { clear: both; height: 0; overflow: hidden }
.greyed { color: #666 }
.fluffy { font-size: 18px; line-height: 27px }

h1.ihead, h2.ihead {
	font: normal 20px/26px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
	background: #eee;
	padding: 4px 6px;
	margin: 0 0 12px 0;
	color: #d1570d;
	}
div.story { position: relative; display: block }
div.story h1 {
	font: 30px/36px normal "adobe-caslon-pro-1", "adobe-caslon-pro-2", "Adobe Caslon Pro", Georgia, "Times New Roman", serif;
	line-height: 1.25;
	font-weight: 400;
	padding: 0;
	margin: 12px 0 0 0;
	color: #000;
	text-align: left;
	}
div.story h2 {
	font: 23px/30px normal "adobe-caslon-pro-1", "adobe-caslon-pro-2", "Adobe Caslon Pro", Georgia, "Times New Roman", serif;
	line-height: 1.25;
	font-weight: 700;
	margin: 16px 0 4px 0;
	}
div.story h3 {
	font: 23px/30px normal "adobe-caslon-pro-1", "adobe-caslon-pro-2", "Adobe Caslon Pro", Georgia, "Times New Roman", serif;
	line-height: 1.25;
	font-weight: 700;
	margin: 12px 0 0 0;
	}
div.story p { padding: 0; margin: 0 0 12px 0 }
div.story em.dateline {
	font-size: 0.8em;
	color: #767676;
	font-style: normal;
	text-transform: uppercase;
	}
div.authors {
	font-size: 14px;
	color: #666;
	margin: 4px 0 0 0;
	}
div.authors b { color: #000 }

div.pf {
	display: block;
	font: 14px/20px normal Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	}
div.pf img { border: 0; margin-bottom: 4px; max-width: 100%; height: auto; display: block }
img.pf_img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover }
div.pf p { font-size: inherit; line-height: inherit; margin: 0 }
div.pf span.pfP {
	display: block;
	text-align: right;
	font-size: 12px;
	margin-top: -2px;
	color: #767676;
	}
div.pfW { width: 492px }

#body_content { padding-top: 8px }

#masthead { padding-left: 12px }
#navbar {
	display: block;
	width: 492px;
	height: 88px;
	margin: 0;
	padding: 0;
	z-index: 10;
	font: 14px/16px normal sans-serif;
	font-family: "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	}
#mast {
	display: block;
	position: relative;
	width: 504px;
	height: 88px;
	z-index: 2;
	}
#mast img { display: block; border: 0 }

.wheretostay {
	border-top: 2px solid #d1570d;
	background: #f7f7f7;
	padding: 8px 10px;
	margin: 0 0 12px 0;
	}
.wheretostay_head {
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #bf4f0c;
	margin-bottom: 12px;
	}
.wheretostay_map {
	width: 472px;
	height: 472px;
	background: #ffffff;
	border: 1px solid #999999;
	position: relative;
	}
.wheretostay_note {
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 8px;
	display: block;
	}
.wheretostay_map > button {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 500;
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #521200;
	background: #ffffff;
	border: 1px solid #999999;
	padding: 3px 8px;
	cursor: pointer;
	}
.wheretostay_map > button:hover { color: #d1570d }
.wheretostay_pin {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	box-shadow: 0 0 0 1px #999999;
	color: #ffffff;
	font: 12px/24px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: center;
	box-sizing: border-box;
	}
.wheretostay_map strong {
	font: 17px/23px "adobe-caslon-pro-1", "adobe-caslon-pro-2", "Adobe Caslon Pro", Georgia, serif;
	font-weight: 700;
	display: block;
	}
.wheretostay_map em {
	font-style: normal;
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #521200;
	font-weight: 600;
	display: block;
	}

div.story, div.pick { line-height: 21px }
div.pick {
	padding: 16px;
	margin: 0 0 12px 0;
	position: relative;
	}
div.pick.odd { background: #fff }
div.pick.even { background: #f7f7f7 }
.pick_num {
	float: left;
	width: 50px;
	font: 40px/52px "adobe-caslon-pro-1", "adobe-caslon-pro-2", "Adobe Caslon Pro", Georgia, serif;
	color: #bf4f0c;
	}
.pick_in { margin-left: 66px }
.pick_top { margin: 0 0 8px 0 }
.pick_name {
	font: 17px/23px "adobe-caslon-pro-1", "adobe-caslon-pro-2", "Adobe Caslon Pro", Georgia, serif;
	font-weight: 700;
	display: inline;
	}
.pick_name_go {
	background: none;
	color: inherit;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	border: 0;
	padding: 0;
	text-align: inherit;
	text-decoration: underline;
	}
.pick_name_go:hover { text-decoration: none }
.pick_cost {
	float: right;
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #521200;
	font-weight: 600;
	}
.pick_flag {
	display: inline-block;
	font: normal 13px/18px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #521200;
	background: #fde792;
	padding: 0 4px;
	margin: 0 0 8px 0;
	}
.pick_photo { margin: 0 0 12px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px }
.pick_photo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover }
.pick_photo img:first-child { grid-column: 1 / -1 }
.pick_why {
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #717171;
	margin: 8px 0 8px 0;
	}
ul.pick_list {
	margin: 0 0 12px 0;
	padding: 0 0 0 12px;
	list-style: none;
	columns: 2;
	column-gap: 12px;
	font-size: 14px;
	}
ul.pick_list li { margin-bottom: 2px }
ul.pick_list li:before { content: "\2013\00a0"; color: #999 }
.pick_body { margin: 0 0 12px 0 }
.pick_when {
	font-size: 14px;
	color: #666;
	margin: 0 0 8px 0;
	}
.pick_foot {
	border-top: 1px solid #eee;
	padding-top: 12px;
	font-size: 14px;
	color: #666;
	}
.pick_score { color: #000; font-weight: 700 }
.pick_go {
	background: none;
	color: inherit;
	cursor: pointer;
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #999;
	padding: 4px 12px;
	display: inline-block;
	margin-top: 4px;
	}
.pick_go:hover { border-color: #d1570d }

dl.kv { margin: 0 0 12px 0; font-size: 14px }
dl.kv dt {
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
	margin-top: 6px;
	}
dl.kv dd { margin: 0 0 2px 0; color: #666 }

details.qa {
	border-bottom: 1px solid #eee;
	padding: 8px 0;
	}
details.qa > summary {
	cursor: pointer;
	list-style: none;
	font: 17px/23px Georgia, "Times New Roman", serif;
	font-weight: 700;
	padding-left: 16px;
	position: relative;
	}
details.qa > summary::-webkit-details-marker { display: none }
details.qa > summary:before {
	content: "+";
	position: absolute;
	left: 0;
	color: #d1570d;
	font-weight: 700;
	}
details.qa[open] > summary:before { content: "\2013" }
details.qa p { margin: 8px 0 8px 16px }

.sharebar {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 6px 0;
	margin: 0 0 12px 0;
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
.sharebar button {
	font: inherit;
	text-transform: inherit;
	background: none;
	border: 1px solid #999;
	padding: 1px 6px;
	color: #262675;
	cursor: pointer;
	}
.sharebar button:hover { border-color: #d1570d; color: #d1570d }
.sharebar button[aria-pressed="true"] {
	border-color: #d1570d;
	background: #fde792;
	color: #521200;
	}

div.sidebar { font-size: 14px }
div.sidebar h2.ihead { margin-bottom: 8px }
ol.toc {
	margin: 0 0 16px 0;
	padding: 0 0 0 18px;
	}
ol.toc li { margin-bottom: 3px; line-height: 19px }
ol.toc ol { margin: 2px 0 4px 0; padding-left: 14px; color: #666 }
.toc_time {
	font: 14px/20px "proxima-nova-1", "proxima-nova-2", "Proxima Nova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #767676;
	margin: 0 0 6px 0;
	}
.stuck { position: sticky; top: 12px }
ol.morestories {
	margin: 0;
	padding: 0 0 0 18px;
	}
ol.morestories li {
	margin-bottom: 6px;
	line-height: 19px;
	border-bottom: 1px solid #eee;
	padding-bottom: 4px;
	}
.snip { font-size: 13px; color: #767676 }

A { text-decoration: none; color: #262675 }
A:visited { text-decoration: none; color: #101075 }
A:hover { text-decoration: underline }
#content a:hover { color: #d1570d }
img { border: 0 }

@media (max-width: 1022px) {
	#content { width: auto; margin: 0; border: 0 }
	.blocks div.oneW, .blocks div.fourW, .blocks div.sixW {
		display: block;
		float: none;
		width: auto;
		margin-right: 0;
		}
	#content { background-image: none }
	#masthead { padding-left: 0; background: #d1570d }
	#navbar { display: none }
	#mast { width: auto; height: auto }
	#mast img { width: 100%; height: auto }
	div.pfW { width: auto }
	.wheretostay_map { width: auto; height: 320px }
	.stuck { position: static }
	ul.pick_list { columns: 1 }
	.blocks div.oneW { display: none }
	div.pick { padding: 12px }
	.pick_num { float: none; width: auto; font-size: 28px; line-height: 38px; margin: 0 0 8px 0 }
	.pick_in { margin-left: 0 }
	}