body {
	background-color: #3c4f3c;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
span {display: none;}

form {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


/*   Beging Page Layout   */

#container {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	border: 1px solid #000000;
	width: 800px;
	overflow: hidden;
}

/****************** Header and Menu Styles ******************/
#bigstuff {
	height: 172px;
	width: 800px;
	position: relative;
}
#bigstuff2 {
	height: 157px;
	width: 800px;
	position: relative;
	overflow: hidden;
}
#bigleft {
	height: 172px;
	width: 160px;
}
#bigmiddle {
	height: 172px;
	width: 480px;
	position: absolute;
	left: 160px;
	top: 0px;
}
#smallright a {
	height: 172px;
	width: 123px;
	position: absolute;
	top: 0px;
	left: 677px;
	/*background-image: url(images/header/ArrowsSiteTourGreenRight.jpg);*/
}
#smallright a:hover {
	background-image: url(/images/header/ArrowsSiteTourRedRight.jpg);
}

#smallleft a {
	height: 172px;
	width: 81px;
	position: absolute;
	top: 0px;
	left: 640px;
	/*background-image: url(images/header/ArrowsSiteTourGreenLeft.jpg);*/
}
#smallleft a:hover {
	background-image: url(/images/header/ArrowsSiteTourRedLeft.jpg);
}

#bigright {
	height: 172px;
	width: 160px;
	position: absolute;
	top: 0px;
	left: 640px;
	background-image: url(images/header/ArrowsSiteTourGreen.jpg);
}
#railright a {
z-index: 8;
	height: 118px;
	width: 160px;
	position: absolute;
	top: 0px;
	left: 640px;
	background-image: url(images/header/gnrhs_link.jpg);
}
#railright a:hover {
z-index: 8;
	height: 118px;
	width: 160px;
	position: absolute;
	top: 0px;
	left: 640px;
	background-image: url(images/header/gnrhs_link.jpg);
}

#LodgingCatalogue {
	height: 68px;
	width: 480px;
	background-image: url(/images/header/LogdeCat_bg.jpg);
}
#FirstRowMenu {
	height: 18px;
	width: 480px;
	background-color: #7C8D7A;
	background-image: url(/images/header/railroad_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#SecondRowMenu {
	height: 20px;
	width: 480px;
	background-color: #7C8D7A;
	background-image: url(/images/header/railroad_2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#Rope {
	height: 18px;
	width: 480px;
	background-image: url(/images/header/rope.jpg);
}
#ThirdRowMenu {
	height: 18px;
	width: 480px;
	background-color: #7C8D7A;

}
#BottomRowMenu {
	height: 30px;
	width: 480px;
	background-image: url(/images/header/BottomRowMenu.jpg);
}




/***  Rollovers  ***/
#nav_bg1 {
	width: 100%;
	height: 18px;
}

#nav_bg2 {
	width: 100%;
	height: 20px;
}

#nav_container1 {
	width: 480px;
	margin: 0 auto;
}
#nav_container2 {
	width: 480px;
	margin: 0 auto;
}

#nav_container1 #nav1 {
	margin: 0;
	padding: 0;
	height: 18px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav_container2 #nav2 {
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav_container1 #nav1 li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav_container2 #nav2 li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#nav_container1 #nav1 a {
	float: left;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}
#nav_container2 #nav2 a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#nav_container1 #nav1 a:hover {
	background-position: 0 -18px;
}
#nav_container2 #nav2 a:hover {
	background-position: 0 -20px;
}

#nav_container1 #nav1 a.selected {

	background-position: 0 -18px;

}
#nav_container2 #nav2 a.selected {

	background-position: 0 -20px;

}


#nav_home a {
	width: 142px;
	background: url(/images/buttons/northlandlodge_button.jpg) no-repeat left top;
}
#nav_general a {
	width: 126px;
	background: url(/images/buttons/general_button.jpg) no-repeat left top;
}
#nav_expedition a {
	width: 166px;
	background: url(/images/buttons/expedition_button.jpg) no-repeat left top;
}
#nav_photo a {
	width: 142px;
	background: url(/images/buttons/photo_button.jpg) no-repeat left top;
}
#nav_adventure a {
	width: 134px;
	background: url(/images/buttons/adventure_button.jpg) no-repeat left top;
}
#nav_history a {
	width: 76px;
	background: url(/images/buttons/history_button.jpg) no-repeat left top;
}
#nav_mail a {
	width: 98px;
	background: url(/images/buttons/email_button.jpg) no-repeat left top;
}
#nav_bedlinens a {
	width: 100px;
	background: url(/images/buttons/bedlinens_button.jpg) no-repeat left top;
}
#nav_bathtowels a {
	width: 80px;
	background: url(/images/buttons/bathtowels_button.jpg) no-repeat left top;
}
#nav_jams a {
	width: 140px;
	background: url(/images/buttons/jams_button.jpg) no-repeat left top;
}
#nav_spalotions a {
	width: 130px;
	background: url(/images/buttons/spalotions.jpg) no-repeat left top;
}
#nav_lodging a {
	width: 186px;
	background: url(/images/buttons/lodging_button.jpg) no-repeat left top;
}
#nav_catalogue a {
	width: 185px;
	background: url(/images/buttons/catalogue_button.jpg) no-repeat left top;
	margin-left: 109px;
}
/***********  top two button rollovers **************/
#nav_bgT {
	width: 100%;
	height: 68px;
}
#nav_containerT {
	width: 480px;
	margin: 0 auto;
}
#nav_containerT #navT {
	margin: 0;
	padding: 0;
	height: 68px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav_containerT #navT li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav_containerT #navT a {
	float: left;
	padding: 68px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}
#nav_containerT #navT a:hover {
	background-position: 0 -68px;
}
#nav_containerT #navT a.selected {

	background-position: 0 -68px;

}

/***********  end of top two button rollovers **************/



/****   Front Page Styles   ****/

#contentAreaFrontPage {
	position: relative;
	height: 443px;
	width: 800px;
	/*background-image: url(/images/frontbg.jpg);*/
	
}


.etBienvenue {
	position: absolute;
	left: 273px;
	top: 26px;
}
#contentbg2 {
	width: 800px;
	background-color: #B8D5D3;
	height: 428px;
}
#contentbg3 {
	background-image: url(/images/contentbg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 444px;
	width: 800px;
}



#shopcart {
	background-image: url(/images/btn_cart2.png);
	height: 20px;
	width: 80px;
	padding-left: 30px;
	text-decoration: none;
	background-repeat: no-repeat;
	top: 124px;
	left: 50px;
	position: absolute;
}
#shopcart a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}

/***   this stuff is for the second level page layout  ****/
/* maybe take this out later */
#rightcontent {
	background-color: #B8D5D3;
	float: right;
	width: 520px;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
}

#leftcontent {
	float: left;
	width: 160px;
	background-image: url(/images/contentbg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 120px;
	padding-right: 20px;
	padding-left: 20px;
	height: 100%;
}
h2 {
	color: #003908;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
/* end maybe take this out later */

/************   2nd level page ids and classes go here  *************/

#GirlonRocks {
	float: left;
	width: 280px;
	background-color: #B8D5D3;
	background-image: url(/images/girl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 428px;
}
#ScrollingContentArea {
	background-color: #B8D5D3;
	float: right;
	width: 520px;
	height: 428px;
	overflow: auto;
}
/*** Madam Lady Page  ****/

#madam {
	background-image: url(/images/horsie_bg.jpg);
	height: 442px;
	width: 800px;
	position: relative;
}
#toclink {
	position: absolute;
	left: 310px;
	top: 380px;
}

/**  maps page **/

#fullsizecontentMaps {
	position: relative;
	width: 800px;
}

#mapslinks {
	position: absolute;
	top: 175px;
	left: 659px;
	z-index: 7;
}
#bigmaplink {
	position: absolute;
	top: 65px;
	right: 110px;
	z-index: 7;
}
#bigmaplink a {
color:red;
text-decoration: none;
}
#bigmaplink a:hover {
color: maroon;
text-decoration: underline;
}




/*** Table of Contents Page  ****/




#tocMain {
	background-color: #B8D5D3;
	background-image: url(/images/toc/authorsnotes_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
	width: 520px;
	height: 428px;
	overflow: auto;
	position: relative;
}

#page1products {
	position: absolute;
	left: 148px;
	top: 80px;
	width: 300px;
}

#page5 {
	position: absolute;
	left: 0px;
	top: 128px;
	width: 500px;
}

#page5products {
	position: absolute;
	left: 143px;
	top: 143px;
	width: 300px;
}

#page10 {
	position: absolute;
	left: 0px;
	top: 203px;
	width: 500px;
}
#page10products {
	position: absolute;
	left: 148px;
	top: 218px;
	width: 300px;
}

/**************  Lodge Page **************/


#fullsizecontentLodge {
	position: relative;
	height: 443px;
	width: 800px;
	/* background-image: url(/images/lodging/lodge.jpg); */
}
/**************  History Page **************/


#fullsizecontentHistory {
	position: relative;
	height: 428px;
	width: 800px;
	background-image: url(/images/history/history.jpg);
}

#fullsizecontentHistory2 {
	position: relative;
	height: 443px;
	width: 800px;
	background-image: url(/images/history/Madams_1.jpg);
}
#history2Button {
	position: absolute;
	width: 110px;
	height: 45px;
	left: 465px;
	top: 334px;
}
#history3Button {
	position: absolute;
	width: 110px;
	height: 45px;
	left: 50px;
	top: 360px;
}
/*************** History2 rollover ***************/

#nav_Madamz {
	width: 110px;
	height: 45px;
	margin: 0 auto;
}
#nav_Madamz #navMadamz {
	margin: 0;
	padding: 0;
	height: 45px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav_Madamz #navMadamz li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav_Madamz #navMadamz a {
	float: left;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}
#nav_Madamz #navMadamz a:hover {
	background-position: 0 -45px;
}
#nav_Madamz #navMadamz a.selected {

	background-position: 0 -45px;

}
#nav_madamz a {
	width: 110px;
	background: url(/images/history/history2_button.jpg) no-repeat left top;
}
/*************** History3 rollover (index page) ***************/

#nav_Madam3 {
	width: 110px;
	height: 45px;
	margin: 0 auto;
}
#nav_Madam3 #navMadam3 {
	margin: 0;
	padding: 0;
	height: 45px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav_Madam3 #navMadam3 li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav_Madam3 #navMadam3 a {
	float: left;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}
#nav_Madam3 #navMadam3 a:hover {
	background-position: 0 -45px;
}
#nav_Madam3 #navMadam3 a.selected {

	background-position: 0 -45px;

}
#nav_madam3 a {
	width: 110px;
	background: url(/images/history/history3_button.jpg) no-repeat left top;
}


/************* Products and background image ids  *************/
#SheaButter {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/sheaButterBodyCorps.jpg);
}
#FootSoak {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/FootSoak1of1-2_1.jpg);
}
#FootSoak2 {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/FootSoak2of1-2_1.jpg);
}
#Toothbrush {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/toothbrush1_1.jpg);
}
#Toothbrush2 {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/toothbrush2_1.jpg);
}
#SheetsFold {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/welldressedbed_1.jpg);
}
#WellDressedBed {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/welldressedbedPch_1.jpg);
}
#PineCone {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/embroiderHenStitchSet_1.jpg);
}
#Ruffled {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/ClassicRuffleSet.jpg);
}
#Pillow {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/pillowcases.jpg);
}
#Towels {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/towels1_1.jpg);
}
#Towels2 {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/towels2_1.jpg);
}
#Capri {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/capripj.jpg);
}
#Candy {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/candy_fbp_1.jpg);
}
#Berries {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/Jam1of1-3_fbp_1.jpg);
}
#Jam {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/Jam2of1-3_fbp_1.jpg);
}
#Pemmican {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-image: url(/images/products/Jam3of1-3_fbp_1.jpg);
}
#productForward {
	position: absolute;
	width: 130px;
	height: 31px;
	left: 0px;
	top: 343px;
}
#productBack {
	position: absolute;
	width: 130px;
	height: 54px;
	left: 0px;
	top: 374px;
}
#productPurchase {
	position: absolute;
	width: 130px;
	height: 85px;
	right: 0px;
	top: 343px;
}
/*************** rollovers ***************/

#nav_Forward {
	width: 130px;
	height: 31px;
	margin: 0 auto;
}
#nav_Forward #navForward {
	margin: 0;
	padding: 0;
	height: 31px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav_Forward #navForward li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav_Forward #navForward a {
	float: left;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}
#nav_Forward #navForward a:hover {
	background-position: 0 -31px;
}
#nav_Forward #navForward a.selected {

	background-position: 0 -31px;

}
#nav_forward a {
	width: 130px;
	background: url(/images/products/forward_button.jpg) no-repeat left top;
}
/******** back button***************/

#nav_Back {
	width: 130px;
	height: 54px;
	margin: 0 auto;
}
#nav_Back #navBack {
	margin: 0;
	padding: 0;
	height: 54px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav_Back #navBack li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav_Back #navBack a {
	float: left;
	padding: 54px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}
#nav_Back #navBack a:hover {
	background-position: 0 -54px;
}
#nav_Back #navBack a.selected {

	background-position: 0 -54px;

}
#nav_back a {
	width: 130px;
	background: url(/images/products/back_button.jpg) no-repeat left top;
}
/*************** purchase button *****************/
#nav_Purch {
	width: 130px;
	height: 85px;
	margin: 0 auto;
}
#nav_Purch #navPurch {
	margin: 0;
	padding: 0;
	height: 85px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav_Purch #navPurch li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav_Purch #navPurch a {
	float: left;
	padding: 85px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}
#nav_Purch #navPurch a:hover {
	background-position: 0 -85px;
}
#nav_Purch #navPurch a.selected {

	background-position: 0 -85px;

}
#nav_purch a {
	width: 130px;
	background: url(/images/products/purchase_button.jpg) no-repeat left top;
}
/**************** Rooms Styles ****************/

#RoomsMenu {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 428px;
	width: 280px;
	position: relative;
}
#RoomFirstPage {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-color: #B8D5D3;
}
#Room1 {
	float: right;
	width: 520px;
	height: 428px;
	position: relative;
	background-color: #B8D5D3;
}
/*********** photo gallery stuff  **************/


#photogalleryarea {
	position: relative;
	height: 485px;
	width: 800px;
}
#topstrip {
	height: 20px;
	width: 800px;
	background-image: url(/images/photogallery/top_bg.gif);
}
#albumlinks {
	height: 30px;
	width: 800px;
	background-color: #000000;
	text-align: center;
}



/**************** Contact Form Styles ****************/
#contactformbg {
	position: relative;
	height: 428px;
	width: 800px;
	background-color: #B8D5D3;
	background-image: url(contactbg.jpg);
	background-repeat: no-repeat;
    background-position: center; 
}

#fullnamefield {
position:absolute;
 top:115px;
left:204px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#emailfield {
position:absolute;
 top:115px;
 right:207px;
 font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#commentfield {
position:absolute;
 top:162px;
left:249px;
width: 294px;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#contactsend {
position:absolute;
 bottom:172px;
right:222px;
}