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;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	line-height:150%; */
}

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%;
}

.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%;
}

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

.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;
}


.location, .population, .city, .pro, .con, .dining, .things-to-do, .route, .shopping, .coffee, .atm, .medical, .entertainment
{
	text-align: left;
	font: normal 10pt Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	margin: 0px 10% 20px 10%;
	padding: 0px 0px 0px 0px;
	line-height:130%;
}

.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-map
{
	text-align: left;
	font: normal 10pt Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	margin: 0 0 1.6em 0;
	padding: 0px 0px 0px 0px;
	line-height:130%;
}

.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;
}

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

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

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

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

.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
{
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: #222;
	margin: 0 0 8px 0;
	line-height:100%;
}

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

.hotel-snippet
{
	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #333;
	line-height:135%;
	margin: 0 0 8px 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;
}


#content
{
	padding-left: 0px;
	padding-right: 0px;
	margin:0 auto;
	margin-top: 8px;
	text-align: left;
/*	width: 750px;
	background-color:#FFFFFF;
	voice-family:"\"}\"";
	voice-family:inherit;*/
	width: 730px;

}
/*html>body #content
{
	width:750px;
}
*/


/*****************************************************************************************************************/
/* background texture specs */
/*****************************************************************************************************************/
/* area surrounding the content */
#wdo-bg, #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');
}

#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;
}