body { font-family: Arial, san-serif, serif; font-size: 12px; text-align: center;    }

.main { border: 1px solid #000; margin-left: auto; margin-right: auto; width: 800px;  text-align: left; background-color: #fff; }
.header { width: 800px; height: 49px; background-image: url(../images/headerTop1.png); background-repeat: no-repeat; }
.header2 	{ width: 800px; height: 227px;  clear: both; }		 
.header2L	{ width: 305px; height: 227px; background-color: #eee; float: left; background-image: url(../images/family.jpg); background-repeat: no-repeat;  }
.header2R	{ width: 480px; height: 180px;  float: left; }
.headerFlags	{ width: 470px; height: 10px; margin: 5px; background-color: #fff; text-align: right; }
.headerLinks	{ width: 330px; margin-top: 20px; margin-left: 20px; background-color: #fff; float: left; }
.headerLogos	{ width: 85px; margin-top: 20px; float: left; background-color: #fff;  }

 
.nav	{ width: 800px; clear: both; }
.content { width: 780px; background-color: #fff; margin-left: 10px; clear: both;}
.footer { width: 780px; margin: 10px; text-align: center; color: #999; font-size: 11px; clear: both;}

.center { text-align: center;}

.red { color: #c00; }
.pgTitle { font-size: 16px; font-weight: 600; }
.smallGray { font-size: 11px; color: #666;}

.wless { font-size: 10px;}

/* LINKS */
a:link.welcome		{ color: #999; font-size: 16px; font-weight: 600; text-decoration: underline;}
a:visited.welcome	{ color: #999; font-size: 16px; font-weight: 600; text-decoration: underline; }
a:hover.welcome		{ color: #c00; font-size: 16px; font-weight: 600; text-decoration: none; }

a:link.lnk		{ color: #c00; font-size: 12px; text-decoration: underline;}
a:visited.lnk	{ color: #c00; font-size: 12px; text-decoration: underline; }
a:hover.lnk		{ color: #c00; font-size: 12px; text-decoration: none; }

a:link.footerLnk		{ color: #c00; font-size: 11px; text-decoration: underline;}
a:visited.footerLnk		{ color: #c00; font-size: 11px; text-decoration: underline; }
a:hover.footerLnk		{ color: #c00; font-size: 11px; text-decoration: none; }

a:link.lng		{ color: #c00; font-size: 11px; text-decoration: underline;}
a:visited.lng	{ color: #c00; font-size: 11px; text-decoration: underline; }
a:hover.lng		{ color: #c00; font-size: 11px; text-decoration: none; }

a:link.navBtnL		{ height: 17px; width: 132px; display: block; background-color: #c00; float: left; 
						color: #fff; text-decoration: none; font-weight: bold; text-decoration: none;  }
a:visited.navBtnL	{ height: 17px; width: 132px; display: block; background-color: #c00; float: left; 
						color: #fff; text-decoration: none; font-weight: bold; text-decoration: none;  }
a:hover.navBtnL		{ height: 17px; width: 132px; display: block; background-color: #ddd; float: left; 
						color: #000; text-decoration: none; font-weight: bold; text-decoration: none;  }

a:link.navBtnR		{ height: 17px; width: 133px; display: block; background-color: #c00; float: left; 
						color: #fff; text-decoration: none; font-weight: bold; text-decoration: none;  }
a:visited.navBtnR	{ height: 17px; width: 133px; display: block; background-color: #c00; float: left; 
						color: #fff; text-decoration: none; font-weight: bold; text-decoration: none;  }
a:hover.navBtnR		{ height: 17px; width: 133px; display: block; background-color: #ddd; float: left; 
						color: #000; text-decoration: none; font-weight: bold; text-decoration: none;  }

/* index */
.reservationImg	{ height: 60px; width: 93px; float: left;  }
.indexText		{ height: 60px; width: 300px; float: left; }



/* navigation */

.leftNavBtn 	{ border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000;
				 width: 132px; height: 17px; text-align: center; float: left;   }
.rightNavBtn 	{ border: 1px solid #000; 
				 width: 133px; height: 17px; text-align: center; float: left; 	}

				 
/* LANDING PAGE */
.hpmain { border: 1px solid #ccc; margin-left: auto; margin-right: auto; width: 800px;  text-align: left; background-color: #fff; }
.hpcontent { width: 780px;  margin: 10px; text-align: center; }
.hplanguage { width: 780px; margin: 10px; text-align: center; color: #999; font-size: 16px; font-weight: 600;  }
.hpfooter { width: 780px; margin: 10px; text-align: center; color: #999; font-size: 11px;}

/* RESERVATIONS */

.resForm 	{ border: 1px dotted #777; width: 420px; margin-left: 20px; }
.resFormTbl { font-size: 12px;  margin: 10px;  }
.resFormCtg	{ color: #555; font-weight: bold; }
.field 			{ font-size: 14px; color: #555; }
.comment		{ font-family: Arial; font-size: 12px; width: 360px; color: #555;}
.dropDate	{ font-size: 14px; color: #555; width: 65px; }
.dropLocation	{ font-size: 14px; color: #555; width: 200px; }
td.center	{ text-align: center}

/* MAP TABLE */

.mapTable	{ margin-left: 100px; border: 1px solid #000;}

/* LOCATION */

.locationTable	{ font-size: 12px; margin-left: 20px;}
td.alignTop	{  vertical-align: top; }

.loc1	{ float: left; width: 253px; height: 480px; margin-left: 5px; margin-bottom: 10px; border: 1px dotted #777;  }
.loc11	{ width: 240px; margin: 5px; }

.locTitle { color: #000; font-weight: 600; text-decoration: underline;}
.locSubtitle	 { color: #666; font-style: italic; font-weight: bold }

/* CONTACT */

.contactDiv 	{ width: 500px; margin-left: 20px; border: 1px dotted #777; }
.contactTable	{ font-family: Arial; font-size: 12px; margin-left: 50px;}
.contactComment		{ font-family: Arial; font-size: 12px; width: 300px; color: #555;}

/* TOOLS */

.tools_nav			{ width: 600px; color: #ddd; margin: 5px; }
.tools_directions 	{ width: 600px; height: 200px; background-color: #fff; float: left; border: 1px dotted #ccc; margin-left: 80px; margin-bottom: 10px; margin-top: 10px;   }
.tools_currency 	{ width: 600px; height: 260px; background-color: #fff; float: left; border: 1px dotted #ccc; margin-left: 80px; margin-bottom: 10px; margin-top: 10px;  }
.tools_weather 		{ width: 600px; height: 380px; background-color: #fff; float: left; border: 1px dotted #ccc; margin-left: 80px; margin-bottom: 10px; margin-top: 10px;  }
.tools_adjust 		{ margin-left: 130px; }



/* SERVICE */

td.serviceCell { font-size: 12px; vertical-align: top; }
.redTitle	{ font-size: 12px; font-weight: bold; color: #c00;}
.serviceTable { margin-left: 100px; }

/* POSTCARD */
.postcardTable { font-size: 12px; margin-left: 20px; }
.postcardFormTable	{ font-size: 12px; margin-top: 10px; margin-left: 230px;  }
.postcardMessage { font-size: 12px; font-family: Arial; }

/* RATES */
.ratesTable 		{ font-size: 12px; margin-left: 30px; }
.ratesTableTitle 	{ border-bottom: 1px dotted #000; font-weight: bold; }

/* SITEMAP */
.sitemapTable { font-size: 12px; margin-left: 150px;}

/* ROOMS */

.roomMenu 		{ width: 120px; height: 25px; padding: 4px; background-image: url(../images/roomMenu.png); background-repeat: no-repeat;}
.roomContainer	{ width: 120px; float: left; }
.roomText 	{ width: 620px; height: 200px; border: 1px solid #ccc; float: left; margin-bottom: 10px; }
.roomTitle	{ margin-left: 10px; }

a:link.roomMenuLink		{ display: block; width: 120px; height: 20px; color: #c00; font-weight: bold; padding-top: 4px; text-decoration: none; background-color: #fff; }
a:visited.roomMenuLink	{ display: block; width: 120px; height: 20px; color: #c00; font-weight: bold; padding-top: 4px; text-decoration: none; background-color: #fff; }
a:hover.roomMenuLink	{ display: block; width: 120px; height: 20px; color: #c00; font-weight: bold; padding-top: 4px; text-decoration: none; background-color: #eee; }

.marginL { margin-left: 10px;}

/* ROOM2 */

.marginLeft30	{ margin-left: 40px;  }

.menuDivOver	{ width: 100px; height: 25px; float: left; text-align: center; background-image: url(../images/tab_over.png); background-repeat: no-repeat; }
.menuDivDown	{ width: 100px; height: 25px; float: left; text-align: center; background-image: url(../images/tab_down.png); background-repeat: no-repeat;}
.menuDivBlank	{ width: 100px; height: 25px; float: left; text-align: center; background-image: url(../images/tab_blank.png); background-repeat: no-repeat;}

a:link.roomMenuItem		{  display: block; font-size: 11px; width: 100px; height: 25px; text-decoration: none; color: #000;  }
a:visited.roomMenuItem	{  display: block; font-size: 11px; width: 100px; height: 25px; text-decoration: none; color: #000;  }
a:hover.roomMenuItem	{  display: block; font-size: 11px; width: 100px; height: 25px; text-decoration: none; color: #c00;  }
		
.adjust { position: relative; top: 8px; }
		
.display { width: 700px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; padding-top: 10px; clear: both; }
.roomTable	 { font-size: 12px; margin-left: 10px; margin-bottom: 10px; }



/* CHAMBERS ET SUITES */

.roomDisplay{
	width: 660px;
	margin-left: 50px;
}
.roomNav{
	width: 660px;
	height: 35px;
}
.roomNavItemOver{
	width: 110px;
	height: 35px;
	float: left;
	font-size: 11px;
	text-align: center;
	background-image: url(../images/roomOver.png);
	background-repeat: no-repeat;
}
.roomNavItemDown{
	width: 110px;
	height: 35px;
	float: left;
	font-size: 11px;
	text-align: center;
	background-image: url(../images/roomDown.png);
	background-repeat: no-repeat;
}
.roomTextPos{
	display: block;
	width: 110px;
	height: 15px;
	position: relative; top: 12px;
}
.roomTextPos2{
	display: block;
	width: 110px;
	height: 15px;
	position: relative; top: 4px;
}
.roomCont{
	width: 660px;
	height: 300px;
	background-image: url(../images/roomContBg.png);
	background-repeat: no-repeat;
}
.roomSpacer{
	width: 660px; 
	height: 5px;
	clear: both;
}
.roomTextReg{
	float: left;
	width: 275px;
	margin-left: 10px;
}
.roomTextRegPos{
	width: 265px;
}
.roomImgReg{
	float: left;
	width: 361px;
	background-color: #bbb;	
}

a:link.roomNavLink{
	display: block;
	width: 110px;
	height: 35px;
	text-decoration: none;
	color: #000;
}
a:visited.roomNavLink{
	display: block;
	width: 110px;
	height: 35px;
	text-decoration: none;
	color: #000;
}
a:hover.roomNavLink{
	display: block;
	width: 110px;
	height: 35px;
	text-decoration: underline;
	color: #c00;
}