@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	background-color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

h3 {font-size: 12px; font-weight:bold;}

#Wrapper {
	width:900px;
	height:695px;
	background-image:url(Images/Background.gif);
	background-repeat:no-repeat;
	margin:auto;
}

#HomeWrapper {
	width:900px;
	height:695px;
	background-image:url(Images/Home_Background.jpg);
	background-repeat:no-repeat;
	margin:auto;
}

#TheRoomsWrapper {
	width:900px;
	height:695px;
	background-image:url(Images/TheRooms_Background.jpg);
	background-repeat:no-repeat;
	margin:auto;
}

#BreakfastWrapper {
	width:900px;
	height:695px;
	background-image:url(Images/Breakfast_Background.jpg);
	background-repeat:no-repeat;
	margin:auto;
}

#TheInnWrapper {
	width:900px;
	height:695px;
	background-image:url(Images/TheInn_Background.jpg);
	background-repeat:no-repeat;
	margin:auto;
}

#Events_Wrapper {
	width:900px;
	height:695px;
	background-image:url(Images/Events_Background.jpg);
	background-repeat:no-repeat;
	margin:auto;
}

#Banner_Title {
	position:relative;
	z-index:5;
	left: 1px;
	top: 0px;
	width: 900px;
	height: 55px;
}
#Banner_SubTitle {
	position:relative;
	z-index:10;
	top: 0px;
	left: 1px;
}
#Contact_Us {
	position:relative;
	width:129px;
	height:23px;
	z-index:20;
	background-image:url(Images/Contact_Us.gif);
	left: 771px;
	top: -53px;
}
#Map_Directions {
	position:relative;
	width:129px;
	height:28px;
	z-index:20;
	background-image:url(Images/Map_Directions.gif);
	left: 771px;
	top: -51px;
}
#Nav {
	position:relative;
	width:233px;
	height:240px;
	float:left;
	z-index:10;
	left: 0px;
	top: 145px;
}
#RoomsContent {
	position:relative;
	width:550px;
	height:450px;
	float:right;
	z-index:10;
	left: -100px;
	top: -20px;
	overflow:auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
#HomeText {
	position:relative;
	width:250px;
	height:550px;
    line-height: 25px;
	font-size:14px;
	float:left;
	z-index:20;
	left: 20px;
	top: 80px;
}
#TextContent {
	position:relative;
	width:550px;
	height:450px;
	float:right;
	z-index:10;
	left: -100px;
	top: -10px;
	overflow:auto;
}
#Events_TextContent {
	position:relative;
	width:460px;
	height:450px;
	float:right;
	z-index:10;
	left: -160px;
	top: -30px;
	overflow:auto;
}
#Events_BottomContent {
	position:relative;
	width:460px;
	height:290px;
	float:right;
	z-index:10;
	left: -160px;
	top: -290px;
	overflow:auto;
}
#GalleryContent {
	position:relative;
	width:570px;
	height:450px;
	float:right;
	z-index:10;
	left: -100px;
	top: -10px;
	overflow:auto;
}
#BreakfastContent {
	position:relative;
	width:295px;
	height:450px;
	float:right;
	z-index:10;
	left: -370px;
	top: 70px;
	overflow:auto;
}
#CommentsContent {
	position:relative;
	width:225px;
	height:450px;
	float:right;
	z-index:10;
	left: -415px;
	top: 40px;
	overflow:auto;
}
#TheRoomsContent {
	position:relative;
	width:295px;
	height:450px;
	float:right;
	z-index:10;
	left: -370px;
	top: 145px;
	overflow:auto;
}
#BreakfastFudge {
	position:relative;
	float:right;
	z-index:30;
	left: 294px;
	top: -64px;
	overflow:auto;
}
#CommentsFudge {
	position:relative;
	float:right;
	z-index:30;
	left: 226px;
	top: -64px;
}
#TheRoomsFudge {
	position:relative;
	float:right;
	z-index:30;
	left: 295px;
	top: -63px;
	overflow:auto;
}
#TheRoomsLink1 {
	position:relative;
	float:left;
	z-index:30;
	left: -86px;
	top: -44px;
	width:125px;
	border:none;
}
#TheRoomsLink2 {
	position:relative;
	float:left;
	z-index:30;
	left: -84px;
	top: -44px;
	width:125px;
	border:none;
}
#TheRoomsLink3 {
	position:relative;
	float:left;
	z-index:30;
	left: 164px;
	top: -128px;
	width:125px;
	border:none;
}
#TheRoomsLink4 {
	position:relative;
	float:left;
	z-index:30;
	left: 164px;
	top: -128px;
	width:125px;
	border:none;
}
#TheRoomsLink5 {
	position:relative;
	float:left;
	z-index:30;
	left: -85px;
	top: -124px;
	width:125px;
	border:none;
}
#TheRoomsLink6 {
	position:relative;
	float:left;
	z-index:30;
	left: -85px;
	top: -124px;
	width:125px;
	border:none;
}
#TheRoomsLink7 {
	position:relative;
	float:left;
	z-index:30;
	left: 394px;
	top: -208px;
	width:125px;
	border:none;
}
#TheRoomsLink9 {
	position:relative;
	float:left;
	z-index:30;
	left: 395px;
	top: -208px;
	width:125px;
	border:none;
}
#TheInn_Top_Center_Image {
	position:relative;
	float:right;
	z-index:30;
	left: -127px;
	top: -135px;
}
#TheInnContentTop {
	position:relative;
	width:275px;
	height:200px;
	float:right;
	z-index:10;
	left: -128px;
	top: 110px;
	overflow:auto;
}
#TheInnContent {
	position:relative;
	width:440px;
	height:200px;
	float:right;
	z-index:10;
	left: 38px;
	top: 15px;
	overflow:auto;
}
/* NAVIGATION BUTTONS */
.cssnav	{
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:  url(Images/Button_Selected.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 233px;
	height: 21px;
	margin: 0;
	padding: 0;
}
.cssnav a {
	display: block;
	color: #000000;
	font-size: 12px;
	width: 233px;
	height: 21px;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-variant: small-caps;
}

.cssnav img {width: 233px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
			position: absolute;
			left: 12px;
			top: 0px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 149px;
			height: 14px;
			text-align: left;
}

.csscontact_us	{
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:  url(Images/Contact_Us_Sel.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 129px;
	height: 23px;
	margin: 0;
	padding: 0;
}
.csscontact_us a {
	display: block;
	color: #000000;
	font-size: 12px;
	width: 129px;
	height: 23px;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-variant: small-caps;
}

.csscontact_us img {width: 129px; height: 23px; border: 0; }
.csscontact_us a:hover img{visibility:hidden}

.csscontact_us span {
			position: absolute;
			left: 12px;
			top: 0px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 129px;
			height: 14px;
			text-align: left;
}

.cssdirections	{
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:  url(Images/Map_Directions_Sel.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 129px;
	height: 28px;
	margin: 0;
	padding: 0;
}
.cssdirections a {
	display: block;
	color: #000000;
	font-size: 12px;
	width: 129px;
	height: 28px;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-variant: small-caps;
}

.cssdirections img {width: 129px; height: 28px; border: 0; }
.cssdirections a:hover img{visibility:hidden}

.cssdirections span {
			position: absolute;
			left: 12px;
			top: 0px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 129px;
			height: 14px;
			text-align: left;
}

.cssdirectionshome	{
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:  url(Images/Map_Directions_Home_Sel.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 129px;
	height: 28px;
	margin: 0;
	padding: 0;
}
.cssdirectionshome a {
	display: block;
	color: #000000;
	font-size: 12px;
	width: 129px;
	height: 28px;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-variant: small-caps;
}

.cssdirectionshome img {width: 129px; height: 28px; border: 0; }
.cssdirectionshome a:hover img{visibility:hidden}

.cssdirectionshome span {
			position: absolute;
			left: 12px;
			top: 0px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 129px;
			height: 14px;
			text-align: left;
}

#Footer {
	position:relative;
	clear:both;
	left:0px;
	top:215px;
	z-index:20;
}