Copyright (c) 2007-2008 Russ Cary */

.img-small-right
{
	float:right;
	margin: 0px 2px 6px 12px;
}

.sponsor, .sponsor-fancy
{
	float:right;
	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 6px;
	margin-left: 16px;
}

.widget-left
{
	display: inline;
	float:left;
	margin: 6px 16px 6px 12px;
}

.sponsor-left-lodging
{
	display: inline;
	float:left;
	margin: 6px 16px 6px 62px;
}

.sponsor-left, .frame-left, .sponsor-left-trail
{
	display: inline;
	float:left;
	margin: 0px 16px 6px 2px;
}

.sponsor-left-trail
{
	margin-left: 2%;
}

.sponsor-fancy
{
	background: #ffffff url("images/bg-frame.jpg") no-repeat;
	margin-left: 12px;
	margin-right: 0px;
	padding: 8px 0 0 16px;
	padding-right: 0px;
	width: 362px;
	height: 327px;
}

.slideshow
{
	background: #ffffff;
	margin-left: 10px;
	margin-right: 0px;
	padding: 8px 0 0 16px;
	padding-right: 0px;
	width: 370px;   /* 420 */
	height: 256px;  /* 300 */
	float:right;
	text-align:center;
/*	font: normal 9pt Arial, Helvetica, sans-serif; */
}

.slideshow-fullwidth
{
	text-align: center;
}


.slideshow-vert-300w, .slideshow-vert-325w
{
	background: #ffffff;
	margin-left: 10px;
	margin-right: 0px;
	padding: 8px 0 0 16px;
	padding-right: 0px;
	float:right;
	text-align:center;
}

.slideshow-vert-300w
{
	width: 305px;
	height: 475px;
}

.slideshow-vert-325w
{
	width: 330px;
	height: 512px;
}


.slideshow-400
{
	background: #ffffff;
	margin-left: 10px;
	margin-right: 0px;
	padding: 8px 0 0 16px;
	padding-right: 0px;
	width: 405px;   /* 420 */
	height: 300px;  /* 300 */
	float:right;
	text-align:center;
}

.slideshow-450
{
	background: #ffffff;
	margin-left: 10px;
	margin-right: 0px;
	padding: 8px 0 0 16px;
	padding-right: 0px;
	width: 452px;
	height: 330px;
	float:right;
	text-align:center;
}

.sponsor-middle
{
	text-align:center;
	margin: 6px 2px 16px 16px;
}

.clear-floats
{
	clear:both;
	margin: 0px 0px 12px 0px;
}


.hotel-image
{
	float: left;
	width: 230px;
	margin: 0 auto 18px auto;
	text-align: center;
}

/*
.thumbtext-image, .thumbtext-image-200, .thumbtext-image-220, .thumbtext-image-250
{
	float:left;
	width: 160px;
	margin: 0 auto 18px auto;
	text-align: center;
}

.thumbtext-image-200
{
	width: 206 px;
}

.thumbtext-image-220
{
	width: 226 px;
}

.thumbtext-image-250
{
	margin: 8px auto 18px auto;
	width: 250px;
}

.thumbtext-text, .thumbtext-airy-text /*, .hotel-text */
{
	margin: 0px 0px 18px 170px;
	text-align: left;
}

.thumbtext-text-200, .thumbtext-airy-text-200
{
	margin: 0px 0px 18px 212px;
	text-align: left;
}

.thumbtext-text-220, .thumbtext-airy-text-220, .thumbtext-title-220, .hotel-text
{
	margin: 0px 0px 18px 232px;
	text-align: left;
}

.thumbtext-title-220
{
	font: bold 12pt Arial, Helvetica, sans-serif;
}

.thumbtext-sub-title
{
	font: 9pt Arial, Helvetica, sans-serif;
	font-style: italic;
}

.thumbtext-airy-text
{
	line-height: 135%;
}
*/

.hotel-text
{
	margin: 0px 0px 18px 240px;
}

.hotel-text
{
	line-height: 135%;
}

.amazon-header, .amazon-body
{
	font: normal 14px Arial,Tahoma,Verdana,sans-serif;
	line-height: 150%;
	text-align: left;
	valign: top;
	margin-right: 40px;
	margin-top: 0px;
/*	margin-left: 140px; */
}

.amazon-header
{
	font-weight: bold;
	margin-bottom: 10px;
}

.amazon-body
{
	font-weight: normal;
}

.books-body
{
	font: normal 14px Arial,Tahoma,Verdana,sans-serif;
	line-height: 140%;
}

.spacer-16
{
	margin: 16px 0px 0px 0px;
	width:100%;
}

.spacer-24
{
	margin: 24px 0px 0px 0px;
	width:100%;
}

.spacer-36
{
	margin: 36px 0px 0px 0px;
	width:100%;
}


.full-page-image
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto; 
	margin-bottom: auto; 
	max-width: 100%;
	max-height: 100%;
	height: auto;
    width: auto\9; /* ie8 */
}

.city-image
{
	margin-bottom: 16px;
}


.standard-text
{
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 16px;
/*	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;*/
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 130%;
	color: #222;
}

.date-idea
{
	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	line-height: 150%;
	color: #222;
	margin-bottom: 28px;
}

.h2-lodging, .h2-hotels, .h2-hotels-narrow, .h2-maps
{
	font: bold 18px Arial,"Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,sans-serif;
}

.h2-lodging
{
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 100%;
	padding: 12px 0px 4px 0px;
}

.h2-hotels, .h2-hotels-narrow, .h2-quiz-easy, .h2-quiz-medium, .h2-quiz-hard, .h2-quiz-fiendish
{
	color: #000;
	background: #D5D6D6 url("images/trails-th-gradient.png") left top repeat-x;
	border: 1px solid #bbb; 
	padding: 8px 0px 8px 8px;
	margin: 28px 0 24px 0;
}

.h2-hotels-narrow
{
	margin: 40px 4% 20px 4%;
}

.h2-quiz-easy
{
	background: #93E7Cd url("images/wide-gradient-green.png") no-repeat;
}

.h2-quiz-medium
{
	background: #113dcf url("images/wide-gradient-blue.png") no-repeat;
}

.h2-quiz-hard
{
	background: #f6d103 url("images/wide-gradient-yellow.png") no-repeat;
}

.h2-quiz-fiendish
{
	background: #f36b6b url("images/wide-gradient-red.png") no-repeat;
}

.hotel-amenities-header
{
	font: bold 14px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}

.hiking-tips
{
	margin-left: 5px;
	margin-right: 24px;
	margin-bottom: 24px;
	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	line-height: 170%;
	color: #222;
}


.xl-spacer
{
	width:100%;
	margin: 0px 0px 400px 0px;
}

.big-spacer
{
	width:100%;
	margin: 0px 0px 300px 0px;
}

.medium-spacer
{
	width:100%;
	margin: 0px 0px 200px 0px;
}

.small-spacer
{
	width:100%;
	margin: 0px 0px 100px 0px;
}

ul.minor-thumbs, ul.major-thumbs, ul.three-col-list, ul.wallpaper-size-list, ul.flower-family-list
{
	padding: 0;
	float: left;
	text-align: center;
	background-color: #fff;
	line-height: 120%;
	list-style: none;
	width: 100%;
}


ul.wallpaper-size-list
{
	float: none;
}

ul.minor-thumbs
{
	margin: 0 0 10px 0;
}
	
ul.major-thumbs
{
	margin: 0 0 10px 0;
}

ul.three-col-list, ul.wallpaper-size-list, ul.flower-family-list
{
	line-height: 120%;
	margin: 0 0 24px 0;
}

ul.hotel-amenities-list
{
	padding: 0;
	background-color: #fff;
	line-height: 120%;
	margin: 0 0px 24px 12%;
	list-style-position: inside;
	list-style-type: none;
}

ul.hotel-amenities-list li
{
	float: left;
	padding: 0 8px 0 16px;
	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #222;
	width: 40.5%;
	margin: 0 auto 6px auto;
	text-align: left;
	background: url("images/li-dot.gif") scroll  no-repeat;
	background-position: 0px 6px;
}

ul.hotel-amenities-list-narrative
{
	margin: 0 0px 24px 8%;
}

@media screen and (max-width: 699px)
{
	ul.hotel-amenities-list li
	{
		width: 90%;
	}

	ul.hotel-amenities-list
	{
		margin-left: 24px;
		margin-right: 12px;
	}
}


ul.minor-thumbs li, ul.major-thumbs li, ul.three-col-list li, ul.wallpaper-size-list li, ul.flower-family-list li
{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}


ul.minor-thumbs li
{
	width: 24.9%;
	height: 180px;
	margin: 0 auto 10px auto;
}

ul.major-thumbs li
{
	width: 33.2%;
/*	height: 220px; */
	margin: 0 auto 30px auto;
}

ul.three-col-list li
{
	width: 33.2%;
	margin: 0 auto 6px auto;
}

ul.wallpaper-size-list li, ul.flower-family-list li
{
/*	width: 19.8%;*/
/*	margin: 0 auto 6px auto; */
	width: 10em;
	margin: 0 auto 16px auto;
}


ul.wallpaper-size-list, ul.flower-family-list
{
	margin-left: 4%;
/*	margin-right: 8%;*/
	margin-bottom: 24px;
	width: 90%;
}


/*ul.faq, ul.ul-directions*/

ul.standard-list
{
	padding: 0 0 0 10px;
	text-align: left;
	background-color: #fff;
	margin: 10px 16px 24px 24px;
	line-height: 130%;
	width: 90%;
	list-style-type: disc;
	list-style-position: inside;
}

ul.faq li, ul.standard-list li
{
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 150%;
}

ul.ul-directions
{
	margin-bottom: 12px;
}

ul.ul-directions li
{
	margin: 0 3% 8px 8px;
	padding: 0;
	text-align: left;
	line-height: 120%;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
}

ul.ul-map-directions
{
	padding: 0 0 0 10px;
	text-align: left;
	background-color: #fff;
	line-height: 160%;
	top-margin: 10px;
	bottom-margin: 24px;
}


.non-last-para
{
	margin-bottom: 0.8em;
}

.gallery-credit-text
{
	margin-top: 4px;
	font: normal 10pt Arial, Helvetica, sans-serif;
	text-align: center;
}

.hotel-text
{
	line-height: 135%;
}



@media screen and (max-width: 767px)
{
	.thumbtext-title-220, .thumbtext-title-200, .thumbtext-text-220, .thumbtext-text-200
	{
		margin: 0 0 18px 0;
	}
	.hotel-text
	{
		margin: 0 0 36px 0;
	}

	.hotel-address
	{
		line-height:130%;
	}
}

@media screen and (max-width: 767px)
{
	ul.minor-thumbs li
	{
		display: inline-block;
		width: auto;
		height: auto;
		padding: 8px 12px 8px 12px;
	}

	ul.minor-thumbs-150 li
	{
		max-width: 150px;
	}


	.hotel-image
	{
		display: block;
		float: none;
		text-align: left;
		width: 230px;
		margin: 0 0 8px 0;
	}

	ul.standard-list li
	{
		margin: 6px 0 6px 0;
	}
}

.book-holder
{
	min-height: 240px;
}

.book-description
{
	.left-margin 130px;
}

.weather-widget1
{
	float:right;
/*	margin-right: 42px;*/
	margin-left: 24px;
	margin-top: 4px;
}

.bloomsky-header
{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	line-height: 120%;
	margin: 0px 4px 0px 4px;
}

.bloomsky-text
{
	font: normal 0.9em Arial, Helvetica, sans-serif;
	margin: 4px 4px 0px 4px;
	color: #555555;
	line-height: 120%;
}

.bloomsky-footer-text
{
	font: normal 0.9em Arial, Helvetica, sans-serif;
	margin: 0px 4px 0px 4px;
}



.weather-widget-block
{
	display: inline-block;
	width: 230px;
	height: auto;
	max-height: 100%;
/*	margin: 1em 1em 0em 1em; */
	margin: 1em 0.5em 0em 0.5em;
	text-align: center;
	vertical-align: top;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}



.weather-widget-subtext
{
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
}