
/* Hide from IE5-mac. Only IE-win sees this. \*/

	* html #banner #logo   	{ margin-right: -3px; }
	* html #banner img  	{ margin-left: 0; } 

/* End hide from IE5/mac */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
 
html, body { height: 100%;}
/*body					{ background: #3e5364; font: 75% 'Lucida Sans Unicode',Arial,Verdana,sans-serif; text-align: center; padding: 0; margin: 0;} 
body					{ background: #CCCCCC url('../assets/swatch1.jpg') no-repeat; font: 75% 'Lucida Sans Unicode',Arial,Verdana,sans-serif; text-align: center; padding: 0; margin: 0;} 
 */
body					{ background: #748067; font: 75% 'Lucida Sans Unicode',Arial,Verdana,sans-serif; text-align: center; padding: 0; margin: 0;} 
h1						{ font: normal 1.6em 'Lucida Sans Unicode',Arial,Verdana,sans-serif; color: #333; margin: 0 0 15px; }
h2						{ font: normal 1.4em 'Lucida Sans Unicode',Arial,Verdana,sans-serif; color: #333; margin: 10px 0; }
h3						{ font: normal 1.2em 'Lucida Sans Unicode',Arial,Verdana,sans-serif; color: #333; margin: 10px 0 0; }

p						{ font-size: 1.0em; line-height: 1.6em; color: #333; margin: 0 0 15px; }
li						{ font-size: 1.0em; line-height: 1.6em; color: #333; }
#content li				{ margin-bottom: 5px; }

a,					
a:visited				{ color: #296BB5; text-decoration: none; }
a:hover,				
a:active				{ color: #657688; }


hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.tablestyle							{ border-collapse: collapse; }
.tablestyle td, .tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, .tableborder th	{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear					{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right					{ float: right; }
.left					{ float: left; }

.imgleft				{ float: left; margin: 0 10px 10px 0; }
.imgright				{ float: right; margin: 0 0 10px 10px; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }
.block					{ display: block; }

#accessibility			{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  			{ width: 910px; min-height: 100%; height: auto; background-color: #FFF; text-align: left; margin: 0 auto -50px; } 
* html #container 		{ height: 100%; }
#header					{ height: 40px; position: relative; background: #fff; margin: 0 10px; }
#banner					{ height: 300px; background-color: #fff; margin: 0 10px; }

#topnav					{ height: 50px; background: #505D42; margin: 0 10px; }
	
#contentwrapper			{  }
		
#sidecol				{ width: 140px; min-height: 300px; float: left; display: inline; margin: 0 15px 0 10px; }
			
#subcontent				{ width: 216px; float: right; display: inline; padding: 0; margin-top: 67px; margin-right: 24px; }
#home #subcontent		{ margin-top: 25px; }

#content				{ width: 490px; float: left; padding: 25px 0 0; margin: 0 0 20px; text-align:justify;}
.nosubcontent #content	{ width: 735px; }
.fullwidth #content		{ width: 970px; margin-left: 15px; }

#clearfooter			{ clear: both; height: 50px;} 

.noleftcol #content		{ margin-left:20px; width:635px; }

#footer			{ width: 890px; height: 80px; clear: both; position: relative;/* background: #404D56; */text-align:center; margin: 0 auto 0; }

/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header p,
#header li				{ font-weight: bold!important; font-size: 0.85em; font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 0; }
#header a,
#header a:visited		{ color: #fff; }
#header a:hover,
#header a:active		{ text-decoration: underline; }

#header ul				{ position: absolute; top: 11px; left: 5px; text-align: right; padding: 0; margin: 0; }
#header ul li			{ float: left; list-style-type: none; }
#header ul li a,
#header ul li a:visited	{ float: left; padding: 0 5px; }
#header ul li a:hover,
#header ul li a:active	{ }

#header #tools			{ position: absolute; top: 10px; right: 180px; }
#header #tools p		{ vertical-align: middle; }
#header #tools img		{ vertical-align: middle; margin: 0 5px; }

#newsletter				{ background: #fff; position: absolute; top: 25px; left: 175px; border: 1px solid #e8e8e8; }
#newsletterclose		{  }

/* Banner Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header #hdgLt	{position:relative; float:left; top: 10px; left:10px; color:White; font-size:medium; text-align:left; vertical-align:bottom;}
#header #hdgRt	{position:relative; top: 10px; right:10px; color:White; font-size:medium; text-align:right; vertical-align:bottom;}

#banner #logo img		{ position: absolute; top: 1px; left: 157px; }
#banner img				{ display: block;}
.banner .imgoverflow	{ width: 760px; overflow: hidden; }

#banner #logoprint		{display:none;} 

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#topnav #FbStrapLine	{position:relative; top: 10px; left:10px; color:White; font-size:small; text-align:center; vertical-align:bottom;}
#topnav #pagename		{position:relative; top: 30px; left:10px; color:White; font-size:small; text-align:left; vertical-align:bottom;}
#topnav ul				{padding: 0; margin: 0 0 0 155px; }
#topnav ul li			{float: left; font-weight: bold; font-size: 1.0em ; font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif; text-transform: uppercase; list-style-type: none; margin: 0; }
#topnav ul li a,
#topnav ul li a:visited	{float:left; color: #fff; border-bottom: 4px solid #505D42; padding: 10px 9px 1px 8px; }
#topnav ul li a:hover,
#topnav ul li a:active		{ background: transparent; border-color: #505D42; }
#topnav ul li.selected a	{ background: transparent; color: #000; border-color: #fff; }

ul#sidenav				{ width: 140px; border: 1px solid #e0e0e9; border-top: 0; border-bottom: 4px solid #505D42; padding: 0 0 0; margin: 63px 0 0; }
ul#sidenav li			{font-weight: normal; font-size: 0.9em;  line-height: 1.6em; color: #333; list-style-type: none; border-top: 1px solid #e0e0e9; margin: 0; }
ul#sidenav li#firstli	{ border: 0; }
ul#sidenav li a,
ul#sidenav li a:visited	{display: block; font-weight: normal; color: #333; padding: 5px 10px; }
ul#sidenav li a:hover,
ul#sidenav li a:active,
ul#sidenav li.selected a	{ background-color: #505D42; color: #fff; }

ul#sidenav li.selected ul				{ width: 140px; background: transparent none; padding: 0; margin: 0; }
ul#sidenav li.selected ul li			{ font-weight: normal; font-size: 0.95em; line-height: 1.2em; border-top: 0; }
ul#sidenav li.selected ul li a,
ul#sidenav li.selected ul li a:visited	{ background-color: transparent; color: #333; padding: 5px 10px 5px 20px; }
ul#sidenav li.selected ul li a:hover,
ul#sidenav li.selected ul li a:active,
ul#sidenav li.selected ul li.selected a	{ background-color: #505D42; color: #fff; }


#home ul#sidenav		{ margin-top: 25px;/*padding-top: 25px;*/ }


/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.rounded				{ width: 206px; min-height: 80px; overflow: visible; padding: 10px; border: 1px solid #e0e0e9; margin-bottom: 14px; }
#content .rounded		{ width: 430px; }

.roundedtop				{ display: none; }
.roundedbot				{ display: none; }

.rounded .pic			{width: 200px; height: 131px}

.rounded p				{ font-size: 0.9em; margin: 10px 0 0; }
#content .rounded p		{  }
#content .rounded .contentleft	{ margin-left: 135px; }

.rounded .imgoverflow	{ width: 206px; overflow: hidden; }
.rounded .imgoverflow-small	{ width: 175px; overflow: hidden; float: left; margin-right: 10px;  }

.rounded .clearimg		{ margin-left: 110px; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.bodyimg img			{ margin-bottom: 15px; }
#home .bodyimg							{ position: relative; text-align: right; }
#home .bodyimg p.strapline				{ width: 440px; position: absolute; bottom: 0; left: 0; background: transparent; font: normal 1.4em 'Lucida Sans Unicode',Arial,Verdana,sans-serif; text-align: right; color: #212e49; padding: 5px 13px;}

#home .bodyimg p.strapline a:link,
#home .bodyimg p.strapline a:visited	{ color: #212e49; }
#home .bodyimg p.strapline a:hover,
#home .bodyimg p.strapline a:active		{ color: #296BB5; }
#home .bodyimg p.strapline a:active		{ color: #505D42; }


.contentbox				{ width: 206px; min-height: 80px; float: left; font: normal 0.9em 'Lucida Sans Unicode',Arial,Verdana,sans-serif; line-height: 1.8em; padding: 10px 9px; border: 1px solid #e0e0e9; margin-bottom: 14px; }
.thin 					{ width: 152px; min-height: 50px; border-right: 1px solid #E1E0E6; margin-bottom: 10px; }


.contentboxtop			{ display: none; }
.contentbox.spacing		{ margin-right: 14px; }

.contentbox h2			{ font: normal 1.4em 'Lucida Sans Unicode',Arial,Verdana,sans-serif; line-height: 1.5em; color: #212e49; margin: 0; }
.contentbox p			{ line-height: 1.5em; margin: 0; }
.contentbox .right		{ float: none; text-align: right; }

#newsletter form		{ margin-top: 0; }
#newsletter input		{ width: 200px; }
#newsletter #ChatsworthFarmShop { width: 15px; }
#newsletter .button		{ width: 95px; float: right; margin: 5px 0 0; }

.caption				{ overflow: hidden; background-color: #e8e8e8; }
.caption img			{ float: left; }
.caption p				{ float: left; font-size: 0.9em; line-height: 1.5em; margin: 10px; }

.gallery td				{ vertical-align: top; padding-bottom: 20px; }
.gallery td img			{ padding: 3px; border: 1px solid #e8e8e8; }

/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer p				{ font-size: 0.9em; line-height: 1.8em; font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif; text-align: left; color: #fff; margin: 0; }
#footer p a,
#footer p a:visited		{ color: #fff; }
#footer p a:hover,
#footer p a:active		{ text-decoration: underline; }
#footer p#footerlinks	{ position: absolute; bottom: 5px; left: 10px; }
#footer p#browsealoud	{ position: absolute; bottom: 5px; right: 10px; }
