/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* Gaz's quick block colour thing                                               *
*******************************************************************************/


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
#container								{ margin: auto; width:100%; background: #fff url(images/bkg-container.jpg) 100px 220px repeat }
#substance								{ border:2px solid #E6E6FA; border-top:none; border-bottom:2px solid #D6D6D6; background: #fff; overflow:hidden; width:971px; padding-bottom:15px; margin:auto; }

#header									{ background:#fff; padding:15px; }
#header div								{ width:971px; margin:auto; }
#header dl								{ display:none; }

#navigation								{ background:#000; font-size:0.9em; font-weight:bold; padding:6px 0; overflow:hidden; }

#preamble								{ padding:1.2em 0; background: #95122c url(images/bkg-preamble.png) repeat-x }
#preamble div							{ width:971px; margin:auto; }

#content h2, #content h3,
	#content h4, #content h5			{ margin-bottom:0.3em; }

#related								{ width:312px; float:right; }
#related img							{ margin-top:16px; border:none; border-top:6px solid #95122c; }
#related form							{ width:272px; padding:0 10px 12px 10px; margin:0; /* background:#eaeaea; */ }
#related fieldset	  				 	{ margin:0; border:none; }
#related fieldset p	  				 	{ font-size:0.85em; border-top:3px solid #C3C3C3; padding-top:10px; }
#related legend							{ color:#333; font-size:1.3em; margin-bottom:6px; padding:0; _margin-left:-7px; }
#related fieldset dd					{ margin:0; }
#related dl input,
	#related dl textarea				{ border:1px solid #BCBCBC; border-top:1px solid #7E7E7E; font-size:0.75em; width: 160px; padding-left:3px; }
#related form dt						{ width:90px; margin-top:10px; line-height:1.5em; }
#related form dd						{ margin-left:90px; margin-top:-1.4em; }
#related form label						{ font-size:0.8em; }
#related div.panel	 					{ padding-top:16px; margin-top:20px; background: url(images/bkg-enquiry-panel-top.gif) top left no-repeat; }
#related div.panel form 		 		{ background: url(images/bkg-enquiry-panel-bottom.gif) bottom left no-repeat; }

#related form dl						{ margin-bottom:10px; }
#related form .button					{ font-size:0.8em; }
#related form div 				   		{ text-align:center; }


body.three-cols div.subnav	   			{ background:#f2f2f2; border-bottom:1px solid #ccc; border-right:1px solid #ccc; /* text-transform:uppercase; */ font-size:0.9em; padding:20px 10px 10px 10px; width:157px; float:left; }
div.subnav h2				   			{ font-size:1.1em; margin-bottom:12px; }
div.subnav ul				   			{ list-style:none; margin:0 0 15px 0; }
div.subnav li				   			{ padding: 7px 0; border-top:1px solid #680d1f; }
div.subnav li a.active,
 div.subnav li a.open		   			{ font-weight:bold; padding:10px 0; }
div.subnav ul li ul li a.active		   	{ /*padding-left:10px; */padding-top:6px; }
div.subnav ul ul						{ margin:8px 0 -10px 0 }
div.subnav ul ul li			   			{ background:url(images/bkg-subnav-bullet.png) no-repeat 3px 0.8em; color:#333; padding-left:10px; font-weight:normal; font-size:0.8em; border-top:1px dashed #999; }
div.subnav a				   			{ color:#680d1f; text-decoration:none; }
div.subnav a:hover			   			{ color:#530B1A; text-decoration:underline; }
div.subnav ul ul li a		 			{ color:#333; }

body.three-cols #content				{ width:456px; float:left; padding:12px; }

body.two-cols #content					{ padding:12px; width:635px; float:left; }
body.two-cols #preamble h1				{ margin-left:15px; }

body.home #container					{ background-position:100px 540px }

#content h1								{ color:#333; margin:0; padding: 0.5em 0; }
#content img							{ border:none; }
#content img.center						{ display:block; margin:0 auto 15px auto; }
#content img.right						{ float:right; margin:0 0 15px 15px; }

body.home #content h1					{ color:#333; font-size:1.7em; margin:0; padding: 0.5em 0; }
body.home #content h3					{ color:#000; font-size:1em; }
body.home #content h3 a					{ color:#333; text-decoration:none; }
body.home #content h3 a:hover			{ color:#000; text-decoration:underline; }

body.home #content h1,
	body.home #content h2,
	body.home #content h3,
	body.home #content h4				{ font-weight:normal; }
	
body.form #content form,
body.form #content fieldset				{ border:none; 	margin:0; }
body.form #content fieldset legend		{ display:none; }
body.form #content fieldset	dd			{ margin:0 0 10px 0}	
body.form #content fieldset dd *		{  width:400px;  }
	

#footer									{ height:130px; background: #000 url(images/bkg-footer.png) repeat-x; overflow:hidden; }
#footer div								{ width:971px; margin:auto; }
#footer p								{ clear:both; float:left; color:#fff; width:400px; margin-top:-30px;}
#footer p a								{ color:#fff; }
#footer img								{ /*border:none; padding-top:21px;*/ }
#footer a.home							{ border:none; float:left; width:350px; height:100px; margin-top:20px; background: url(images/bkg-footer-logo.png) no-repeat; text-indent: -5000em; display:none; }
#footer address							{ font-style:normal; float:left; font-size:0.8em; color:#fff; margin-bottom:38px; margin-top:38px; }
#footer address em						{ font-weight:bold; font-style:normal; }
#footer a.escape						{ border:none; float:right; width:100px; height:105px; margin-top:20px; background: url(images/bkg-footer-escape.png) no-repeat; text-indent: -5000em }

#esc-qa-check							{ font-size:0.7em; }

/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/

body									{ margin:0; font-family: Arial, Helvetica, sans-serif }
body p,
	#content li							{ font-size:0.8em; line-height:1.5em; color:#333; }
body h2,
	body h3,
	body h4,
	body h5,
	body h6								{ color:#680d1f; }

#content a								{ color:#680d1f; font-weight:bold; }

h1										{ font-size:1.65em; padding:0; margin:0 0 0 190px; }
h2										{ font-size:1.4em; }
h3										{ font-size:1.0em; }
h4										{ font-size:0.85em; }

hr										{ color:#E6E6E6; border:none; height:1px; background:#E6E6E6; }

#header h1								{ margin: 0 }
#header img								{ margin:auto; border:none; }

a.skip,
	.skip-link							{ position: absolute; left:-1000em }
#navigation	ul							{ list-style:none; margin:auto; width:971px; }
#navigation	li							{ float:left; border-left:1px solid #D71A40; padding-left:1em; margin-right: 1em }
#navigation li a						{ text-decoration:none; text-transform:uppercase; color:#fff; float:left; }
#navigation li a:hover					{ color:#ccc; text-decoration:underline; }

body.about-us #navigation ul li.about-us,
	body.family #navigation ul li.family,
	body.home #navigation ul li.home,
	body.commercial #navigation ul li.commercial,
	body.legal #navigation ul li.legal,
	body.news #navigation ul li.news,
	body.contact #navigation ul li.contact	{ border-left:1px solid #000; background:url(images/bkg-navigation-bullet.png) 2px 50% no-repeat; }

#content .callout						{ border:1px solid #680d1f; background:#F1F1F1; padding:10px 10px 0 10px; margin-bottom:1em; } 
#content blockquote						{ margin:3px 0 12px 0; font-style:italic; }
#content blockquote p					{ margin-bottom:0; color:#666; }
#content blockquote cite				{ font-weight:bold; color:#680d1f; margin-bottom:1em; }

#preamble								{ color:#fff; }
/* #preamble h1							{ text-transform:uppercase; } */

/******************************************************************************* 
* Staff Panel                                                                  *
*******************************************************************************/