a:link       
{
	color: #0033CC; 
}
a:visited    
{
	color: rgb(51,153,102); 
} 
a:active 
{
	color: rgb(255,153,0);
}

html
{
	height: 100%;
}

body
{
	text-align: center;
	font: normal 10pt Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
/*color: #202020;*/
	margin: 0px 0px 0px 0px;
	height: 100%;

	padding: 0px 0px 0px 0px;
}

h1, h2, h3, h4, h5, h6, .h1-subheader
{
	font-family: Arial, Helvetica;
	color: #000000;
	line-height:100%;
}

h1
{
	margin: 16px 0 16px 0;
	padding: 0 0 0 0;
	font-size:14pt;
}

h2
{
	font-size:12pt;
	margin: 20px 0 8px 0;
	padding: 0 0 0 0;
	line-height:100%;
}

h3
{
	font-size:11pt;
}

h4
{
	color: rgb(102,51,153);
}

h5
{
	color: rgb(255,102,153);
}

h6
{
	color: rgb(51,153,102);
}

.h1-subheader
{
	margin: 0px 0 16px 0;
	padding: 0 0 0 0;
	font-size:11pt;
}

.heading-with-sub
{
	margin: 16px 0 4px 0;
	padding: 0 0 0 0;
}

.comfy-text
{
	font-size: 11pt;
	line-height: 130%;
}

.default-text, .quotation
{
	text-align: left;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #202020;
/*	height: 100%;*/
	margin: 0px 0px 1.2em 0px;
	padding: 0px 0px 0px 0px;
	line-height:135%;
}

.quotation
{
/*	font: normal 10pt Arial, Helvetica, sans-serif;*/
/*	color: #404040;*/
	margin-left: 20px;
	margin-right: 20px;
}

.standard-text
{
	line-height: 130%;
}

.red-text
{
	color: #ff0000;
}

.dark-yellow-text
{
	color: #dddd00;
}

.blue-text
{
	color: #0000ff;
}

.cyan-text
{
	color: #00ffff;
}

.green-text
{
	color: #00ff00;
}

.purple-text
{
	color: #c869c5;
}

.brown-text
{
	color: #e78b3b;
}

.pink-text
{
	color: #ff1493;
}

img
{	border:0px none;
}

.h1-border
{
	border-bottom: 1px solid #000;
	margin: -8px auto 16px auto;
	width: 100%;
}

.center-it
{
	text-align: center;
}

.offset-text
{
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 24px;
	font: normal 11pt Arial, Helvetica, sans-serif;
	line-height: 120%;
	color: #000;
}

.crumb-trail, .thread-of-ariadne, .gashlycrumb-trail, .trail-crumb-trail
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:8pt; 
/*	margin: 8px 0px 0px 0px;*/
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	text-align: left;
}


.crumb-trail, .thread-of-ariadne, .gashlycrumb-trail
{
	margin-left: 0px;
	margin-rigth: 0px;
}

.hotel-text-min-normal
{
	font-weight:normal;
/*	font-style:italic;*/
}


.location, .population, .city, .pro, .con, .dining, .things-to-do, .route, .shopping, .coffee, .atm, .medical, .entertainment,
	h2.city-header, .hotel-text-min
{
	margin: 0px 4% 20px 4%;
}

.location, .population, .city, .pro, .con, .dining, .things-to-do, .route, .shopping, .coffee, .atm, .medical, .entertainment, .h1-city
{
	text-align: left;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
/*	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;*/
	background-color: #fff;
/*	color: #000;*/
	color: #111;
/*	line-height:130%;*/
	line-height:140%;
	margin: 0px 4% 20px 4%;
	padding: 0px 0px 0px 0px;
}

h2.city-header
{
	margin-top: 24px 
	margin-bottom:14px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}


.trail-default, .distance, .elevation, .hiking-time, .why-climb, .why-hike, .hazards, .crowd, .crowds,
		.scenery, .difficulty, .best-time, .bathrooms, .snacks, .getting-there, .parking, 
		.trail-notes, .cables-text, .cables-list, .def-li, .trail-submenu
{
	text-align: left;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
/*	font: normal 11pt Georgia, 'Times New Roman', Times, serif;*/
	background-color: #fff;
	color: #202020;
	margin-top: 0;
	margin-bottom: 1.6em;
	padding: 0px 0px 0px 0px;
	line-height:145%;
}

.trail-title
{
	font: bold 18pt Arial, Helvetica, sans-serif;
	color: #202020;
}


.trail-submenu
{
	font: bold 10.5pt Arial, Helvetica, sans-serif;
	line-height:140%;
}

.cables-text, .cables-list, .def-li
{
	line-height:130%;
	color: #222;
	margin-bottom: 1.8em;
}

.cables-list, .def-li
{
	margin: 0 6px 0.8em 6px;
}

.cables-h2
{
	color: #000;
}

.social-bookmarks
{
	font: normal 8pt Arial, Helvetica, sans-serif;
	margin: 0 0 1.0em 0;
}

.trail-non-last-para, .non-last-para
{
/*	margin-bottom: 0.8em; */
	margin-bottom: 1.2em;
}

.trail-topic-head
{
	font-weight: bold;
}

.faq-body, .faq-body-last-para
{
	text-align: left;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 0px 0px 0px 0px;
	line-height:145%;
}

.faq-body-last-para
{
	margin-bottom: 2em;
}


.photos-header
{
	color: #000;
	background: #D5D6D6 url("images/trails-th-gradient.png") repeat-x;
	border: 1px solid #bbb; 
	padding: 8px 0px 8px 8px;
	margin: 28px 0 10px 0;
}

.hotel-title, .hotel-title-min
{
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: #222;
	margin: 0 0 8px 0;
	line-height:100%;
}

.hotel-title-min
{
	font: bold 12pt Arial, Helvetica, sans-serif;
	margin: 0 0 4px 0;
}

.hotel-address
{
	font: normal 8pt "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #666;
	margin: 0 0 12px 0;
	line-height:100%;
}

.hotel-address-min
{
	font: normal 9pt "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #555;
	margin: 0 0 4px 0;
	line-height: 120%;
}

.hotel-snippet
{
	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #333;
	line-height:135%;
	margin: 0 0 12px 0;
}


.hotel-snippet-min
{
	font: normal 10pt "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #333;
	line-height:135%;
	margin: 0 0 26px 0;
}

.hotel-header
{
	margin: 0 0px 24px 12%;
}

/*****************************************************************************************************************/
/* page header & footer components */
/*****************************************************************************************************************/
#masthead
{
	padding-left: 0px;
	padding-right: 0px;
	margin:0 auto;
	margin-top: 0px;
	padding-top: 8px;
	text-align: center;
	width: 770px;
	background-color:#FFFFFF;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 770px;
}
html>body #masthead
{
	width:770px;
}

#masthead2
{
	padding-left: 0px;
	padding-right: 0px;
	margin:0 auto;
	margin-top: 0px;
	padding-top: 8px;
	text-align: center;
	background-color:#FFFFFF;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 820px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

html>body #masthead2
{
	width:820px;
}


#content
{
	padding-left: 0px;
	padding-right: 0px;
	margin:0 auto;
	margin-top: 8px;
	text-align: left;
	width: 730px;
}

#content2
{
	padding-left: 0px;
	padding-right: 0px;
	margin: 12px auto 8px auto;
	text-align: left;
//	width: 830px;
	width: 760px;
}

#content-search
{
	padding-left: 0px;
	padding-right: 0px;
	margin: 12px auto 8px auto;
	text-align: left;
	width: 800px;
}

#footer
{
	padding-left: 0px;
	padding-right: 0px;
	margin: 12px auto 0px auto;
	text-align: left;
/*	width: 870px;*/
	width: 100%;
/*	height: 120px;*/
	height: 120%;
	background-color:#c2c2ef;
	background: #FFF url('images/footer-gradient-870w.png');
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	position: relative;
}


.footer-search
{
	width: 300px;
	float: right;
	margin: 16px 12px 4px 12px;
	display: block;
}

.footer-link-text
{
	text-align: left;
	font: bold 10.5pt Arial, Helvetica, sans-serif;
	color: #000000;
/*	color: #202020;*/
/*	height: 100%;*/
	margin: 0px 12px 16px 12px;
	padding: 21px 0px 0px 0px;
	line-height:130%;
}

.footer-bonus-text
{
	text-align: left;
	font: bold 10.5pt Arial, Helvetica, sans-serif;
/*	color: #000000;*/
	color: #202020;
	margin: 0px 12px 12px 12px;
	padding: 0px 0px 0px 0px;
	line-height:130%;
}

.footer-copyright
{
	text-align: center;
/*	float: bottom;*/
	position: absolute;
	bottom: 0;
	font: normal 9pt Arial, Helvetica, sans-serif;
	color: #202020;
/*	height: 0px;*/
	width: 100%;
	margin: 0px 0px 18px 0px;
	padding: 12px 0px 0px 0px;
}

.footer-spacer
{
	width:100%;
	height: 48px;
	margin: 0px 0px 0px 0px;
}

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


/*****************************************************************************************************************/
/* background texture specs */
/*****************************************************************************************************************/
/* area surrounding the content */
#wdo-bg, #wdo-bg2, #clouds-bg, #bluetd-bg, #lightblue-bg, #blueyellow-bg, #darkblue-bg, #gray-bg, #sunset-bg, #blue-gray-bg, #blue-bg
{
	margin: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	min-height:100%;
	height:auto !important;
	height: 100%;
}

#wdo-bg
{
	background-color:#FFF;
	background: #FFF url('images/bg-clouds.jpg');
}

#wdo-bg2
{
	background-color:#FFF;
/*	background: #FFF url('images/bg-clouds.jpg') center top; */
	background: #d8d8e0 url('images/wdo-bg.jpg') repeat-x;
}

.shadow
{
	/* x-offset, y-offset, radius, color */
	-moz-box-shadow: 0px 0px 26px #5c5c5c;
	-webkit-box-shadow: 0px 0px 18px #5c5c5c;
	box-shadow: 0px 0px 32px #5c5c5c;
	/* For IE 8 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#6c6c6c, Enabled=true)";  */
	/* For IE 5.5 - 7 */
/*	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#6c6c6c') */
}

#clouds-bg
{
	background: #FFF url('images/bg-clouds.jpg');
}

#bluetd-bg
{
	background: #3763BE url('images/bg-bluetd.png') repeat-x;  /* blue darkening down - B */
}

#lightblue-bg
{
	background: #DBDAF3 url('images/bg-lightblue.png') repeat-x;		/* light, twilighty - might work A- */
}

#blueyellow-bg
{
	background: #3C5EB6 url('images/bg-blueyellow.png') repeat-x;   /* yellow in the middle - B  */
}

#darkblue-bg
{
	background: #9498C9 url('images/bg-darkblue.png') repeat-x;   /* dark blue A-  */
}

#gray-bg
{
	background: #9C9C9C url('images/bg-gray.png') repeat-x;  /* grayscale B  */
}

#sunset-bg
{
	background: #4D8BC5 url('images/bg-sunset.png') repeat-x;
}

#blue-gray-bg
{
	background: #0E235E url('images/bg-bluegray.png') repeat-x; /* top=209/205/197 */

}

#blue-bg
{
	background: #3763BE;
}

#brown-bg
{
	background: #382B1F url('images/bg-brown.png') repeat-x;
}

.difficulty-image
{
	width:80px;
	height:10px;
	border: 1px solid #000;
}

.banner, .satellite-map, .trail-map, .street-view, .video
{
	text-align: center;
}

.h1-city
{
	font: bold 14pt Arial, Helvetica, sans-serif;
/*	font: bold 13pt Arial,"Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,sans-serif; */
	margin-top: 32px;
}