@charset "UTF-8";
/* trailhead.css */

img.border { border: 5px double #ab9e99; /* matches mountain note-line */ margin-bottom: 5px; _margin-top: 30px; }
img.left {  }
img.right {	 }

/* ================================================================================= */
/* /////////////////////    Trailhead Section (Public Pages)   ///////////////////// */
/* ================================================================================= */
/* Fonts used on this page:  1. System Font: Lucida Grande (see base.css to confirm), 2. Graphics Fonts:, a. Title Font: Warnock Pro, b. Body Font: Papyrus */

/* _______________ PAGE BACKGROUND assigned by class  _______________ */
#page	    { width: 955px;	height: 600px; background-color: transparent; position: relative; margin:0; padding:0; }
#page.page-000	{ width: 955px;	height: 570px; }

.page-000 { background: url(/images/000-trailhead/trailhead_bg.jpg) no-repeat 0 0; }
.page-100 { background: url(/images/100-the_path_ahead/the_path_ahead_bg.jpg) no-repeat 0 0; }
.page-100-option { background: url(/images/100-the_path_ahead/the_path_ahead_bg_alt.jpg) no-repeat 0 0; } /* delete later */
.page-notes { background: url(/images/100-the_path_ahead/the_path_ahead_blur_bg.jpg) no-repeat 0 0; }
.page-200 { background: url(/images/200-about_the_guide/about_the_guide_bg.jpg) no-repeat 0 0; }
.page-300 { background: url(/images/300-give_gold_get_gold/give_gold_get_gold_bg.jpg) no-repeat 0 0; }
.page-350 { background: url(/images/350-events/events-scroll.jpg) no-repeat 0 0; }
.page-400 { background: url(/images/400-your_trailpass/your_trailpass_bg.jpg) no-repeat 0 0; }
.page-400-how-to-join { background: url(/images/400-your_trailpass/how_to_join_bg.jpg) no-repeat 0 0; }
.page-400-privacy { background: url(/images/400-your_trailpass/privacy_bg.jpg) no-repeat 0 0; }
.page-500 { background: url(/images/500-contact_us/contact_us_bg.jpg) no-repeat 0 0; }
.page-500-sent { background: url(/images/500-contact_us/mail_sent_bg.jpg) no-repeat 0 0; }

/* ================================================================================= */
/* /////////////////////////////    000-trailhead     ////////////////////////////// */
/* ================================================================================= */
/* in the handheld.css file, some of the lines below have padding-top set 2px less than the parent div height (usually we keep it the same) - to fix PDA screen sizes (iPhone, etc.) */

/* ________________________ SALES HEADER  ___________________________ */
/* image fader */
.page-000 #image { }
/* NEW IMAGE BOX - Absolutely positioned -  Must change position style in quote js */
.page-000 .imageBox { position:relative; z-index: 10; display: block; top: 0px; left: 220px; width: 550px; height: 75px;/* BL added - removed orig inline styles. Note: .js file adds these styles as well */ }
.page-000 .image { /* background-color: #F8F8F8;  Essential BL - http://icant.co.uk/sandbox/msieopacityissue/   If you use an animation library to fade elements in and out, make sure to add a background colour to the element you animate, otherwise MSIE will play silly buggers with the font face. */ /* OR background: url(/images/quote_bg.jpg) repeat-x top left; width: width: 350px; */   
/* BL added - removed orig inline styles. Note: .js file adds these styles as well */
position: absolute; top: 0px; left: 0px; opacity: 0; z-index: 2000; display: none; /* prevents momentary simultaneous display of all quotes */ }

/* ________________________ MOUSEOVER LABELS  _______________________ */
/* .page-000 #guide-label	 { position:absolute; top: 295px; left: 845px; width: 70px; height: 35px; overflow: hidden; z-index: 9998; visibility: hidden; display: none; background: url(/images/000-trailhead/about_the_guide_label.jpg) no-repeat 0 0; }
.page-000 #gold-label    { position:absolute; top: 492px; left: 172px; width: 72px; height: 37px; overflow: hidden; z-index: 9998; visibility: hidden; display: none;  background: url(/images/000-trailhead/give_gold_get_gold_label.jpg) no-repeat 0 0;  }
.page-000 #mailbox-label { position:absolute; top: 407px; left: 439px; width: 79px; height: 26px; overflow: hidden; z-index: 9998; visibility: hidden; display: none;  background: url(/images/000-trailhead/contact_us_label.jpg) no-repeat 0 0;  }
.page-000 #store-label	 { position:absolute; top: 221px; left: 208px; width: 51px; height: 24px; overflow: hidden; z-index: 9998; visibility: hidden; background: url(/images/000-trailhead/store_label.jpg) no-repeat 0 0;  } */

/* ________________________ BOTTOM TEXT  ____________________________ */
.page-000	#menu 	    { position:absolute; top: 570px; width: 100%; height: 15px; }
.page-000	#menu ul    { width: 540px; height: 15px; margin: 0 auto; }
.page-000	#menu ul li { float: left; clear: none; padding-right: 30px; }
.page-000	#menu ul li.last { padding-right: 0;  }
.page-000 a 					{ color: #330000; font-size: 11px; text-shadow: 1px 1px 1px #fff; }
.page-000 a:hover 		{ /*text-decoration: underline;*/ color: #6633FF !important; }
.page-000 a:active 		{ color: #6633FF; }

#team  { position:absolute; bottom: -35px; width: 955px; height: 15px;  visibility: hidden; display: none; z-index: 9998;  }
#team #links { width: 800px; height: 15px; margin: 0 auto; font-size: 11px; font-style:normal; text-align: center; color: #efefef;  }
#team #links a { text-shadow: none; font-size: 11px; color: #ffffff;  }

a#credits-link { position: absolute; right: 0px; bottom: -16px; height: 15px; color: #777777; font-size: .9em; padding: 0; margin:0; text-shadow: 1px 1px 1px #FFFFFF; overflow: hidden; }
a:hover#credits-link { color: #6633FF; text-shadow: 1px 1px 1px #fff; text-decoration: none; } 
a#credits-link.hidden { visibility: hidden; }

/* ________________________ THE PATH _________________________________ */
.page-000 #the-path,
.page-000 #the-path-gold   { position:absolute; top: 95px; left:350px; width: 200px; height: 203px; /* 205px; */ overflow: hidden; background: url(/images/000-trailhead/the_path_1.jpg) no-repeat 0 0;  z-index: 9998; visibility: hidden;}
/* same bg img, just right or left positioning -> */
.page-000 #the-path-2-gold, .page-000 #the-path-3-gold   { position:absolute; top: 300px; left: 238px; width: 112px; height: 66px; overflow: hidden; z-index: 9998; visibility: hidden;background: url(/images/000-trailhead/the_path_2-3.jpg) no-repeat right 0; } /* 225 x 117 */
.page-000 #the-path-3-gold   { left: 125px; width: 113px; height: 117px; background-position: left 0;  } /* 225 x 117 */

/* ________________________ STORE ____________________________________ */
/*.page-000 #store { position:absolute; top: 95px; left:350px; width: px; height: px; overflow: hidden; background: url(/images/000-trailhead/store.jpg) no-repeat 0 0; } */

/* ________________________ SHORTCUT SIGN ____________________________ */
.page-000 #shortcut-sign { position:absolute; top:78px; left:32px; width:130px; height: 54px; overflow: hidden;  }
.page-000 #shortcut-sign a { float: left; width:130px; height: 0; padding-top: 54px; overflow: hidden; background: url(/images/000-trailhead/shortcut_sign.jpg) no-repeat 0 0; }

/* ________________________ THE PATH AHEAD BOARD _____________________ */
.page-000 #path-ahead-board   { position:absolute; top: 196px; left:552px; width: 208px; height: 215px; overflow: hidden; }
.page-000 #path-ahead-board.normal a { float: left; width: 208px; height: 0; padding-top: 215px; overflow: hidden; background: url(/images/000-trailhead/path_ahead_board-alt.jpg) no-repeat 0 0; }
.page-000 #path-ahead-board.normal a:hover  { background-position: 0 -215px; }
.page-000 #path-ahead-board.normal a:active { background-position: 0 -430px; }
.page-000 #path-ahead-board.normal a { float: left; width: 208px; height: 0; padding-top: 215px; overflow: hidden; background: url(/images/000-trailhead/path_ahead_board-alt.jpg) no-repeat 0 0; }
.page-000 #path-ahead-board.gold	 a { float: left; width: 208px; height: 0; padding-top: 215px; overflow: hidden; background: url(/images/000-trailhead/path_ahead_board-alt.jpg) no-repeat 0 -215px; }

/* ________________________ THE GUIDE  ______________________________ */
.page-000 #the-guide   { position:absolute; top: 57px; left:760px; width: 140px; height: 353px; overflow: hidden; }
.page-000 #the-guide a { float: left; width: 140px; height: 0; padding-top: 353px; overflow: hidden; background: url(/images/000-trailhead/about_the_guide.jpg) no-repeat 0 0; }
.page-000 #the-guide a:hover  { background-position: 0 -353px; }
.page-000 #the-guide a:active { background-position: 0 -706px; }

/* ________________________ BOUNDAR  ________________________________ */
.page-000 #boundar   { position:absolute; top: 438px; left:849px; width: 30px; height: 30px; overflow: hidden; }
.page-000 #boundar a { float: left; width: 30px; height: 0; padding-top: 30px; overflow: hidden; background: url(/images/000-trailhead/boundar.jpg) no-repeat 0 0; }
.page-000 #boundar a:hover  { background-position: 0 -30px; }
.page-000 #boundar a:active { background-position: 0 -60px; }

/* ________________________ GOLD POT ________________________________ */
.page-000 #gold   { position:absolute; top: 425px; left:85px; width: 95px; height: 116px; overflow: hidden; }
.page-000 #gold a { float: left; width: 95px; height: 0; padding-top: 116px; overflow: hidden; background: url(/images/000-trailhead/give_gold_get_gold.jpg) no-repeat 0 0; }
.page-000 #gold a:hover  { background-position: 0 -116px; }
.page-000 #gold a:active { background-position: 0 -232px; }

/* ________________________ TRAILPASS BOX  __________________________ */
.page-000 #trailpass-box   { position:absolute; top: 265px; left:62px; width: 63px; height: 106px; overflow: hidden; }
.page-000 #trailpass-box a { float: left; width: 63px; height: 0; padding-top: 106px; overflow: hidden; background: url(/images/000-trailhead/trailpass_box.jpg) no-repeat 0 0; }
.page-000 #trailpass-box a:hover  { background-position: 0 -106px; }
.page-000 #trailpass-box a:active { background-position: 0 -212px; }

/* ________________________ EVENTS  _________________________________ */
.page-000 #events   { position:absolute; top: 182px; left:49px; width: 75px; height: 75px; overflow: hidden; }
.page-000 #events a { float: left; width: 75px; height: 0; padding-top: 75px; overflow: hidden; background: url(/images/000-trailhead/events.jpg) no-repeat 0 0; }
.page-000 #events a:hover  { background-position: 0 -75px; }
.page-000 #events a:active { background-position: 0 -150px; }

/* ________________________ MAILBOX  ________________________________ */
.page-000 #mailbox { position:absolute; top: 300px; left:498px; width: 54px; height: 125px; overflow: hidden; z-index: 9998; }
.page-000 #mailbox a { float: left; width: 54px; height: 0; padding-top: 125px; /* 123px; */ overflow: hidden; background: url(/images/000-trailhead/contact_us.jpg) no-repeat 0 0; }
.page-000 #mailbox a:hover { background-position: 0 -125px; }
.page-000 #mailbox a:active { background-position: 0 -250px; }
.page-000 div a {padding: 0; margin: 0; }

/* ================================================================================= */
/* /////////////////////////////    100-the_path_ahead     ///////////////////////// */
/* ================================================================================= */

/* start here label */
#start-here   { position:absolute; top: 149px; left: 84px; width: 126px; height: 47px; overflow: hidden; z-index: 9998; background: url(/images/100-the_path_ahead/start_here.jpg) no-repeat 0 0;  }

/* the notes and their mouseovers */
.wrapper.notes { position: relative; top: 110px; width: 750px; left: 0px; margin: 0 auto; height: 400px; } 
.wrapper.notes img { position: absolute; top: 0px; left: 2px; z-index: 10; border: none; overflow: visible; }

.wrapper.notes #note-1 { position: absolute; top: 92px; left: 78px; /* mouseover dimensions */  width: 149px; height: 160px; }
.wrapper.notes #note-2 { position: absolute; top: 102px; left: 308px;  width: 136px; height: 148px; }
.wrapper.notes #note-3 { position: absolute; top: 92px; left: 518px; width: 132px; height: 154px; }
.wrapper.notes #note-4 { position: absolute; top: 264px; left: 202px; width: 123px; height: 112px; }
.wrapper.notes #note-5 { position: absolute; top: 268px; left: 444px; width: 113px; height: 102px; } 

#note-1 a  { text-decoration: none; }
#note-1 a img { text-decoration: none; border: none; }
#note-1 a:hover img  { width: 104%; height: 104%; } 
#note-1 a:active img { width: 108%; height: 108%; } 

#note-2 a  { text-decoration: none; }
#note-2 a img { text-decoration: none; border: none; }
#note-2 a:hover img  { width: 104%; height: 104%; } 
#note-2 a:active img { width: 108%; height: 108%; } 

#note-3 a  { text-decoration: none; }
#note-3 a img { text-decoration: none; border: none; }
#note-3 a:hover img  { width: 104%; height: 104%; } 
#note-3 a:active img { width: 108%; height: 108%; }  

#note-4 a  { text-decoration: none; }
#note-4 a img { text-decoration: none; border: none; }
#note-4 a:hover img  { width: 104%; height: 104%; } 
#note-4 a:active img { width: 108%; height: 108%; } 

#note-5 a  { text-decoration: none; }
#note-5 a img { text-decoration: none; border: none; }
#note-5 a:hover img  { width: 104%; height: 104%; } 
#note-5 a:active img { width: 108%; height: 108%; }  					
										
/* ================================================================================= */
/* /////////////////////////////    110-150-the_path_ahead notes (see others below)  */
/* ================================================================================= */

/*#main ul { list-style: disc outside; margin-left: 15px; }
#main ul li { margin-left: 15px; }*/

.page-notes * { font-size: 12px; } /* Base.css  font-size:12px; */
.page-notes a { /*text-decoration: underline; */} /* optional underline for a links */
.page-notes div {  }

.page-notes #page-num { position: absolute; right: 58px; top: 8px; font-size: 10px; color: #666666; }

.page-notes .scroll-bg #note-line { position: absolute; top: 30px; left: 8px; width: 725px; height: 100px; overflow: visible; background: url(/images/100-the_path_ahead/note_line.gif) no-repeat 0 0;  }
	.page-notes.note-1 .scroll-bg #note-line {background-position: 0px -132px; top: 34px; }
	.page-notes.note-2 .scroll-bg #note-line {background-position: -725px -90px; top: 32px;}
	.page-notes.note-4 .scroll-bg #note-line {background-position: -1465px -55px; top: 21px; }
	.page-notes.note-5 .scroll-bg #note-line {background-position: -2115px 0px; top: 26px;}

.page-notes .content { position: relative; top: 25px;  margin: 0 47px 0 47px; color: #330000; }
	.page-notes.note-3 .content { margin: 0 20px 0 47px; }
.page-notes h1 {font-size: 20px !important; color: #330000;  margin-bottom: 50px !important; /* height of note-line */ }
.page-notes h2 {font-size: 16px; color: #61467c; margin: .25em 0; font-weight: bold; margin-bottom: 15px; }
.page-notes h3 {font-size: 12.5px; color: #663388; margin: .25em 0; }
.page-notes h4	{ font-weight: bold; font-size: 12.5px; margin-bottom: .3em; color: #61467c; display: block;  } 
.page-notes p, .page-notes li	{  color: #4e2802; }
.page-notes ul.disc, .page-notes ol.disc  { position: relative; padding-left: 30px;  }
.page-notes .disc li { border: none; list-style: disc outside; }
.page-notes ul, .page-notes ol { position: relative; }
.page-notes ul { margin: 10px 0 0 0 !important; }

.page-notes.list ol ul, .page-notes.list ul ol { position: relative; padding-left: 20px;  }
.page-notes.list li { margin: 25px 0 0 0!important;  /*border-bottom: 1px solid #DECF9E;*/   }
	.page-notes.note-2.list li { border: none;  }
  .page-notes.note-2.list li { margin: 0 0 5px 0 !important; }
  .page-notes.note-2.list li p { margin-bottom: 4px !important;  }
  .page-notes.note-4.list li {  }
.page-notes li.first { border-top: none; }
.page-notes li.last { border-bottom: none;  }
.page-notes.list li li { border: none !important; margin: 0 0 5px 0 !important; list-style: disc outside;   }

/* ================================================================================= */
/* //////////////////////////////   110-150-notes scroll   ///////////////////////// */
/* ================================================================================= */

/* ________________________ SCROLL TOP/BOTTOM ROLL __________________ */
#top-roll, #bottom-roll { width: 743px; height: 15px; overflow: hidden; background: no-repeat scroll center top;  background: url(/images/100-the_path_ahead/note3_scroll_top.png) no-repeat scroll center top; _background: url(/images/100-the_path_ahead/note3_scroll_top.gif) no-repeat scroll center top; }
#top-roll { position: absolute; left: 108px; top: 10px; z-index: 30; }
#bottom-roll { position: relative; }

/* ________________________ SCROLL PAPER ____________________________ */
#scroll-wrapper { position: absolute; left: 108px; top: 25px; width: 764px; height: 575px; overflow-y: auto !important; overflow-x: hidden !important; z-index: 20; }
	.page-100-notes.note-3 #scroll-wrapper {  }
	.page-100-notes.note-4 #scroll-wrapper {  }

#scroll-wrapper .scroll-bg { position: relative; float: left; clear: both; height: auto; width: 743px; margin-bottom: 0px; min-height:582px; height:auto; background: no-repeat scroll center top; min-height:582px; background: url(/images/100-the_path_ahead/paper_scroll_repeat_bg.png) repeat-y scroll center bottom;  _background: url(/images/100-the_path_ahead/paper_scroll_repeat_bg.gif) repeat-y center bottom; }   /*  border: solid 1px #900000; */ /* Min-Height FIx: for understanding browsers (http://www.cssplay.co.uk/boxes/minheight.html) */
	.note-3 #scroll-wrapper .scroll-bg { min-height:582px; background: url(/images/100-the_path_ahead/note3.png) repeat-y center top; _background: url(/images/100-the_path_ahead/note3.gif) repeat-y center top; }
	
		/* Min-Height FIx: for Internet Explorer */
		/*\*/
		* html 				 #scroll-wrapper .scroll-bg { height: 575px; }
		* html .note-3 #scroll-wrapper .scroll-bg {  }
		* html .note-4 #scroll-wrapper .scroll-bg {  }
		/**/

/* ================================================================================= */
/* /////////////////////////////    130-adventure packages     ///////////////////// */
/* ================================================================================= */
.note-3 * { font-size: 11px; }
.note-3 { margin: 0 35px; }
.note-3 #header { width: 100%; height: 260px; }
.note-3 h1 { display:block; height: 40px; }
.note-3 h2, .note-3 h4  {  } /* see .hidden */
.note-3 h4 { position: absolute; }

.package * {  }
.package .hidden { text-indent: -9999px; overflow: hidden; }/* hide the text by indenting out of view */
.package { width: 320px; float: left; position: relative; height:480px; overflow: hidden; }
#basic-trek { margin-right: 45px; width: 300px; }
.note-3 ul { width: 250px; height: 400px; text-decoration: none; position: relative; padding: 0; margin: 0; float: right; }
#basic-trek ul { width: 230px; }

.note-3 li { float: left; text-decoration: none; list-style: none; position: relative; margin: 0 0 5px 0; height:65px; width: 100%; display: block;}
.note-3 li.plus { margin-top: 30px; margin-left: -2px; }
.note-3 .title { float: left; font-weight: bold; }
.note-3 .value { float: right; color: #663399; }
.note-3 .description { clear: both; line-height: 12px; }

.note-3 .intro { display: block; clear: both; margin-bottom: 10px; }
.note-3 .intro.last { color: #663399; }
.note-3 .package .intro { line-height: 14px; height: 36px; }
.note-3 span.first { font-size: 1.25em; }

.note-3 #footer  { position: relative; display: block; left: 58px; width: 575px; /*height: 390px; clear: both;*/ }
.note-3 #footer ul { float: none;  clear: both; width: 100%; }
.note-3 #footer li { padding-right: 20px; clear: both; }
.note-3 #footer li#free-offer {  position: absolute; width: 150px; height: 70px; right: -10px; top: -10px; } /* see .hidden */
.note-3 #footer li#exclusive-launch-offer { height: 100px; margin-top: 136px; _margin-top: 130px; }
.note-3 #footer li#exclusive-launch-offer strong {color: #6633cc;}
.note-3 #footer li#unconditional-guarantee { height: 55px; }
.note-3 #footer li#contact-info { height: 44px; left: 25px; color: #a50c0c;  }
.note-3 #footer li#learn-more { width: 70%; height:30px; margin-bottom: 0; }

/* ================================================================================= */
/* /////////////////////////////    150-traveller's testimonials     /////////////// */
/* ================================================================================= */
.note-5 li { width: 85%; padding: 0 25px 0 20px; }
.note-5 li#contact-info.last { margin-top: 20px; }
.note-5 li#contact-info.last p { color: #a50c0c; }
.note-5 p.credit { display: block; margin:0 8px 0 0; padding:0px 5px 8px 0; text-align:right; font-style: italic; }


/* ================================================================================= */
/* //////////////////////////////   200-about_the_guide     //////////////////////// */
/* ================================================================================= */

/* about the guide text */
.page-200 { line-height: 10px; }
.page-200 .wrapper       { position: relative; left: 292px; top:98px; width: 538px; height: 500px; font-size: .95em}
.page-200 .wrapper div   { margin-bottom: 0px; width: 95%; padding: 5px;}
.page-200 .wrapper #copy { height: auto; margin-bottom: 15px; line-height: 1.35em; }

/* rotating testimonials (future) */
.page-200 .wrapper #testimonials { height: 75px; display: none; }

/* ================================================================================= */
/* //////////////////////////////   300-give_gold_get_gold     ///////////////////// */
/* ================================================================================= */

/* nothing */

/* ================================================================================= */
/* //////////////////////////////   350-events     ///////////////////////////////// */
/* ================================================================================= */

/* events text */
.page-350 { line-height: 11px; }
.page-350 .wrapper       { position: absolute; left: 265px; top:80px; width: 480px; height: 500px; font-size: .95em} /* made position absolute for IE */
.page-350 .wrapper div   { margin-bottom: 0px; width: 95%; padding: 5px;} 
.page-350 .wrapper #copy { height: auto; margin-bottom: 15px; line-height: 1.4em; }


.page-350 { text-align: center; }
#main .page-350 h1 { font-size: 24px; margin-bottom: 26px; line-height: 1.9em; text-shadow: 0 1px 0 #FFFFFF; }
#main .page-350 h2 { font-size: 18px; color: #993300; margin-bottom: 22px; line-height: 1.3em; text-shadow: 0 1px 0 #FFFFFF;}
#main .page-350 h3 { font-size: 12px; color: #330000; font-style:italic; margin-bottom: 24px; }
#main .page-350 p.location { font-size: 1.1em; }
#main .page-350 p.description { text-align: left; }
#main .page-350 p.date {color: #993300; font-size: 1.1 em; margin-bottom: 7px;}
#main .page-350 img {border: 1px solid #AAA; margin: 10px auto; display: block;}

/* ================================================================================= */
/* //////////////////////////////   400-your_trailpass     ///////////////////////// */
/* ================================================================================= */

/* ________________________ SIGN IN FIELDS    _______________________ */

.page-400 #password-bg    { position: absolute; left: 520px; top: 255px; width: 100px; height: 25px;  background: url(/images/400-your_trailpass/password_text.jpg) no-repeat 0 0; }
.page-400 #sign-in        { position: absolute; left: 619px; top: 214px; width: 185px; height: 100px; }
.page-400 #sign-in div    { margin-bottom: 14px; }
.page-400 #sign-in #email { margin-bottom: 28px; }
.page-400 #sign-in #password  { margin-left: 5px; }
	.page-400 #sign-in input { border: none !important;  padding: 2px 20px 3px 7px; width: 170px; border: none !important;  background: url(/images/400-your_trailpass/your_trailpass_input_bg.gif) no-repeat 0 0; width: 80%; }
	.page-400 #sign-in #password input { margin-top: -4px; }


/* ________________________ TRAILPASS LINKS   _______________________ */

/* forgot password */
.page-400 #links #forgot-password   { position:absolute; left:725px; top:344px; width:110px; height:25px; z-index: 9998; overflow: hidden; } /* *margin-top: 15px;IE7win hack */
.page-400 #links #forgot-password a { float: left; width: 110px; height: 0; padding-top: 25px; overflow: hidden; background: url(/images/400-your_trailpass/forgot_password.jpg) no-repeat 0 0; }
.page-400 #links #forgot-password a:hover  { background-position: 0 -25px; }
.page-400 #links #forgot-password a:active { background-position: 0 -50px; }

/* log out */
.page-400 #links #log-out   { position:absolute; left:725px; top:344px; width:110px; height:25px; z-index: 9998; overflow: hidden; } /* *margin-top: 15px;IE7win hack */
.page-400 #links #log-out a { float: left; width: 110px; height: 0; padding-top: 25px; overflow: hidden; background: url(/images/400-your_trailpass/log_out.jpg) no-repeat 0 0; }
.page-400 #links #log-out a:hover  { background-position: 0 -25px; }
.page-400 #links #log-out a:active { background-position: 0 -50px; }

/* privacy policy */
.page-400 #links #policy   { position:absolute; left:753px; top:369px; width: 82px; height:25px; z-index: 9998; overflow: hidden; } /* *margin-top: 15px;IE7win hack */
.page-400 #links #policy a { float: left; width: 82px; height: 0; padding-top: 25px; overflow: hidden; background: url(/images/400-your_trailpass/privacy.jpg) no-repeat 0 0; }
.page-400 #links #policy a:hover  { background-position: 0 -25px; }
.page-400 #links #policy a:active { background-position: 0 -50px; }

/* how do I join? */
.page-400 #links #how-to-join   { position:absolute; left:753px; top:394px; width: 82px; height:25px; z-index: 9998; overflow: hidden; } /* *margin-top: 15px;IE7win hack */
.page-400 #links #how-to-join a { float: left; width: 82px; height: 0; padding-top: 25px; overflow: hidden; background: url(/images/400-your_trailpass/how_to_join.jpg) no-repeat 0 0; }
.page-400 #links #how-to-join a:hover  { background-position: 0 -25px; }
.page-400 #links #how-to-join a:active { background-position: 0 -50px; }

/* ================================================================================= */
/* //////////////////////////////   400-how_to_join, 400-privacy   ///////////////// */
/* ================================================================================= */

/* ________________________ PRIVACY CONTENT   _______________________ */
.page-400-privacy #privacy-content { position: absolute; left: 326px; top: 105px; width: 360px; height: 450px; padding-right:15px; overflow: auto; }


/* ================================================================================= */
/* /////////////////////////////    500-contact_us     ///////////////////////////// */
/* ================================================================================= */

/* ________________________ FORM ENTRY   ____________________________ */
.page-500 .wrapper { position: relative; left: 70px; top: 137px; width: 400px; height: 360px; }  /* ch h auto & a pos */
.page-500 .wrapper #name, 
.page-500 .wrapper #email   { position: relative; width: 175px; height: 18px; left: 118px; margin-top: 1px; float: left; clear: both;  }
.page-500 .wrapper div input { background-color: transparent; border: none; position: relative; width: 100%;  padding-left: 2px; padding-top: 1px;}
.page-500 .wrapper #message { position: absolute; top: 61px; left: 5px; width:360px; height: 262px; overflow: hidden;  border:#d9c49a 1px solid;  }
.page-500 .wrapper #message textarea { position: relative; top: 15px; left: 0px; margin: 5px 0px 5px 5px; width:355px; height: 240px;  overflow: auto;   }
.page-500 textarea  { background-color: transparent; border: none; }  /* #e8d8b7 page color */

/* ________________________ TRAILPASS LINKS   _______________________ */
/* log out */
.page-500 #links #log-out   { position:absolute; left:381px; top:137px; width:57px; height:20px; z-index: 9998; overflow: hidden; } /* *margin-top: 15px;IE7win hack */
.page-500 #links #log-out a { float: left; width: 110px; height: 0; padding-top: 20px; overflow: hidden; background: url(/images/500-contact_us/log_out.jpg) no-repeat 0 0; }
.page-500 #links #log-out a:hover  { background-position: 0 -20px; }
.page-500 #links #log-out a:active { background-position: 0 -40px; }

/* ________________________ MAIL SENT ENVELOPE   ____________________ */
/* confirmation info  */
.page-500-sent .wrapper          { position: relative; left: 70px; top: 100px; width: 430px; }
.page-500-sent .wrapper div      { margin-bottom: 0px; }
.page-500-sent .wrapper #name    {  }
.page-500-sent .wrapper #email   {  }
.page-500-sent .wrapper #message { width: 100%; color: #990000; margin-top: 100px; text-align: center; font-size: .95em; line-height: 1.25em; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */