/*-------oiio-------[START file description]-------oiio-------*/
/*----- Created for:	The Plaza Bed & Breakfast <-------*/	
/*----- Author:				Nathan Delane <-------*/
/*----- Date:					05/24/2004 <-------*/
/*----- Purpose:			To apply design styles to page <-------*/
/*-------oiio-------[END file description]-------oiio-------*/
body
{
	position:static;
	top:0px;
	left:0px;	
	width: 100%;
	height: 100%;
	min-width:800px;
	min-height:600px;
	text-align: center;
	vertical-align: top;	
	margin:0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image:  url(../images/bgGradient2.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	overflow: auto;	
}

tr
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #1B4F1E;
}

div.spacer
{
	clear: both;
}

.butTexthide
{
	display:none;	
}

#pageWrapper
{
	position:absolute;
	top:0px;
	left:50%;
	width:800px;
	min-width:800px;
	margin:0px;
	margin-right:auto;
	margin-left:-400px;
	padding:0px;
	text-align: center;
	vertical-align: middle;
	z-index:50;
	background-color: #FFFFFF;
	width: 800px;
	height: 600px;
}

* html body #pageWrapper
{
	 left:0px;
	 margin-left:0px;
	 position:relative;
}

#headerTop
{
	margin:0px auto;
	background-image:  url(../images/header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width:800px;
	height:126px;
	z-index: 0;
	padding:0px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	display: block;
}

#headerNav
{
	position: absolute;
	left: 512px;
	top: 100px;
	width:279px;  /*auto will make it stretch the needed distance if absolutely spacing*/
	height:26px;
	z-index: 60;	
}

#headerNav ul
{
	display:inline;
}

#headerNav ul li
{
	display:block;
	float:left;
}

#headerNav ul li a span
{
	display:none;
}

/*----- Purpose:			Start display of top navigation buttons <-------*/

#butNavHome
{
	background-image:  url(../images/but_Homeoff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 66px;
	display:block;
}

#butNavHome:hover, #butNavHome:active, #butNavHome:focus
{
	background-image:  url(../images/but_Homeon.jpg);
}

#butNavLocation
{
	background-image:  url(../images/but_Locationoff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 83px;
	display:block;
}

#butNavLocation:hover, #butNavLocation:active, #butNavLocation:focus
{
	background-image:  url(../images/but_Locationon.jpg);
}

#butNavPolicies
{
	background-image:  url(../images/but_Policiesoff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 55px;
	display:block;
}

#butNavPolicies:hover, #butNavPolicies:active, #butNavPolicies:focus
{
	background-image:  url(../images/but_Policieson.jpg);
}

#butNavContact
{
	background-image:  url(../images/but_Contactoff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 75px;
	display:block;
}

#butNavContact:hover, #butNavContact:active, #butNavContact:focus
{
	background-image:  url(../images/but_Contacton.jpg);
}

#contact-header {
	position:absolute;
	top:106px;
	left:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color:#25521b;
}

/*----- Purpose:			End display of top navigation buttons <-------*/


/*----- Purpose:			Start display of content <-------*/

#contentArea
{
	margin:0px;
	padding:0px;
	/*background-image:  url(../images/content.jpg);*/
	background-image:  url(../images/contentblank.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;	
}

#contentLottie
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/lottieContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;	
}

#contentLulabelle
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/lulabelleContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;	
}

#contentMason
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/masonContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;	
}

#contentWhitepoint
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/whitepointContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;	
}

#contentJMSuite
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/jmsuiteContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;	
}

#contentYDCottage
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/yellowdoorContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;	
}

#contentCottage
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}
#contentCottageblank
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/contentblank-template.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}
#contenttitle {
	position:absolute;
	top:31px;
	left:65px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color:#25521b;
	z-index:99;
}
#contentActivities
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/activitiesContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}
#contentBreakfast
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/breakfastContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}
#contentPolicy
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/policiesContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}
#contentLocation
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/locationContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}
#contentCommonArea
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/commonareaContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}
#contentEmail
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/emailContentblank.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}

#contentMainPage
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/contentblank.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
	z-index: 10;		
}

* html body div div #contentArea3
{
	color: #000000;
	overflow-x:hidden;
}

#contentWin
{
	margin:0px;
	padding:0px;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 50;
	width: 800px;
}

/*----- Purpose:			End display of content <-------*/

/*----- Purpose:			Start display of room price navigation and layout of buttons <-------*/

#contentArea3 /*this content area contains the roomrate background for first price page*/
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/contentRoomrates.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
}

#RoomPriceNav
{
	position: absolute;
	left: 34px;
	top: 122px;
	width:752;  /*auto will make it stretch the needed distance if absoutely spacing*/
	height:203px;
	z-index: 100;	
}

#RoomPriceNav ul
{
	display:inline;
}

#RoomPriceNav ul li
{
	display:block;
	float:left;
}

#RoomPriceNav ul li a span
{
	display:none;
}

#butNavLottie
{
	background-image:  url(../images/but_Lottie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 203px;
	width: 177px;
	display:block;
}

#butNavLottie:hover, #butNavLottie:active, #butNavLottie:focus
{
	background-position: 0px -203px;
}

#butNavLulabelle
{
	background-image:  url(../images/but_Lulabelle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 203px;
	width: 189px;
	display:block;
}

#butNavLulabelle:hover, #butNavLulabelle:active, #butNavLulabelle:focus
{
	background-position: 0px -203px;
}

#butNavMason
{
	background-image:  url(../images/but_Mason.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 203px;
	width: 189px;
	display:block;
}

#butNavMason:hover, #butNavMason:active, #butNavMason:focus
{
	background-position: 0px -203px;
}

#butNavJMSuite
{
	background-image:  url(../images/but_JMSuite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 203px;
	width: 177px;
	display:block;
}

#butNavJMSuite:hover, #butNavJMSuite:active, #butNavJMSuite:focus
{
	background-position: 0px -203px;
}

/*----- Purpose:			End display of room price navigation and layout of buttons  <-------*/


/*----- Purpose:			Start display of room price navigation and layout of buttons <-------*/

#contentArea4 /*this content area contains the roomrate background for second price page*/
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/contentRoomrates.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 126px;
	width:800px;
	height:419px;
}

#RoomPriceNav2
{
	position: absolute;
	left: 34px; 
	top: 122px;
	width:543;  /*auto will make it stretch the needed distance if absoutely spacing*/
	height:203px;
	z-index: 100;	
}

#RoomPriceNav2 ul
{
	display:inline;
}

#RoomPriceNav2 ul li
{
	display:block;
	float:left;
}

#RoomPriceNav2 ul li a span
{
	display:none;
}
#RoomPriceNav3
{
	position: absolute;
	left: 210px; /* This is 34px when all 4 boxes are used */
	top: 122px;
	width:543;  /*auto will make it stretch the needed distance if absoutely spacing*/
	height:203px;
	z-index: 100;	
}

#RoomPriceNav3 ul
{
	display:inline;
}

#RoomPriceNav3 ul li
{
	display:block;
	float:left;
}

#RoomPriceNav3 ul li a span
{
	display:none;
}


#butNavWhitepoint
{
	background-image:  url(../images/but_Whitepoint.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 203px;
	width: 177px;
	display:block;
}

#butNavWhitepoint:hover, #butNavWhitepoint:active, #butNavWhitepoint:focus
{
	background-position: 0px -203px;
}

#butNavGardenCottage
{
	background-image:  url(../images/but_Cottage2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 203px;
	width: 177px;
	display:block;
}

#butNavGardenCottage:hover, #butNavGardenCottage:active, #butNavGardenCottage:focus
{
	background-position: 0px -203px;
}
#butNavBlank
{
	background-image:  url(../images/but_blank.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 203px;
	width: 177px;
	display:block;
}
#butNavBlank:hover, #butNavBlank:active, #butNavBlank:focus
{
	background-position: 0px -203px;
}
#butNavYellowCottage
{
	background-image:  url(../images/but_YDCottage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 203px;
	width: 177px;
	display:block;
}

#butNavYellowCottage:hover, #butNavYellowCottage:active, #butNavYellowCottage:focus
{
	background-position: 0px -203px;
}
#butTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style:italic;
	color:#25521b;
}
#butTitle #butTitle1	{
	position:absolute;
	top:135px;
	left:67px;
	width:120px;
	height:auto;
	text-align:center;
	z-index:999;
	text-decoration:none;
	color:#25521b;
}
#butTitle #butTitle2	{
	position:absolute;
	top:135px;
	left:244px;
	width:120px;
	height:auto;
	text-align:center;
	z-index:999;	
	text-decoration:none;
	color:#25521b;
}
#butTitle #butTitle3	{
	position:absolute;
	top:138px;
	left:425px;
	width:120px;
	height:auto;
	text-align:center;
	z-index:999;
	text-decoration:none;
	color:#25521b;
}
#butTitle #butTitle4	{
	position:absolute;
	top:138px;
	left:605px;
	width:120px;
	height:auto;
	text-align:center;
	z-index:999;	
	text-decoration:none;
	color:#25521b;
}

#butImage #butImage1	{
	position:absolute;
	top:175px;
	left:57px;
	z-index:999;
}
#butImage #butImage2	{
	position:absolute;
	top:175px;
	left:233px;
	z-index:999;
}
#butImage #butImage3	{
	position:absolute;
	top:175px;
	left:410px;
	z-index:999;
}
#butImage #butImage4	{
	position:absolute;
	top:175px;
	left:587px;
	z-index:999;
}

/*----- Purpose:			End display of room price navigation and layout of buttons  <-------*/

/*----- Purpose:			Start display of main area content - this will include 4 div areas <-------*/

#contentStatement
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #1B4F1E;
	overflow:none;
	text-align:center;
	position: absolute;
	left: 420px;
	top: 350px;
	width:320px;
	height:55px;
	z-index: 90;
	text-decoration: underline;
	/*filter:progid:DXImageTransform.Microsoft.Glow(color=#E5CC89, Strength='2');*/
	/*the filter above will place a glow effect on text in the IE browser, page is currently
	using javascript function to perform the glow. Use this is not using javascript*/
}

#contentStatement a
{	
	text-decoration: underline;
	color: #1B4F1E;
}

/* this hover statement is for use without having javascript in the page
#contentStatement:hover
{
	filter:progid:DXImageTransform.Microsoft.Glow(color='gold', Strength='5');
}
*/
#directionStatement
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bolder;
	color: #1B4F1E;
	overflow:auto;
	text-align:center;
	position: absolute;
	left: 240px;
	top: 365px;
	width:340px;
	height:60px;
	z-index: 90;
	text-decoration: underline;
	/*filter:progid:DXImageTransform.Microsoft.Glow(color=#E5CC89, Strength='2');*/
	/*the filter above will place a glow effect on text in the IE browser, page is currently
	using javascript function to perform the glow. Use this is not using javascript*/
}

#directionStatement a
{	
	text-decoration: underline;
	color: #1B4F1E;
}
#contentPrice
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #1B4F1E;
	word-spacing: 1px;
	overflow:auto;
	text-align:left;
	position: absolute;
	left: 640px;
	top: 60px;
	width:150px;
	height:60px;
	z-index: 10;
	
}

#contentCollageMain
{
	margin:0px;
	padding:0px;
	background-image:  url(../images/the_plaza.jpg);
	background-repeat: no-repeat;	
	position: absolute;
	left: 25px;
	top: 40px;
	width:325px;
	height:369px;		
}

#contentCollage
{
	margin:0px;
	padding:0px;
	/*background-image:  url(../images/lottieRooms.gif);*/
	background-repeat: no-repeat;
	position: absolute;
	left: 25px;
	top: 85px;
	width:321px;
	height:333px;		
}

/*the code below allows for changing the collage images by adjusting the id in the body tag of the page*/
body#lottieroom #contentCollage
{
background-image:  url(../images/lottieRooms.gif);
}
body#potomacporch #contentCollage
{
background-image:  url(../images/potomac-porch.png);
margin-left:40px;
}body#potomacporch2 #contentCollage
{
background-image:  url(../images/potomac-porch-2.png);
margin-left:40px;
}
body#masonroom #contentCollage
{
background-image:  url(../images/masonRooms.gif);
}
body#lulabelleroom #contentCollage
{
background-image:  url(../images/lulabelleRooms.gif);
}
body#cottageroom #contentCollage
{
background-image:  url(../images/Garden-Cottage.png);
top: 70px;
}
body#carriagehouse #contentCollage
{
background-image:  url(../images/carriage-house.png);
top: 70px;
}
body#carriagehouseroom #contentCollage
{
background-image:  url(../images/carriage-house.png);
top: 70px;
}
body#jamesmonroeroom #contentCollage
{
background-image:  url(../images/jmsuiterooms.jpg);
top: 70px;
}
body#yellowdoorroom #contentCollage
{
background-image:  url(../images/yellowdoorRooms.gif);
top: 70px;
}
body#whitepointroom #contentCollage
{
background-image:  url(../images/whitepoint-rooms.png);
top: 70px;
}
body#activitypage #contentCollage
{
background-image:  url(../images/activitiesCollage.gif);
top: 70px;
}
body#breakfastpage #contentCollage
{
background-image:  url(../images/breakfastCollage.gif);
top: 70px;
}
body#commonarea #contentCollage
{
background-image:  url(../images/commonareaCollage.gif);
top: 70px;
}
body#email #contentCollage
{
background-image:  url(../images/email_us.gif);
top: 70px;
}

#contentRoomDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #1B4F1E;
	word-spacing: 3px;
	overflow:auto;
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 420px;
	top: 85px;
	width:321px;
	height:333px;
	z-index: 10;		
}

#contentRoomDescrip p:first-letter
{
	/*font-family: "Calligraph421 BT";*/
	font-size: 26px;
}

#contentActivDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #1B4F1E;
	word-spacing: 3px;
	overflow:auto;
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 360px;
	top: 70px;
	width:400px;
	height:333px;
	z-index: 10;		
}

#contentBreakfastDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #1B4F1E;
	word-spacing: 3px;
	overflow:auto;
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 360px;
	top: 70px;
	width:400px;
	height:333px;
	z-index: 10;		
}

#contentMainDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #1B4F1E;	
	overflow:auto;
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 360px;
	top: 20px;
	width:400px;
	height:380px;
	z-index: 10;		
}

#contentMainDescrip p
{
	margin:2px 0px;
	padding:0px;
}

#contentPolicyDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #1B4F1E;
	word-spacing: 1px;
	/*overflow:auto;*/
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 150px;
	top: 70px;
	width:500px;
	height:333px;
	z-index: 10;		
}

#contentPolicyDescrip p /*this corrects the difference in text adjustments through IE and Netscape*/
{
	margin:2px 0px;
	padding:0px;
}

#contentLocationDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #1B4F1E;
	word-spacing: 1px;
	overflow:auto;
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 150px;
	top: 70px;
	width:500px;
	height:333px;
	z-index: 10;		
}

#contentDirectionDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #1B4F1E;
	word-spacing: 1px;
	overflow:auto;
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 30px;
	top: 70px;
	width:725px;
	height:333px;
	z-index: 10;		
}
#contentCommonAreaDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #1B4F1E;
	word-spacing: 1px;
	overflow:auto;
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 150px;
	top: 70px;
	width:500px;
	height:333px;
	z-index: 10;		
}

#contentEmailDescrip
{
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #1B4F1E;
	word-spacing: 1px;
	overflow:auto;
	text-align:left;
	/*background-image:  url(../images/cottageContentblank.gif);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 275px;
	top: 70px;
	width:250px;
	height:333px;
	z-index: 10;		
}

/*----- Purpose:			End display of main area content <-------*/

/*----- Purpose:			Start display of page footer and layout of buttons <-------*/

#pageFooter
{
	background-image:  url(../images/footer.jpg);
	position:relative;
	left:0px;
	top: 545px;
	width:800px;
	height:55px;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	display:block;
}

#Footernav
{
	position: relative;
	left: 10px;
	width:auto;
	height:25px;
	top: 0px;
	display:inline-block;
	z-index:90;
}

* html body div div #Footernav
{
	/**bottom: -1px;**/
}

#Footernav ul
{
	display:inline;
}

#Footernav ul li
{
	display:block;
	float:left;
}

#Footernav ul li a span
{
	width:0px;
	height:0px;

}

#nextpagenav
{
	position: absolute;
	left: 285px;
	width:145px;
	height:25px;
	top: 360px;
	z-index:150;	
}
/*----- Purpose:			Start display of page footer and layout of buttons <-------*/

/*----- Purpose:			Start display of bottom navigation buttons <-------*/

#footbutNavBlank
{
	background-image:  url(../images/footbut_blankoff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 145px;
	display:block;
	position:relative;
	top:0px;
	left:0px;	
	color:#336633;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

#footbutNavBlank:hover, #footbutNavBlank:active, #footbutNavBlank:focus
{
	background-image:  url(../images/footbut_blankon.jpg);
}

.footbutText
{
	position:relative;
	top:8px;
	left:4px;	
	color:#336633;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}
.footbutText a
{
	text-decoration:none;
}

#butNavRoomrates
{
	background-image:  url(../images/but_Roomratesoff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 127px;
	display:block;
}

#butNavRoomrates:hover, #butNavRoomrates:active, #butNavRoomrates:focus
{
	background-image:  url(../images/but_Roomrateson.jpg);
}

#butNavRoomrates2
{
	background-image:  url(../images/but_Roomratesoff2.jpg);
	background-repeat: no-repeat;
	top: 458px;
	left: 338px;
	height: 25px;
	width: 145px;
	display:block;
	color:#336633;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#butNavRoomrates2:hover, #butNavRoomrates2:active, #butNavRoomrates2:focus
{
	background-image:  url(../images/but_Roomrateson2.jpg);
}

.butnavText
{
	position:relative;
	top:3px;
	left:0px;	
	color:#336633;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}
.butnavText a
{
	text-decoration:none;
}
#butNavCommonarea
{
	background-image:  url(../images/but_Commonareaoff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 126px;
	display:block;
}

#butNavCommonarea:hover, #butNavCommonarea:active, #butNavCommonarea:focus
{
	background-image:  url(../images/but_Commonareaon.jpg);
}

#butNavActivities
{
	background-image:  url(../images/but_Activitiesoff.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 91px;
	display:block;
}

#butNavActivities:hover, #butNavActivities:active, #butNavActivities:focus
{
	background-image:  url(../images/but_Activitieson.jpg);
}

/*----- Purpose:			End display of bottom navigation buttons <-------*/