* {padding: 0; margin: 0;}
body {
	padding: 0; margin: 0;
	font-size: 100%;  /* set a cross-browser baseline */
	background: #dabe81 url(Images/bkgStrip.jpg) center top repeat-x;
}
#dsWrapper {
	width: 1020px; height: 720px;
	margin: 0 auto; position: relative;
	background: transparent url(Images/dsLtRtALT.png) top center repeat-y;
}
p {
	text-align: left; font-size: 12px;
	font-family:Arial,sans-serif; color: #506e1b;
	line-height: 16px; margin: 0 0 10px 0;
}
#globalcontainer {
	background: #ffffff;
	margin: 0 auto; position: relative;
	width: 960px; height: 720px;
}
/*  ............................Navbar.........................  */
#nav {
	position: absolute;  top: 210px; right: 0px;
	width: 190px; height: 290px;  padding: 0; margin: 0;  z-index: 99;
}
#nav ul {
	list-style-type: none;  padding-left: 4px;
}
#nav li {
	/* display: block;  not here, but in the 'a' class */
	overflow: hidden;  text-indent: -4000px;
}
#nav li a {
	background: url('Images/LinksSprites.png') no-repeat;
	width: 190px; height: 36px;  display: block
}
#nav li.Home a	       {background-position: -194px -4px;}
#nav li.Venue a	       {background-position: -194px -43px;}
#nav li.Dir a	       {background-position: -194px -82px;}
#nav li.Accom a	       {background-position: -194px -121px;}
#nav li.Cere a	       {background-position: -194px -160px;}
#nav li.Local a        {background-position: -194px -199px;}
#nav li.Rules a	       {background-position: -194px -238px;}
#nav li.FAQ a	       {background-position: -194px -277px;}
#nav li.Home a:hover   {background-position:   -4px -4px;}
#nav li.Venue a:hover  {background-position:   -4px -43px;}
#nav li.Dir a:hover    {background-position:   -4px -82px;}
#nav li.Accom a:hover  {background-position:   -4px -121px;}
#nav li.Cere a:hover   {background-position:   -4px -160px;}
#nav li.Local a:hover  {background-position:   -4px -199px;}
#nav li.Rules a:hover  {background-position:   -4px -238px;}
#nav li.FAQ a:hover    {background-position:   -4px -277px;}
/* The next bit is for displaying a "You Are Here" indicator.
   These override the above, depending on which page we're on. */
body.Home #nav  li.Home  a {background-position:   -388px -4px;}
body.Venue #nav li.Venue a {background-position:   -388px -43px;}
body.Dir #nav   li.Dir   a {background-position:   -388px -82px;}
body.Accom #nav li.Accom a {background-position:   -388px -121px;}
body.Cere #nav  li.Cere  a {background-position:   -388px -160px;}
body.Local #nav li.Local a {background-position:   -388px -199px;}
body.Rules #nav li.Rules a {background-position:   -388px -238px;}
body.FAQ #nav   li.FAQ   a {background-position:   -388px -277px;}
/*  ......................End of Navbar.......................  */
/*  ......................Banners.............................  */
#banner {
	width: 763px; height: 86px;  position: absolute;
	top: 0; left: 0; padding: 0; margin: 0;
}
#banner h1 {
	width: 520px; height: 50px;  position: absolute;
	background: url("Images/BannerHeaders.png") no-repeat;
	top: 32px; left: 68px;  text-indent: -3333px;
}
#registrybanner {
	width: 763px; height: 86px;  position: absolute;
	top: 0; left: 0; padding: 0; margin: 0;
}
/* The banner headers all live in one sprite image. The technique is the 
   same as that for the navlinks, except this time we're cycling headers. */
body.Venue #banner h1 {background-position:   0px -2px;}
body.Dir   #banner h1 {background-position:   0px -52px;}
body.Accom #banner h1 {background-position:   0px -102px;}
body.Cere  #banner h1 {background-position:   0px -152px;}
body.Local #banner h1 {background-position:   0px -202px;}
body.Rules #banner h1 {background-position:   0px -252px;}
body.FAQ   #banner h1 {background-position:   0px -302px;}
/*  ...................End of Banners........................  */

#home_statement {
	/* border: 1px solid #00ee44; */
	top: 164px; left: 330px;  position: absolute;
	width: 400px; height: 340px;  margin: 0px; padding: 10px;
}
#home_statement p:first-letter {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 20px;
}
#venue_bodycopy {
	/* border: 1px solid #00ee44; */
	width: 400px; height: 400px;  margin: 0; padding: 0px;
	top: 300px; left: 46px;  position: absolute;
}
#venue_bodycopy p:first-letter {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 20px;
}
#venuePano {
	border: 1px solid #456415;
	width: 670px; height: 139px;  margin: 0; padding: 0px;
	top: 120px; left: 46px;  position: absolute;
}
/*  ..................Additional links outside of the Navbar............  */
div.venueLinks {
	border: 1px solid #456415; background: #f3fcdf;
	width: 236px; height: 120px;  margin: 0; padding: 0px;
}
div.venueLinks h2 {
	font-family: "Century Gothic", sans-serif;  font-size: 15px;
	color: #214422; font-weight: normal;  padding: 14px 0 8px 26px;
}
div.venueLinks ul {
	list-style-type: none;  padding-left: 27px;
	font-family: "Century Gothic", sans-serif;  font-size: 14px;
}
div.venueLinks li {
	line-height: 22px;  margin: 0;  /* for Opera browsers, apparently */
	background-image: url(Images/tulipBullet.png);
	background-repeat: no-repeat; padding-left: 24px; background-position: 0px 5px;
}
div.venueLinks a {text-decoration: none; font-weight: normal; color: #456415; }
div.venueLinks a:hover {text-decoration: none; font-style: italic; color: #456415; padding-left: 6px;}
/*  ......................End of additional links.......................  */
/*  ....................placement selectors for the multiclass venue links box.............  */
div.venueLinks_venue {top: 304px; left: 480px;  position: absolute;}
div.venueLinks_panos {bottom: 36px; left: 50px;  position: absolute;}
div.venueLinks_facil {top: 550px; left: 496px;  position: absolute;}
div.venueLinks_guide {top: 335px; left: 480px;  position: absolute;}
div.venueLinks_elf   {top: 400px; left: 480px;  position: absolute;}

/*  .........End of....placement selectors for the multiclass venue links box.............  */
div.venueFairy {
	width: 236px; height: 190px;  margin: 0; padding: 0px;
	top: 480px; left: 480px;  position: absolute;
}
.venueFairy img {
	border: 1px solid #456415;
}
.venueFairy p {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 15px;
	padding: 10px 0 0 0;
}
/*  ............................Guidelines page............................  */
#guide_introCopy {
	border: 1px solid #456415; background-color: #f3fcdf;
	width: 400px; height: 70px;  margin: 0; padding: 0px;
	top: 110px; left: 46px;  position: absolute;
}
#guide_introCopy p {font-size: 11px; line-height: 14px; padding: 5px;}
#guide_bodycopy {
	width: 400px; height: 520px;  margin: 0; padding: 0px;
	top: 200px; left: 46px;  position: absolute;
}
#guide_bodycopy p:first-letter {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 20px;
}
#guide_bodycopy ul {
	padding: 0 0 6px 10px; font-size: 11px; font-family:Arial,sans-serif; color: #405d0a;
}
#guide_bodycopy li {padding: 0 0 4px 0;}
div.guide_imgTop {
	width: 236px; height: 190px;  margin: 0; padding: 0px;
	top: 110px; left: 480px;  position: absolute;
}
.guide_imgTop img {border: 1px solid #456415;}

div.guide_imgBot {
	width: 236px; height: 190px;  margin: 0; padding: 0px;
	top: 514px; left: 480px;  position: absolute;
}
.guide_imgBot img {border: 1px solid #456415;}

/*  ....................End of Guidelines page............................  */
/*  ....................Lodging at Mountain Light............................  */

#MtL_lodgingIntro {
	border: 1px solid #456415; background-color: #f3fcdf;
	width: 434px; height: 120px;  margin: 0; padding: 0px;
	top: 134px; left: 30px;  position: absolute;
}
#MtL_lodgingIntro h2 {
	font-family: "Century Gothic", sans-serif; font-size: 16px; 
	color: #214422; line-height: 16px; padding: 7px 7px 3px 7px;
}
#MtL_lodgingIntro p  {font-style: normal; font-size: 12px; line-height: 16px; padding: 7px;}

#MtL_lodgingBody {
	/* border: 1px solid #456415; */ background-color: #ffffff;
	width: 444px; height: 300px;  margin: 0; padding: 0px;
	top: 264px; left: 30px;  position: absolute;
}
#MtL_lodgingBody a {
	font-family: Arial, Verdana, sans-serif; font-size: 16px; padding-right: 6px;
	color: #214422; line-height: 16px; font-weight: bold; color: #506e1b;
}
#MtL_lodgingBody p  {
	font-style: normal; font-size: 12px; 
	line-height: 16px; padding: 5px; margin: 5px;}

#stayingAtMtLt {
	border: 1px solid #456415; background-color: #f3fcdf;
	width: 434px; height: 140px;  margin: 0; padding: 0px;
	top: 550px; left: 30px;  position: absolute;
}
#stayingAtMtLt p {font-size: 12px; line-height: 16px; padding: 10px 12px 0 12px;}

#verticalPic {
	border: 1px solid #456415; /* background-color: #ffffff; */
	width: 236px; height: 386px;  margin: 0; padding: 0px;
	top: 134px; left: 496px;  position: absolute;
}

.MtL_lodgingAddlBody {
	width: 324px; height: 530px;  margin: 0; padding: 0px;
}
.MtL_lodgingAddlBody p  {
	font-style: normal; font-size: 11px; 
	line-height: 15px; padding: 5px; margin: 2px;
}	
.MtL_Box1 {top: 170px; left: 30px;  position: absolute;}
.MtL_Box2 {top: 170px; left: 390px;  position: absolute;}
/*  ..................End of Lodging at Mountain Light............................  */


/*  ....................Offsite Lodging and Accommodations.........  */
.lodgeBody {
	border: 1px solid #456415;
	width: 334px; height: 516px;  margin: 0; padding: 0px;
}
.lodgeBody p  {
	font-style: normal; font-size: 11px; word-spacing: 1px;
	line-height: 15px; padding: 5px; margin: 5px;
}
.lodgeBody p:first-line {
	font-size: 14px; color: #214422;
}
.lodge_Box1 {top: 182px; left: 30px;  position: absolute;}
.lodge_Box2 {top: 182px; left: 396px;  position: absolute;}
.lodge_Box3 {top: 172px; left: 30px;  position: absolute;}
.lodge_Box4 {top: 172px; left: 396px;  position: absolute;}
.lodge_Box5 {top: 172px; left: 30px;  position: absolute;}
.lodge_Box6 {top: 172px; left: 396px;  position: absolute;}


.lodgeBody a {text-decoration: underline; font-weight: normal; 
	letter-spacing: 1px; color: #572f08; font-size: 12px; }
/*  ...............End of Offsite Lodging and Accommodations............................  */
/*  ...............Pix and Panos Gallery............................  */
.panoBody {
	width: 342px; height: 526px;  margin: 0; padding: 0px;
}

.panoBody-left  {top: 176px; left: 30px;  position: absolute;}
.panoBody-right {top: 176px; left: 396px;  position: absolute;}

.panothumb  {
	border: 1px solid #456415;
	float: left; padding: 2px;
	margin-left: 10px; margin-bottom: 10px;
}
.panothumb.pt1 {width: 300px; height:  97px; display: block;}
.panothumb.pt2 {width: 300px; height: 106px; display: block;}
.panothumb.pt3 {width: 300px; height: 106px; display: block;}
.panothumb.pt4 {width: 300px; height: 106px; display: block;}
.panothumb.pt5 {width: 300px; height: 107px; display: block;}
.panothumb.pt6 {width: 300px; height: 106px; display: block;}
.panothumb.pt7 {width: 300px; height: 105px; display: block;}
.panothumb.pt8 {width: 300px; height:  88px; display: block;}

.panothumb a  {
	padding: 0px; margin-left: auto; margin-right: auto;
	text-decoration: none; border: none; display: block; width: 300px;
}
.panothumb.pt1 a  {
	height: 97px; background: url(Images/T_panoV2_P10.jpg) no-repeat left top;}
.panothumb.pt2 a  {
	height: 106px; background: url(Images/T_panoV2_P01.jpg) no-repeat left top;}
.panothumb.pt3 a  {
	height: 106px; background: url(Images/T_panoV2_P03.jpg) no-repeat left top;}
.panothumb.pt4 a  {
	height: 106px; background: url(Images/T_panoV2_P04.jpg) no-repeat left top;}
.panothumb.pt5 a  {
	height: 107px; background: url(Images/T_panoV2_P08.jpg) no-repeat left top;}
.panothumb.pt6 a  {
	height: 106px; background: url(Images/T_panoV2_P02.jpg) no-repeat left top;}
.panothumb.pt7 a  {
	height: 105px; background: url(Images/T_panoV2_P11.jpg) no-repeat left top;}
.panothumb.pt8 a  {
	height: 88px; background: url(Images/T-mtlpano8.jpg) no-repeat left top;}
	
.panothumb a:hover { background-position: -300px 0; }

/*  ...............End of Pix and Panos Gallery............................  */
/*  ...............FAQ page...........................  */

.faqIntro {font-size: 11px;}

.faqBody {
	width: 334px; height: 516px;  margin: 0; padding: 0;
}
.faqBody p.Q  {
	font-style: normal; font-size: 11px; word-spacing: 1px;
	line-height: 15px; padding: 0; margin: 0 0 3px 0;
	font-weight: bold;
}
.faqBody p.A {
	font-style: normal; font-size: 11px; word-spacing: 1px;
	line-height: 14px; padding: 0; margin: 0 0 5px 0;
}
.faqBody p:first-letter {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 20px;
}
.faq_left  { top: 152px; left: 35px;   position: absolute; }
.faq_right { top: 152px; left: 396px;  position: absolute; }
/*  ..................................................image popups ....  */
/* .heelsfaq:hover {background-color: transparent;} */
.faqBody a { color: #214422; }
.heelsfaq span {
	position: absolute; padding: 5px; border: 1px solid #456415;
	left: -1000px;     /* 'left' and 'visibility' both do the same thing */
	visibility: hidden;
	background-color: #550000;
}
/* .heelsfaq span img { padding: 2px; } */
.heelsfaq:hover span {
	visibility: visible;
	top: 106px;   /* relative to the 'faqBody faq_left' div  */
	left: 360px;
	z-index: 99;
}
/*  ...............Rules Page...........................  */

.rulesBody {
	width: 334px; height: 516px;  margin: 0; padding: 0px;
}
.rulesBody p  {
	font-style: normal; font-size: 12px; word-spacing: 1px;
	line-height: 15px; padding: 0px; margin: 0 0 9px 0;
	font-weight: normal;
}
.rulesBody p:first-letter {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 20px; font-weight: bold;
}
.rules_left  {top: 182px; left: 40px;  position: absolute;}
.rules_right {top: 182px; left: 406px;  position: absolute;}

.ceremonyBody {
	border: 1px solid #456415; background-color: #f3fcdf;
	width: 322px; height: 184px;  margin: 0; padding: 10px;
}
.ceremonyBody p:first-letter {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 20px;
}
.ceremony_left  {top: 206px; left: 35px;  position: absolute;}
.ceremony_right {top: 206px; left: 396px;  position: absolute;}
#ceremonyPano {
	/* border: 1px solid #456415; */
	width: 700px; height: 206px;  margin: 0; padding: 0px;
	top: 450px; right: 220px;  position: absolute;
}
.ceremony_caption  {bottom: 30px; left: 40px;  position: absolute;}
body.Local div.rulesBody p { line-height: 18px; margin-bottom: 16px;}
body.Local div.rulesBody a {
	text-decoration: underline; font-weight: normal; padding: 0 0 6px 0;
	color: #572f08; font-size: 12px; 
}
/*  .............................Mtn. Lt. Accomodations Pages x3 ......  */
.elfLists { /* border: 1px solid #456415; */ margin: 0; }
.elfLists_left  {
	top: 206px; left: 35px;  position: absolute;
	width: 370px; height: 490px;  margin: 0; padding: 0px;
}
.elfLists_right {
	top: 206px; left: 420px;  position: absolute;
	width: 300px; height: 140px;  margin: 0; padding: 0px;
}
.shelterLists {
	top: 236px; left: 35px;  position: absolute;
	width: 370px; height: 290px;  margin: 0; padding: 0px;
}
.elfLists p:first-letter {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 20px;
}
div.venueLinks_elf   {top: 360px; left: 470px;  position: absolute;}
div.venueLinks_shelter   {top: 160px; left: 470px;  position: absolute;}
.elfLists ul {
	list-style-type: none; padding: 0 0 6px 8px; 
	font-size: 11px; font-family:Arial,sans-serif; color: #405d0a;
}
.elfLists li {padding: 0 0 9px 4px;}
.elfLists a {
	text-align: left; font-size: 12px;
	font-family:Arial,sans-serif; color: #506e1b;
	line-height: 16px; margin: 0 0 10px 0;
}
.elfPopups span {
	position: absolute; padding: 5px; border: 1px solid #456415;
	left: -1000px;     /* 'left' and 'visibility' both do the same thing */
	visibility: hidden;
	background-color: #550000;
}
.elfPopups:hover span {
	visibility: visible;
	top: -122px;   /* relative to the 'faqBody faq_left' div  */
	left: 346px;
	z-index: 99;
}
.elfPopupsR span {
	position: absolute; padding: 5px; border: 1px solid #456415;
	left: -1000px;     /* 'left' and 'visibility' both do the same thing */
	visibility: hidden;
	background-color: #550000;
}
.elfPopupsR:hover span {
	visibility: visible;
	top: -122px;   /* relative to the 'faqBody faq_left' div  */
	left: -400px;
	z-index: 99;
}
div.elf_imgBot {
	width: 270px; height: 192px;  margin: 0; padding: 0px;
	top: 500px; left: 456px;  position: absolute;
}
.elf_imgBot img {border: 1px solid #456415;}

div.shelter_imgBot {
	width: 270px; height: 397px;  margin: 0; padding: 0px;
	top: 300px; left: 456px;  position: absolute;
}
.shelter_imgBot img {border: 1px solid #456415;}

.hermitage {
	top: 236px; left: 35px;  position: absolute;
	width: 370px; height: 290px;  margin: 0; padding: 0px;
}
div.herm_imgBig {
	width: 270px; height: 397px;  margin: 0; padding: 0px;
	top: 380px; left: 38px;  position: absolute;
}
.herm_imgBig img {border: 1px solid #456415;}
div.herm_imgSmall {
	width: 236px; height: 177px;  margin: 0; padding: 0px;
	top: 496px; left: 480px;  position: absolute;
}
.herm_imgSmall img {border: 1px solid #456415;}
.diagram { 
	position: absolute; top: 176px; left: 45px;
	width: 664px; height: 520px;  margin: 0; padding: 0px; 
	border: 1px solid #550000; background: url(Images/MtLightDiagramBW.jpg);
}
/*  ..................End of Mtn. Lt. Accomodations Pages x3 ......  */

/* .................miscellaneous classes............ */
.genericIntro {
	width: 650px; height: 64px;  margin: 0; padding: 0px;
	top: 98px; left: 30px;  position: absolute;
}
.genericIntro p  {
	font-style: normal; font-size: 12px; color: #214422;
	line-height: 16px; padding: 5px; margin: 5px;
}
.genericIntro p:first-letter {
	font-family: 'Apple Chancery', 'Monotype Corsiva', Arial, serif;  font-size: 20px;
}
.dirMap { 
	position: absolute; top: 176px; left: 45px;
	width: 664px; height: 520px;  margin: 0; padding: 0px; 
	border: 1px solid #550000; background: url(Images/TheMap664x520.jpg);
}
.makebold {
	font-weight: bold; color: #214422;
}
div.preload {position: absolute; left: -9999px; top: -9999px;}
div.preload.img {display: block;}