/*********************
The Farm at French's Point Base CSS

Version 12.14.2005

Built by Alex Roberts
RainStorm Consulting
alex@rainstorminc.com

Please request permission prior to use.
**********/

/***********
1.0 Base elements
***********/

body {
	background: #fff url(../images/bg.gif);
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 90%;
	color: #333;
}

a:link, a:visited, a:active {
	color: #670840;
}

a:hover {
	color: #670840;
	text-decoration: none;
	border-bottom: 1px dotted #670840;
}

a:visited {
	color: #999;
	border-bottom: 0 !important;
}

a img {
	text-decoration: none;
	border: 0 !important;
}

.nohover {
	border: 0 !important;
}

#container {
	width: 780px;
}

/***********
2.0 Branding elements
***********/

#branding-container {
	height: 131px;
	background: url(../images/titlebar_black.jpg) top left no-repeat;
}

#printheader {
	display: none;
}

/***********
3.0 Page content elements
***********/

	/*****
	3.1 Elements container elements
	*****/

#elements-container {
	width: 198px;
	height: 308px;
	background: url('../images/elements-container_black_bg.gif') top left no-repeat;
	float: left;
}

#main-nav {
	width: 198px;
	height: 171px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#main-nav a {
	display: block;
	margin: 0;
	padding: 0;
}

#main-nav li {
	width: 198px;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none; /* duplicated for IE 5/Win */
}

#main-nav li a {
	display: block;
	margin: 0;
	padding: 0;
}

#mn-about {
	width: 198px;
	margin: 0;
	padding: 0;
	list-style-type: none; /* duplicated for IE 5/Win */
	height: 27px;
}

#mn-gallery {
	width: 198px;
	margin: 0;
	padding: 0;
	list-style-type: none; /* duplicated for IE 5/Win */
	height: 24px;
}

#mn-yourstay {
	width: 198px;
	margin: 0;
	padding: 0;
	list-style-type: none; /* duplicated for IE 5/Win */
	height: 24px;
}

#mn-reservations {
	width: 198px;
	margin: 0;
	padding: 0;
	list-style-type: none; /* duplicated for IE 5/Win */
	height: 24px;
}

#mn-contact {
	width: 198px;
	margin: 0;
	padding: 0;
	list-style-type: none; /* duplicated for IE 5/Win */
	height: 23px;
}

#mn-contactinfo {
	width: 198px;
	margin: 0;
	padding: 0;
	list-style-type: none; /* duplicated for IE 5/Win */
	height: 49px;
}

	/*****
	3.2 Content area elements
	*****/

#content-container {
	width: 100%;
}

#content-area {
	padding: 10px;
	margin: 0 0 0 218px;
	line-height: 150%;
}

#text-area {
}

#sidebar {
	float: right;
	width: 250px;
	margin: 0 0 10px 10px;
	padding: 5px;
	border-top: 5px solid #01466f;
	border-left: 1px solid #741f50;
	border-right: 1px solid #741f50;
	border-bottom: 1px solid #741f50;
	background: #fcfbe3;
	font-family: "Times New Roman", Times, Serif;
	font-size: 85%;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 3px 0 3px 11px;
	background: url(../images/bullet.gif) left no-repeat;
	list-style-type: none; /* Repeated for IE/5 */
}

.alignright {
	float: right;
	margin: 10px 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
}

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

.gallerypadding {
	padding-right: 5px;
}

.border {		
	border: 1px solid #741f50;
}

/* Rates table styles */

.rates-table {
	border-left: 1px solid #7B2C5A;
	border-right: 1px solid #7B2C5A;
	border-top: 5px solid #7B2C5A;
	border-bottom: 4px solid #7B2C5A;
}

.rates-table-header {
	background: #fff;
	border-bottom: 1px solid #7B2C5A;
}

.rates-table-date {
	font-weight: bold;
	color: #00456B;
}

.rates-table-horiz {
	border-top: 1px solid #7B2C5A;
}

/***********
4.0 Supplemental Nav elements
***********/

#suppnav {
	height: 131px;
	background: url(../images/footerline.jpg) top left no-repeat;
}

.suppnav-links {
	float:left;
	margin: 35px 0 0 30px;
	font-family: "Times New Roman", Times, serif;
	color: #01466d;
	font-size: 90%;
}

.suppnav a:link, .suppnav a:active {
	color: #01466D;
	text-decoration: none;
}

.suppnav a:visited {
	color: #999;
	border-bottom: 0 !important;
}

.suppnav a:hover {
	color: #01466D;
	border-bottom: 0 !important;
}

.suppnav-branding {
	float:right;
	margin: 28px 0 0 0;
}

/**********
4.0 Font elements
**********/

/*****
4.1 Heading elements
*****/

	/*Unused element */
h1 {
	margin: 0;
	padding: 0;
	color: #4d0932;
}

	/*Unused element */
h2 {
	border-bottom: 1px solid #741f50;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 120%;
	color: #741f50;
	font-weight: bold;
}

	/*Unused element */
h3 {
	font-family: "Times New Roman", Times, Serif;
	font-size: 120%;
	color: #741f50;
	font-weight: bold;
}

	/*Unused element */
h4 {
	font-family: "Times New Roman", Times, Serif;
	font-size: 120%;
	color: #741f50;
	font-weight: normal;
}

	/*Unused element */
h5 {
}

	/*Unused element */
h6 {
}

	/*****
	4.2 Page titles
	*****/
	
/***ABOUT THE FARM page titles*/
	
#pagetitle-about {
	/* width: 542px; */
	height: 44px;
	background: url(../images/secion-about.jpg) top left no-repeat;
}

#pagetitle-idealproperty {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-stay.jpg) top left no-repeat;
}

#pagetitle-floor {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-floorplans.jpg) top left no-repeat;
}

#pagetitle-history {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-history.jpg) top left no-repeat;
}

#pagetitle-activities {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-activities.jpg) top left no-repeat;
}

#pagetitle-directions {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-directions.jpg) top left no-repeat;
}

/***PHOTO GALLERY page titles*/

#pagetitle-gallery {
	/* width: 542px; */
	height: 44px;
	background: url(../images/photohead.jpg) top left no-repeat;
}

/***YOUR STAY page titles*/

#pagetitle-yourstay {
	/* width: 542px; */
	height: 44px;
	background: url(../images/stayhead.jpg) top left no-repeat;
}

#pagetitle-vacation {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-vacations.jpg) top left no-repeat;
}

#pagetitle-conferences {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-conferences.jpg) top left no-repeat;
}

#pagetitle-weddings {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-wedding.jpg) top left no-repeat;
}

#pagetitle-services {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-services.jpg) top left no-repeat;
}

/***RESERVATIONS page titles*/

#pagetitle-reservations {
	/*width: 542px;*/
	height: 44px;
	background: url(../images/reservationshead.jpg) top left no-repeat;
}

#pagetitle-avail {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-avail.jpg) top left no-repeat;
}

#pagetitle-rates {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-rates.jpg) top left no-repeat;
}

#pagetitle-calendar {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-calendar.jpg) top left no-repeat;
}

#pagetitle-rentalterms {
	/* width: 542px; */
	height: 44px;
	background: url(../images/page-terms.jpg) top left no-repeat;
}

/***CONTACT US page titles*/

#pagetitle-contactus {
	/* width: 542px; */
	height: 44px;
	background: url(../images/contacthead.jpg) top left no-repeat;
}

#pagetitle-about span, #pagetitle-idealproperty span, #pagetitle-floor span, #pagetitle-history span, #pagetitle-activities span, #pagetitle-directions span, #pagetitle-gallery span, #pagetitle-yourstay span, #pagetitle-vacation span, #pagetitle-conferences span, #pagetitle-weddings span, #pagetitle-services span, #pagetitle-reservations span, #pagetitle-avail span, #pagetitle-rates span, #pagetitle-calendar span, #pagetitle-rentalterms span, #pagetitle-contactus span {
	display: none;
}

	/*****
	4.4 Subnav elements
	*****/
	
#subnav {
	width: 500px;
	height: 29px;
	margin: 0 0 0 26px;
	position: relative;
	top: -5px;
	left: 0;
}

#subnav img {
	margin: 0 8px 0 0;
}

	/*****
	4.3 Etc. font elements
	*****/
	
.subcontent {
	font-family: Verdana;
	font-size: 75%;
}

.center {
	text-align: center;
}

.pagenav {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

.active {
	font-size: 130%;
}

.pagelist {
	margin-top: 0;
	margin-bottom: 30px;
	padding-top: 0;
}

/**********
5.0 Etc. elements
**********/

#homebutton {
	position: absolute;
	top: 17px;
	left: 21px;
}

#emailbutton {
	position: absolute;
	top: 320px;
	left: 8px;
}

#logohider {
	margin: 0;
	padding: 0;
	display: none;
}

#pagetitlelink {
	position: absolute;
	top: 140px;
	left: 228px;
}

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
  position: absolute; 
  color: #670840;
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
  color: #670840;
  font-size: 80%;
  position: static; 
  width: auto; 
  height: auto; 
}

#fpmaine-link {
	margin: 125px 0 0 0; 
	_margin: -20px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 80%;
	text-align: center;
}

#retreat-link {
	margin: 8px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 80%;
	text-align: center;
}

#rwm-link {
	margin: 8px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 80%;
	text-align: center;
}

/**********
6.0 Form elements
**********/

	/*****
	6.1 Reservation form elements
	*****/

#contactform {
	width: 530px;
	background: #fcfbe3;
	border: 4px solid #741f50;
	padding: 10px;
}