/* CSS Document, Birch Hill Accommodations */

/* v.2 11.07 */



html {
	font-size: 100.01%;
	min-height: 100%; /* no page jump */
	margin-bottom: 1px; /* ditto */
	}
html>body { 
	font-size: 100.01%;
	}
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	text-align: center;
	background: #fff url(i/floral-m.gif) repeat;
	line-height: 1.125em;
	}
#wrapper {
	width: 750px;
	text-align: left;
	padding: 0;
	margin: 0 auto 20px;
	background: #fff;
	border: 1px solid #000;
	position: relative;
	}
#birchbranch {
	margin: 0px;
	position: absolute;
	top: 0px;
	height: 121px;
	width: 1050px;
	padding: 0px;
	left: -165px;
	}
#birchbranch img {
	margin: 0px;
	padding: 0;
	}
p.thanks {
	padding-left: 0px;
	padding-bottom: .5em;
	padding-top: 0px;
	margin: 0px;
}

/*------------------fonts 
------------------------*/

h1 {
	padding-top: 0.7em;
	padding-left: 20px;
	font-size: 1.875em;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	}

h2 {
	font: normal 2em "Lucida Grande", sans-serif;
	color: #000;
	padding: 10px 0px 10px 206px;
	margin: 0px;
	}

h3 {
	padding-top: 0;
	padding-left: 20px;
	font-size: 1.375em;
	font-weight: bold;
	line-height: 1.5em;
	}
h3.thanks {
	margin-left: 0px;
	padding-bottom: .8em;
	padding-left: 0px;
}
ul, li {
	padding-left: 14px;
	list-style-type: none;
	}

p {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.5em;
	font-size: 0.875em;
	}
.copyright {
	padding-left: 20px;
	color: #fff;
	font-size: 0.8em;
	padding-top: 2em;
	}
.caption {
	padding-left: 20px;
	}
	

/*-----------------sectors 
*/


/*header*/

#header {
	width: 750px;
	height: 197px;
	margin: 0;
	padding: 0;
	position: relative;
	background: #424E35;
	border: 1px solid #000;
	}

#header h1 {
	font-size: 1.4em;
	color: #fff;
	font-weight: normal;
	position: absolute;
	top: -9999px;
	}


/*center*/

#centercontent {
	width: 750px;
	margin: 0;
	padding: 0;
	/*float: left;*/
	}
	
/*-- heading (title) --*/
#heading {
	font-weight: normal;
}
#heading h2 {
	margin: 0px;
}
#heading h2.contact {
	margin: 0px;
	padding: 0px 0px 0px 225px;
}
#footer p { /* eliminate white space below footer */
	color: #fff;
	margin: 0px;
	padding: 30px 0px 0px 20px;
	}
	
/*-- content (right) --*/
#content {
	width: 540px;
	float: right;
	margin: 0 0 0em;
	padding: 0 0 1em;
	font-size: 0.8em;
	}
#content img {
	display: inline;
	border: 1px solid #333;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#clickinstructions {
	width: 500px;
	position: relative;
	float: left;
}
#content #clickinstructions p {
	margin-left: 0px;
	padding-left: 0px;
}


/* left */

#leftcol {
	float: left;
	width: 206px;
	padding: 0em;
	margin: 0 0 1em;
	position: relative;
	top: 0px;
	}
	
#leftcol p {
	line-height: 1.7em;
	margin: 0px;
	padding: 1.8em 1em 0em 20px;
	font-size: 0.875em;
}
#leftcol p.first {
	line-height: 1.7em;
	margin: 0px;
	padding: 0em 1em 0em 20px;
	font-size: 0.875em;
}
#leftcol #notice {
	margin: 0px 1em -10px 20px;
	border: 1px solid #A7B578;
	background: #445137;
	padding-bottom: 0px;
	-moz-border-radius: 5px;
}
#leftcol img.contact {
	position: relative;
	top: -35px;
	margin-left: 10px;
	border: 1px solid #333;
}
#leftcol #notice p.first-notice {
	margin-top: .2em;
	color: #A7B578;
	font-size: .8em;
	line-height: 1.4em;
	margin-bottom: .4em;
	display: inline-block;
}



/* footer
-----------------------*/

#footer {
	width: 750px;
	padding: 0px;
	clear: both;
	margin: 0;
	height: 60px;
	background: #57604D url(i/bg-footer60.jpg) repeat-x;
	}
#footer img {
	margin: 0px;
	padding: 0px;
	width: 748px;
}



/*Navigation (banner)
-----------------------------------*/

#navcontainer {
	height: 50px;
	width: 750px;
	background: url(i/bg-nav-grgry.jpg) repeat-x top;
	border-top: 1px solid #000;
	position:relative;
}


#navcontainer ul {
	margin: 0;
	padding: 7px 0px 5px;
	list-style-type: none;
	text-align: center;
	border-bottom: 1px solid #78B479;
}

#navcontainer ul li {
	display: inline;
	list-style: none;
}

#navcontainer ul li a {
	text-decoration: none;
	padding: 0px 5px 5px;
	font-size: 12px;
	color: #777;
	margin: 0px 5px 4px;
	list-style: none;
	font-weight: bold;
	line-height: 14px;
}
#navcontainer ul li a:link {
	
	}
#navcontainer ul li a:visited {
	color: #666;
}

#navcontainer ul li a:hover, #navcontainer ul li a:active {
	color: #7E0610;
	background: url(i/tab_nav.gif) no-repeat bottom;
	font-weight: bold;
}

#navcontainer ul ul {position:absolute; width:750px; left:-9999px; top:25px; border:0;}
#navcontainer ul ul li {float:left;}


/* you are here
--------------------------------*/

body#index #index_tab a, 
body#accommodations #accommodations_tab a, 
body#bringinghorses #bringinghorses_tab a, 
body#aboutarea #aboutarea_tab a,
body#links #links_tab a,
body#contactus #contactus_tab a,
body#fernbrookhouse #accommodations_tab a,/*-- when fernbrook page is active, accommodations link is red w/tab --*/
body#cluaranhouse #accommodations_tab a, /*-- " --*/
body#mainhouse #accommodations_tab a, /*-- " --*/
#nav a:hover {
	background: url(i/tab_nav.gif) no-repeat center bottom;
	font-weight: bold;
	color: #7E0610;
		} 
		
body#accommodations #accommodations_tab ul, 
body#cluaranhouse #accommodations_tab ul,
body#fernbrookhouse #accommodations_tab ul,
body#mainhouse #accommodations_tab ul
	 {left:0;}
	 
body#accommodations #accommodations_tab ul li a,
body#cluaranhouse #accommodations_tab ul li a,
body#fernbrookhouse #accommodations_tab ul li a,
body#mainhouse #accommodations_tab ul li a
	 {background:#fff; 
	 font-weight: bold; 
	 color: #777;}
	 
body#accommodations #accommodations_tab ul li a:hover, 
body#cluaranhouse #accommodations_tab ul li a:hover,
body#fernbrookhouse #accommodations_tab ul li a:hover, 
body#mainhouse #accommodations_tab ul li a:hover 
	{color: #7E0610;}
	 
body#accommodations #accommodations_tab ul li a:active,
body#cluaranhouse #accommodations_tab ul li#cluaranhouse_tab a:active, /* nope */
body#fernbrookhouse #accommodations_tab ul a:active,
body#mainhouse #accommodations_tab ul li a:active
	{color: #7E0610;} 


/*
body#cluaranhouse #accommodations_tab ul li a:active,
body#fernbrookhouse,#accommodations_tab ul li a:active 
body#mainhouse #accommodations_tab ul li a:active
	{color: #7E0610;}
*/





/* title
--------------------------------*/

#title {
	width: 750px;
	height: 60px;
	position: relative;
}

#title h2 {
}






/*  text links
---------------------------------- */

p a:link {
	color: #030;
	}
p a:visited {
	color: #030;
	}
p a:hover {
	color: #030;
	text-decoration: none;
	border-bottom: 1px dashed #333;
	}
p a:active {
	color: #030;
	text-decoration: none;
	}
	
ul.links li a:link {
	color: #030;
	}
ul.links li a:visited {
	color: #333;
	}
ul.links li a:hover {
	color: #030;
	text-decoration: none;
	border-bottom: 1px dashed #333;
	}
ul.links li a:active {
	color: #000;
	text-decoration: none;
	}
ul.links li {
	line-height: 1.8em;
	}
	
	
/*------------------ form
*/

#form p {
	padding-left: 0px;
	line-height: 1.8em;
}
table#contact td.right p {
	text-align: right;
	padding-right: 10px;
}








/*---Pre-load images/footer---*/

div#preloaded-images {
   position: absolute;
   left: -9999px; 
   top: -9999px;
}




/*bottom section
---------------------------*/

/*
#bottom {
	width: 750px;
	margin: 0;
	padding: 0;
	background: url(http://www.horseink.com/workroom/IMgallery-test/i/07/bg-line.gif) repeat-y top;
	}
	
#content-bottom {
	width: 540px;
	float: right;
	margin: 0;
	padding: 0;
	}
	
#leftcolbottom {
	float: left;
	width: 206px;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	position: relative;
}
*/
	
/*Clearing
----------------------------*/

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

.clearfix
{display:block;}
/* end hide from IE-mac */




	
#leftcol p.first-notice {
	margin-top: 0px;
	color: #333;
	padding: 0.2em 0.6em;
	margin-bottom: 0px;
}