/*  inns section */

/* colors
#655f50  body brownish
#943734  maroon accent color
*/

body { background-color: #FFFFE7; }

p {
	color: #655f50;
	line-height: 140% !important;
}

li {
	color: #655f50;
	line-height: 120%;
	padding-bottom: 8px;
}

	
.PageTitles {
	color: #943734; /* xxxx, overriding the site styles by virtue of the css cascade */
}

a:link {  color: #943734; text-decoration: none; }
a:visited {  color: #943734; text-decoration: none; }
a:hover {  color: #655f50;  text-decoration: underline;}




#shiftUp {
/* to snug content table up to site nav bar; not used yet */
	margin-top: -10px;
}

/* four inns homepage */

#ContentMain {
	position: relative;  /* this cannot be absolute */
	margin: 0px ;
	overflow: visible;
	height: 785px;
	background-image: url(/inns/four_interface/background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffe7;
	z-index: 3;
}

#ContentMainNew {
	position: relative;  /* this cannot be absolute */
	margin: 0;
	overflow: visible;
	width: 801px;
	height: 1007px;
	background-image: url(/inns/four_interface/background_new.2011.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffe7;
	z-index: 3;
}


#titlesCaptions {
	position: absolute; 
	visibility:visible; 
	width: 602px; height: 356px;
	z-index: 4;
	left:120px; top:290px;
}

#titlesCaptionsNew {
	position: absolute; 
	visibility:visible; 
	width: 608px; height: 528px;
	z-index: 4;
	left:120px; top:300px;
}


/* code for the 4 inns links */

#fourLinks {
    width: 1px; 
    height: 1px;
    margin: 0px auto; 
    padding: 0;
    z-index: 7;  /* overlays everything */
}


#fourLinks li { margin: 0; padding: 0; list-style: none; z-index: 10;}
#fourLinks li { height: 250px; display: block; z-index: 10;}
#fourLinks a { height: 250px; display: block; z-index: 10; position: relative;}

#mill_falls { left: 95px; width: 276px; z-index: 8;  position: absolute; top: 126px; }
#bay_point { left: 450px; width: 276px; z-index: 8;  position: absolute; top: 83px; }
#chase_house { left: 95px; width: 276px; z-index: 8;  position: absolute; top: 392px; }
#church_landing { left: 450px; width: 276px; z-index: 8;  position: absolute; top: 369px; }
#the_cottages { left: 190px; width: 276px; height: 200px !important; z-index: 8;  position: absolute; top: 685px; }

/* end css code to create the 4 overlay links */


#homeTextNew {
	position: absolute; 
	visibility: visible; 
	z-index: 5;
	left: 40px; top: 945px;
	width: 375px; height: 75px;
	margin: 0;
}


#homeText {
	position: absolute; 
	visibility: visible; 
	z-index: 5;
	left: 40px; top: 700px;
	width: 375px; height: 75px;
	margin: 0;
}

#homeText a, #homeTextNew a {
	font-weight: bold;
}


.backgroundInns {
	background-image: url(../inns/four_interface/generic_831_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffe7;
}

/* all four inns pages - common styles */

#relative {
	position: relative;
	vertical-align: 0;
	top: 0;	bottom: 0;
	left: 0; right: 0;
	display: block;
}

#content2 {  
	position: relative;
	margin: -50px 105px 0px 120px;
	padding-left: 0px;
	overflow: visible;
/* 	height: 500px;  varies on each inn page  */
	width: 606px;
}

#ContentRatesPage {   /* different from content2 in that the body color is standardized */
	position: relative;
	margin: -50px 105px 0px 120px;
	padding-left: 0px;
	overflow: visible;
	width: 606px;
}

#ContentRatesPage p {
	color: #655f50;
}


#topRatesMenu {   /* url in html, positioning here;  */
 	position: relative; 
 	left: 395px; top: 100px;
 	width: 325px; height: 240px;  /* larger space in firefox, but just right in WinIE6 */
}

#topRatesMenu p {
	font-family: arial;
	text-align: right;
	font-size: 11px;
	color: #655f50;  /* overriding unused individual page colors */
 	z-index:4; 
}

#topRatesMenu a:link { color: #655f50; text-decoration: none; font-weight: bold; }
#topRatesMenu a:visited { color: #655f50; text-decoration: none; font-weight: bold; }
#topRatesMenu a:hover { color: #655f50; background-color: transparent; text-decoration: underline; font-weight: bold; }



#slideshowIcon {
	margin: 0 0 40px 20px;
}

#slideshowIcon  td {
	color: #655f50;
	font-size: 10px;
	text-align: center;
}

#slideshowIcon a {
	text-decoration: none;
}


/* special rates footer */ 


#innsNav {   
	position: relative;
	font-weight: bold;
	text-align: center;
}


/* packages styling */

.specials {   /* dynamic, from db  */
	background-color: #fffff4; /* palest yellow */
	color: #655f50;
	text-transform: none;
	padding: 10px;
	margin: 20px 0 0 0px;
	border: 1px #756853 solid;
	border-collapse: collapse;
	width: 80%;
}

.specialTitle {
	font-size: 13px;
	line-height: 140%;
	font-style: normal;
	font-weight: bold;
/*
	font-variant: small-caps;
*/
	text-transform: none;
	text-align: left;
	letter-spacing: 0px;
	white-space: normal;
	border-bottom-width: 1px;
	border-collapse: collapse;
	background-color: transparent;
}

.bookNow {
	font-family: Arial, sans-serif;
	color: #b30000;  /* red */
	font-size: 12px;
	line-height: 100%;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	text-transform: none;
	background-color: transparent;
	border: 0px solid;
	border-color: #655f50;
	margin: 0 0 .1em 0;
}

.bookNow a:link {  color: #b30000; text-decoration: none; }
.bookNow a:visited {  color: #b30000; text-decoration: none; }
.bookNow a:hover {  color: #fff; background-color: #b30000; text-decoration: none; }


.clearFloat { clear: both; }


/* Summer Offer 2011 */

#Summer_Offer {
	position:absolute; 
	top: 35px; left: 510px;
}