/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Chatsworth House - Main Stylesheet
Author:		Alison Springall (alisonspringall@silktide.com) / Silktide Ltd
Created:	08/10/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 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
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body					{ background: #3e5364 url("templatefiles/background.jpg"); 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				{ /*font-weight: bold;*/ 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;  }
img						{ border: 0; }

.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; } /* margin-bottom to match #clearfooter */
* html #container 		{ height: 100%; }
	
#header					{ height: 40px; position: relative; background: #404D56 url("templatefiles/top_header.jpg") repeat-x top left; margin: 0 10px; }
	
#banner					{ height: 200px; background-color: #6b7984; margin: 0 10px; }

#topnav					{ height: 39px; background: #657688 url("templatefiles/topnav_bg.jpg") repeat-x bottom left; 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: 466px; float: left; padding: 25px 0 0; margin: 0 0 20px; }
.nosubcontent #content	{ width: 735px; }
.fullwidth #content		{ width: 970px; margin-left: 15px; }

#clearfooter			{ clear: both; height: 50px;} /* height to match height + padding + margin etc in #footer */

.noleftcol #content		{ margin-left:20px; width:635px; }

#footer			{ width: 890px; height: 40px; clear: both; position: relative; background: #404D56 url("templatefiles/top_header.jpg") repeat-x top left; text-align: center; margin: 10px 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		{  }

#header #search			{ position: absolute; top: 5px; right: 10px; }
#header #search input	{ width: 130px; height: 18px; padding: 0; border: 0; }
#header #search .button	{ width: 18px; height: 18px; background: #91a3ab url("templatefiles/search_button.jpg") no-repeat center center; border: 0; margin-left: 5px; }

/* Banner Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#banner #logo			{ width: 155px; height: 200px; float: left; position: relative; background: #546672 url("templatefiles/logo_bg.jpg") repeat-x bottom left; }
#banner #logo img		{ position: absolute; top: 52px; left: 26px; }
#banner img				{ display: block; }
.banner .imgoverflow	{ width: 760px; overflow: hidden; }

#banner #logoprint		{ display: none; }

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#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 #fff; padding: 12px 9px 9px 8px; }
#topnav ul li a:hover,
#topnav ul li a:active		{ background: transparent url("templatefiles/button_hover.jpg") repeat-x top left; border-color: #032a63; }
#topnav ul li.selected a	{ background: transparent url("templatefiles/button_on.jpg") repeat-x top left; color: #000; border-color: #032a63; }

#topnav ul li#nav1378 a:hover, #topnav ul li#nav1378 a:active, #topnav ul li#nav1378.selected a	{ border-color: #004AA0; } /* Attractions */
#topnav ul li#nav1384 a:hover, #topnav ul li#nav1384 a:active, #topnav ul li#nav1384.selected a	{ border-color: #3D83CE; } /* What's on */
#topnav ul li#nav1380 a:hover, #topnav ul li#nav1380 a:active, #topnav ul li#nav1380.selected a	{ border-color: #00ABB3; } /* Group visits */
#topnav ul li#nav1381 a:hover, #topnav ul li#nav1381 a:active, #topnav ul li#nav1381.selected a	{ border-color: #60D334; } /* Shop & Eat */
#topnav ul li#nav1382 a:hover, #topnav ul li#nav1382 a:active, #topnav ul li#nav1382.selected a	{ border-color: #FF3C00; } /* Hospitality */
#topnav ul li#nav1383 a:hover, #topnav ul li#nav1383 a:active, #topnav ul li#nav1383.selected a	{ border-color: #FCFA29; } /* Learn */
/*#topnav ul li#nav1379 a:hover, #topnav ul li#nav1379 a:active, #topnav ul li#nav1379.selected a	{ border-color: #FF8000; }*/ /* Season Tickets */
#topnav ul li#nav1385 a:hover, #topnav ul li#nav1385 a:active, #topnav ul li#nav1385.selected a	{ border-color: #505D42; } /* Stay with us */
#topnav ul li#nav1386 a:hover, #topnav ul li#nav1386 a:active, #topnav ul li#nav1386.selected a	{ border-color: #830449; } /* Book online */


ul#sidenav				{ width: 140px; border: 1px solid #e0e0e9; border-top: 0; border-bottom: 4px solid #032a63; padding: 0 0 0; margin: 63px 0 0;/*padding: 65px 0 0; margin: 0;*/ }
ul#sidenav li			{ font-weight: normal; font-size: 0.9em; /*font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;*/ 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: #546672; 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: #546672; color: #fff; }

#home ul#sidenav		{ margin-top: 25px; /*padding-top: 25px;*/ }

/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.rounded				{ width: 206px; min-height: 80px; overflow: hidden; padding: 10px; border: 1px solid #e0e0e9; margin-bottom: 14px; }
#content .rounded		{ width: 430px; }

.roundedtop				{ display: none; }
.roundedbot				{ display: none; }


.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: 100px; overflow: hidden; float: left; margin-right: 10px;  }

.rounded .clearimg		{ margin-left: 110px; }

#bookonlinebox			{ background: #546672 url("templatefiles/logo_bg.jpg") repeat-x top left; }
#bookonlinebox h2 		{ color: #fff; }
#bookonlinebox p 		{ color: #fff; }

#bookonlinebox a,
#bookonlinebox a:visited	{ color: #fff; }
#bookonlinebox a:hover,
#bookonlinebox a:active		{ color: #C5CED3; }

/* 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 url("templatefiles/strapline_bg.png") repeat-x 0 0; font: normal 1.4em 'Lucida Sans Unicode',Arial,Verdana,sans-serif; text-align: right; color: #212e49; padding: 5px 13px; /*border-bottom: 4px solid #032a63;*/}

#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; }


.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; }