/* SAMUELFITCHHOUSE.COM CSS RULES*/



/* Force Scrollbar on Netscape, Firefox to eliminate page shift
--------------------------------------------------------------*/
	html {
		min-height: 100%;
		margin-bottom: 1px;
	}




/* BODY, Define all main values for the web site 
--------------------------------------------------------------*/
	body {
		margin: 0;
		font-family: tahoma, arial, "sans serif";
		color: #033;
		font-size: 0.8em;
		line-height: 150%;
		background-color: #bccdb7;
		background-image: url(images/greenlines.gif);
		margin: 0px auto 0px auto;
	}



/* Wrapper ID, encloses and centers site on page
--------------------------------------------------------------*/

	#wrapper {
		width: 800px;		
		margin: 0px auto 0px auto;
	}



/*Pre-Masthead for "Ask Us About Our Discovery Weekend"
--------------------------------------------------------------*/
	
	#discoveryheader {
		width: 780px;
		height: 30px;
		text-align: right;
		line-height: 30px;
		padding-right: 20px;
		font-family: "Times New Roman";
		font-weight: bold;
		font-style: italic;
		font-size: 1.4em;
		background-image: url(images/discovery.gif);
	}



/*Masthead
--------------------------------------------------------------*/
	
	#masthead {
		width: 800px;
		margin: 20px 0 20px 0;
	}

	#masthead h1 {
		margin: 0;
	}

	#masthead h1 span {  /* Title for site where header image is */
		display:none;
	}


/*Faux Columns for menu and content area
--------------------------------------------------------------*/
	
	#fauxcolumns {
		position: relative;
		width: 800px;
		background-image: url(images/fauxcolumns.gif);
		z-index: 1;
	}


/*Navigation Div
--------------------------------------------------------------*/
	
	#nav {
		float: left;
		width: 170px;
	}




/* Main Navigation List with Rollovers, Sub lists
--------------------------------------------------------------*/

	#mainnav {
		list-style-type: none;
		font-family: Times New Roman, serif;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0px 5px 10px 0;
		line-height: 200%;
	}

	
	#mainnav li ul {
		list-style-type: none;
		font-family: Tahoma, Arial, "sans serif";
		font-size: .8em;
		font-weight: bold;
		margin: -7px 0 10px 0;
		padding: 0 10px 0 0;
		line-height: 100%;
	}


	#mainnav li ul li {
		background-image: url(images/menubullet.gif);
		background-repeat: no-repeat;
		background-position: center left;
		margin: 0 -10px 0 15px;
	}



	#mainnav a:link, #mainnav a:visited, #mainnav a:active {
		display:block;
		text-decoration:none;
		color: #003333;
		margin: 5px 0 0 5px;
		padding: 2px 5px 2px 5px;
	}


	#mainnav a:hover, #mainnav a:focus, #mainnav a:active {
		display:block;
		text-decoration:none;
		color: #003333;
		background-color: #fff;
		margin: 5px 0 0 5px;
		padding: 2px 5px 2px 5px;
	}


	html body #mainnav a { /* make hover effect work in IE */
   		width:150px; 
	}


	html body #mainnav li ul li a { /* make hover effect work in IE */
   		width:135px; 
	}





/*Content
--------------------------------------------------------------*/
	
	#content, #accommodations, #discovery, #activities, #seasonal, #weekends, #events, #gallery, #presspage, #rates, #contact {
		float: right;
		width: 630px;
	}


	#activities, #seasonal, #weekends {
		/*background-image: url(images/activitiesmenu.gif);*/
		background-repeat: no-repeat;
		background-position: top left;
	}


	#discovery {
 		position: relative;
		line-height: 120%;
		z-index: 2;
	}


	#gallery {
		text-align: center;
	}
		

	#press {
		float: left;
		width: 199px;
		text-align: center;
		margin: 10px 0 20px 0;
		padding: 0 0 20px 0;
	}


	#testimonials {
		float: right;
		width: 430px;
		border-left: 1px dotted #bccdb7;
		margin: 10px 0 20px 0;
	}



/*Content with Background on Bottom Left; Faux columns also coded to work with this
--------------------------------------------------------------*/

	#contentbgleft {
 		position: absolute;
		z-index: 1;
		width: 630px;
		height: 100%;
		left: 170px;
		background-image: url(images/discovery/discoverybg.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
	}


/*Footer
--------------------------------------------------------------*/
	
	#footer {
		clear: both;
		width: 800px;
		text-align: center;
		padding: 10px 0 10px 0;
	}


	.addressfootermain, .addressfootersub, .marketingcredit {
		font-family: tahoma, arial, "sans serif";
		color: #333;
		font-size: 1em;
		line-height: 150%;
	}

	.addressfootersub, .marketingcredit {
		color: #666;
		font-size: .85em;
	}



/* Lists
--------------------------------------------------------------*/

	#activities ul {
   		margin: 0 0 20px 100px;
	}


	#seasonal ul {
   		margin: 0 20px 20px 75px;
	}


	#activities ul li ul, #seasonal ul li ul {
   		margin: 0 0 10px 20px;
	}

	#presspage ul {
		list-style-type: none;
		font-family: tahoma, arial, "sans serif";
		font-size: 1em;
		font-weight: bold;
		text-align: justify;
		margin: 0 25px 20px 15px;
		line-height: 150%;
	}

	#presspage ul lh {
		font-weight: bold;
	}

	#presspage ul li {
		font-weight: normal;
		margin: 0 0 0 15px;
	}

	#contact ul {
   		margin: 0 30px 0px 75px;
	}

	


/* Table on Rates Page
--------------------------------------------------------------*/


	table {
		width: 150px;
	}


	th {
		font-family: "Times New Roman", serif;
		font-size: 1.25em;
		color: #033;
		font-weight: bold;
		text-align: center;
		background-color: #bccdb7;
	}

	td {
		font-family: tahoma, arial, "sans serif";
		color: #033;
		text-align: left;
	}

	.type {
		padding-left: 25px;
	}	

	.rate {
		width: 65px;
	}


	.rates { /*Div to contain rates table */
		float: left;
		width: 140px;
		margin: 10px 7px 5px 8px;
	}



/* Spacers
--------------------------------------------------------------*/

	.spacer {
		clear: both;
	}

	.spacerdotted {
		clear: both;
		border-bottom: 1px dotted #bccdb7;
		margin: 0 15px 0 15px;
	}

	.verticalspace {
		clear: both;
		margin: 0 0 30px 0;
	}



/* Header Styling
--------------------------------------------------------------*/
	h1,h2,h3, h4 {
		font-family: "Times New Roman", serif;
		color: #033;
		font-size: 1.65em;
		font-weight:bold;
	}


	h2 {
		font-size: 1.5em;
		text-align: center;
		margin: 15px 0 10px 0;
	}

	#activities h2, #seasonal h2, #weekends h2 {
		margin-top: 30px;
	}


	#press h2, #testimonials h2 {
		margin-top: 10px;
	}


	h3 {
		font-size: 1.25em;
		margin: 15px 15px 10px 15px;
		background-color: #bccdb7;
		padding: 2px;
		background-image: url(images/discovery.gif);
		border: 1px solid #033;
	}


	h4 {
		font-size: 1.1em;
		margin: 15px 0 10px 0;
	}


	#seasonal h4, #contact h4 {
		font-size: 1.1em;
		margin: 15px 0 0 50px;
	}


	#presspage h4 {
		font-family: tahoma, arial, "sans serif";
		font-size: 1.1em;
		margin: 15px 0 15px 0;
		text-align: center;
	}



/* =img  Images
--------------------------------------------------------------*/
	img {
		border: 0px;
	}


	.floatleft {
		float: left;
		margin: 15px 15px 0px 15px;
	}
	


	.floatright {
		float: right;
		margin: 0px 15px 10px 15px;
	}


	#gallery img {
		margin: 0 0 20px 0;
	}

	.indeximg {
		float: right;
		margin: 10px 10px 0 10px;
	}

	.weddingimg {
 		text-align: center;
		margin: 1em;
	}



	#rates img {
		margin-top: 0px;
	}


	.center {
 		display: block;
		margin-left: auto;
		margin-right: auto;
	}




/* =a  Link Styling Pseudo-classes
--------------------------------------------------------------*/

	a:link {
		color: #003333;
	}

	a:visited {
		color: #cc9900;
	}

	a:hover {
		text-decoration:none;
		color: #cc9900;
	}

	a:active {
		color: #003333;
	}


	#discoveryheader a:visited {
		color: #003333;
	}


/* =p Paragraph Classes
--------------------------------------------------------------*/


	.general {
		font-family: tahoma, arial, "sans serif";
		color: #333;
		font-size: 1em;
		text-align: justify;
		margin: 2em;
	}


	#discovery p {
		margin-right: 180px;
	}


	.geanisis p {
		text-align: center;
		margin: 5px;
	}

	
	#activities p {
		font-weight: bold;
	}


	#seasonal p {
		margin: 0 75px 0 75px;
	}


	#weekends p, #events p {
		margin: 0 50px 10px 50px;
	}


	#presspage p {
		margin: 0 15px 15px 15px;
	}

	#rates p {
		margin: 1em;
	}


	#contact p {
		margin: 1em 6em 1em 6em;
	}
	



/* Random Spans, Classes, Divs
--------------------------------------------------------------*/


	.geanisis { /* Bottom of main navigation on Discovery page */
   		width: 170px;
		line-height: 120%; 
		text-align: center;
	}

	.geanisis img { /* Bottom of main navigation on Discovery page */
   		margin: 5px;
	}


	.bold {
		font-weight:bold;
	}


	.italic {
		font-style:italic;
	}

	.smallcaps {
		font-variant: small-caps;
	}

	.activitiessubmenu {
		margin: 15px;
		font-weight: bold;
	}

	.note {
		color: #999;
		font-size: .85em;
		margin: 0 0 0 15px;
	}
	
	.backtotop {
		display: block;
		text-align: center;
		color: #999;
		font-size: .85em;
		margin: 5px;
	}
	
	.center {
		display: block;
		text-align: center;
		margin: 5px;
	}


	.centerbold {
		display: block;
		text-align: center;
		font-weight: bold;
		margin: 5px 5px 10px 5px;
	}

	.creditfont {
		display: block;
		text-align: center;
		margin: 5px 0 10px 0;
		font-size: .85em;
	}


	.tablemargin {
		margin-left: 15px;
	}

	#headline  {
		margin: 15px;
		text-align: center;
		font-weight: bold;
		color: #cc0000;
	}

	.specialbox  {
		margin: 15px;
		padding: 5px;
		font-family: "Times New Roman", serif;
		text-align: justify;
		color: #000;
		border: 1px solid #bccdb7;
		background: #dbc7ac;
	}
