/*
	Name:  css_section.css
*/

	h1, h2, h3 { font-family: Verdana, Tahoma, Helvetica, sans-serif; }
	h1 {
		color: #479;  font-size: 1.25em;  font-weight: 400;  margin: 48px 7px 0px 14px;  letter-spacing: 0.1em;  position: absolute;  top: 57px;  left: 3px;
		/*position: absolute;  top: 55px;  left: 20px;  z-index: 100;*/
	}
	h2 { color: #999;  font-size: 1.0em;  margin: 0px 0px 0px 0px;  letter-spacing: 0.1em;  display: inline; }
	
	#header { position: relative;  margin: 15px auto 0px 0px;  border: 0px solid blue; /*needed*/ }
		#header img { margin-left: 5px; }
		#header #houseFade { position: absolute;  top: -26px;  right: 87px;  z-index: 2; }
		#header h2 { font-family: Georgia, serif;  font-size: 0.9em;  position: absolute;  top: 50px;  left: 20px; }
	
		#nav { position: relative;  top: 27px;  background: transparent;  /*display: inline;*/ }
			#nav ul { height: 1.5em;  position: relative;  z-index: 10; }
	
	#content {
		text-align: left; /*justify;*/  position: relative;  width: 93%;  clear: both;  margin: 57px auto 0px 18px;  padding-top: 2px; /*margin for IE, padding for FF*/
	}
		#content a:link { color: #448;  font-style: normal;  text-decoration: none; }
		#content a:visited { color: #448;  font-style: normal;  text-decoration: none; }
		#content a:hover { color: #44B;  font-style: normal;  text-decoration: underline; }
		#content a:active { color: #448;  font-style: normal;  text-decoration: none; }
		
		/*
		#content p a:link { color: #448;  font-style: normal;  text-decoration: underline; }
		#content p a:visited { color: #448;  font-style: normal;  text-decoration: underline; }
		#content p a:hover { color: #44B;  font-style: italic;  text-decoration: none; }
		#content p a:active { color: #448;  font-style: normal;  text-decoration: underline; }
		*/

		#content p { text-indent: 0px;  margin: 11px 0px 25px 0px;  line-height: 1.4em; }
		#content hr { margin: 71px 0px 0px 0px; }
		
		#content ul { list-style-type: circle;  marker-offset: 20px; }
		#content li { font-weight: 100;  letter-spacing: 0.1em;  margin: 0.4em auto 0.4em -0.6em; }
		#content ul ul { list-style-type: disc;  marker-offset: 20px;  font-size: 0.9em;  margin: 10px auto 0px -20px;  padding-bottom: 5px; }
		#content .per { padding: 0px 3px; }
	
	/* quote blocks */
	p.quote { font-family: Georgia, serif;  font-style: italic;  padding: 0px 10px; }
		p.quote em { font-family: Verdana, Tahoma, Helvetica, sans-serif;  font-size: 0.9em;  font-style: normal;   padding-left: 3px; }
	
	/* contact page */
	#content.contactUs h2 { padding: 5px 0px 0px 25px; }
	#content.contactUs h3 { color: #479;  font-weight: 400;  font-size: 1.25em;  margin: 0px 0px 0px -2px; }
	#content.contactUs div.address { float: left;  width: 235px;  margin: 10px 0px 30px 30px;  color: #777;  text-align: left; }
		#content.contactUs div.address a { color: #777; }
		#content.contactUs div.address p { text-align: left; }
	#content.contactUs ol { text-align: justify;  padding-left: 50px;  margin-bottom: 30px; }
	#content.contactUs h2 { display: block;  margin: 10px auto -10px 2px; }
	#content.contactUs p#addendum { width: 554px;  margin: 0px auto 10px auto; }
	
	#content.contactUs p.quote { margin: 0px auto 35px auto;  clear: left; }
	
	#contactImageBlock { float: right;  margin: 0px 9px 0px 27px; }
		#contactImage1 { margin: 40px 0px 0px 0px;  padding-bottom: 40px; }

	/* about us page */
	#PrestonAnnPhoto { float: right;  margin: 16px 0px 0px 25px; }
	#aboutSectionSep1 { margin: -20px auto 15px 47%; }
	#aboutBottomQuote { padding-top: 20px;  margin-bottom: -100px; }
	
	/* mission page */
	/*#WellspringTriptych { float: right;  margin: 10px 0px 25px 25px; }*/
	#missionImageBlock { float: right;  width: 240px;  height: 41em;  margin: 14px 0px 0px 27px; }
		#missionImageBlock img { float: right;  margin: 0px 0px 17px 0px; }
	
	/* amenities page */
	#content.amenities { width: 600px;  margin-left: 16px;  padding-top: 12px; }
	/* newer style: causes problems with older browsers, re-written as a table below...
	#content.amenities ul#leftList{ width: 260px;  float: left;  list-style-type: none;  padding-bottom: 10px; }
	#content.amenities ul#rightList{ width: 260px;  float: left;  list-style-type: none;  padding-bottom: 10px; }
		#content.amenities li { color: #444;  margin: 0px 0px 15px -35px; }
			#content.amenities li a { color: #479; }
			#content.amenities li em { color: #777;  font-style: normal;  font-size: 0.9em; }
	*/
	#amenTableLeft { width: 270px;  margin: -1px 0px 7px 3px;  padding-top: 0px;  float: left;  border: 0px solid green; } /*IE override*/
	#amenTableRight { width: 300px;  margin: -1px 0px 7px 16px;  padding-top: 0px;  float: left;  border: 0px solid blue; }
		.amenTable td { color: #444;  margin: 0px 0px 15px -35px;  vertical-align: top;  padding: 5px 4px 5px 0px; }
			.amenTable a { color: #479; }
			.amenTable em { color: #777;  font-style: normal;  font-size: 0.9em; }
	
	#amenImageBlock { float: left;  clear: both;  width: 297px;  margin: 6px 27px 0px 2px; }
		#amenImage1 { float: left;  margin: 0px 0px 0px 0px; }
		
	/* rooms-n-rates page */
	#roomsImageBlock { float: right;  width: 240px;  /*height: 30em;*/  margin: 14px -20px 10px 15px; }
		#roomsImage1 { float: right;  margin: 0px 0px 0px 0px; }
		#roomsImage2 { float: right;  clear: right;  margin: 20px 0px 0px 0px; }
	
	#roomsRatesBlock { margin: 0px auto 14px 0px;  border: 0px solid blue; }
		#roomsRatesBlock p { margin: 10px auto 0px 0px; }
		#roomsWinterRates strong { color: #777;  font-size: 0.9em;  font-style: italic; }
	
	/* tour page */
	#content.tour { margin: 70px 0px 0px 40px; }
	#tourThumbs { width: 540px;  margin-left: 20px; }
	#content.tour img { float: left;  margin: 0px 19px 16px 0px;  padding: 2px;  border: 1px solid #FFF;}
	#content.tour img.selected { border: 1px solid #79A;  padding: 2px; }
	#tourTopImage { width: 560px;  height: 171px;  margin: -4px auto 30px 0px; }
		#content.tour #tourTopImage img { margin: 0px 20px 0px 0px;  padding: 0px; }
	#tourBottomQuote { clear: both;  width: 538px;  padding-top: 20px;  white-space: normal; }
	
