/*--------------------------------------------------------------
Although the CSS in this file can be freely copied, the associated
graphic files are copyright 2006 One Step Joinery Ltd and may not
be reproduced in any form. Furthermore, the unique combination
of images, colors and typography that gives the website its
'look and feel' are also copyright 2006 One Step Joinery Ltd.
--------------------------------------------------------------*/
/*-----------------------------
   Standard page defaults
-------------------------------*/
body {
	font-family: Arial, "Nimbus Sans L", Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background: #8D8D8D;
}
td#site-body {  /*used for admin area preview window*/
	font-family: Arial, "Nimbus Sans L", Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background: #8D8D8D;
}
td#site-body td {  /*used for admin area preview window*/
	font-family: Arial, "Nimbus Sans L", Helvetica, sans-serif;
}
img {
	border: 0;
	margin: 0 0 5px 0;
}
.footnote {
	color: #333;
	text-align: center;
	margin-top: 5px;
}
#wrap {
	padding: 0;
	margin: 0 auto;
}
form {
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 8px 0;
	border: 0;
	margin: 0;
}
/* Holy Hacks for IE peekaboo and other bugs \*/
* html #page { height: 1%; }
* html #page div { height: 1%; }
* html #page div div { height: 1%; }
* html #page div div div { height: 1%; }
/* End Holy Hacks for IE */ 
/*-----------------------------
   Main Page Content
-------------------------------*/
#mid1 {
	float: left;
	padding: 0;
	margin: 0;
	background: #F2ECD5 url(images/n2.gif) repeat-y left;
}
#mid2 {
}
#page {
	float: left;
	padding: 0;
	margin: 17px 0 10px 5px; /* right can be left at zero */
}
.page {  /*the admin area window that holds SS short-cuts*/
	color: #39557F;
	padding: 10px;
	margin: 0;
	background: #F2ECD5;
}
#page a {
	text-decoration: none;
	color: #5E3403;
}
#page a:hover {
	text-decoration: underline;
	color: #C00;
}
#page h1 {
	line-height: 110%;
	padding: 0;
	margin: 0 0 15px 0; 
}
#page h2 {
	padding: 0;
	margin: -2px 0 8px 0;
	color: #85601E;
	font-style: italic;
}
#page h3 {
	padding: 0;
	margin: 0;
}
#page h4 {
	padding: 0;
	margin: 0;
}
#page p {
	padding: 0;
	margin: 0 0 10px 0;
}
.grey {
	color: #AAA;
}
.hide {
	display: none;
}
/*---------------------------------
   Text Box Styling - Backgrounds
-----------------------------------*/
.inset1, .inset2, .inset3, .inset4, .inset5, .inset6, .inset7, .inset8 {
	padding: 0;
	margin: 0;
}
.inset2, .inset4, .inset6, .inset8 {
	background: url(images/inset_cr.gif) repeat-y right;
}
.inset1, .inset3, .inset5, .inset7 {
	margin: 0 0 10px 0;
}
.inset1 {
	background-color: #FFFFDB;
	border: 1px solid #DECE80;
}
.inset2 {
	background-color: #FFFFDB;
}
.inset3 {
	background-color: #FFE7C7;
	border: 1px solid #D9A68C;
}
.inset4 {
	background-color: #FFE7C7;
}
.inset5 {
	background-color: #D6E0DB;
	border: 1px solid #A0C4AB;
}
.inset6 {
	background-color: #D6E0DB;
}
.inset7 {
	background-color: #FFF;
	border: 1px solid #CCC;
}
.inset8 {
	background-color: #FFF;
}
/*---------------------------------
   Text Box Styling - Subheads
-----------------------------------*/
#page .inset1 h2, #page .inset3 h2, #page .inset5 h2, #page .inset7 h2 {
	padding: 6px 5px 6px 7px;
	margin: 0;
}
#page .inset2 h2, #page .inset4 h2, #page .inset6 h2, #page .inset8 h2 {
	padding: 6px 15px 6px 7px;
	margin: 0;
	background: url(images/inset_tr.gif) no-repeat right top;
}
#page .inset1 h2, #page .inset2 h2 {
	color: #7F5F03;
	background-color: #EFEB8D;
}
#page .inset3 h2, #page .inset4 h2 {
	color: #7E4025;
	background-color: #F7CBA9;
}
#page .inset5 h2, #page .inset6 h2 {
	color: #3D6242;
	background-color: #AECAB1;
}
#page .inset7 h2, #page .inset8 h2 {
	color: #FFF;
	background-color: #AAA38C;
}
/*---------------------------------
   Text Box Styling - Body Text
-----------------------------------*/
#page .inset1 p, #page .inset2 p {
	color: #7F5F03;
	padding: 5px 10px;
	margin: 0;
}
#page .inset3 p, #page .inset4 p {
	color: #6E371F;
	padding: 5px 10px;
	margin: 0;
}
#page .inset5 p, #page .inset6 p {
	color: #25542C;
	padding: 5px 10px;
	margin: 0;
}
#page .inset7 p, #page .inset8 p {
	color: #555;
	padding: 5px 10px;
	margin: 0;
}
#page .inset1 a, #page .inset2 a {
	color: #604701;
}
#page .inset3 a, #page .inset4 a {
	color: #681B04;
}
#page .inset5 a, #page .inset6 a {
	color: #15311A;
}
#page .inset7 a, #page .inset8 a {
	color: #444;
}
#page .inset1 a:hover, #page .inset2 a:hover {
	color: #C00;
}
#page .inset3 a:hover, #page .inset4 a:hover {
	color: #C00;
}
#page .inset5 a:hover, #page .inset6 a:hover {
	color: #C00;
}
#page .inset7 a:hover, #page .inset8 a:hover {
	color: #C00;
}
/*---------------------------------
   Text Box Styling - Captions
-----------------------------------*/
#page .inset1 .pic-l, #page .inset1 .pic-a, #page .inset1 .pic-c, #page .inset1 .pic-r, #page .inset1 .pic-b, #page .inset1 .pic-, #page .inset2 .pic-l, #page .inset2 .pic-a, #page .inset2 .pic-c, #page .inset2 .pic-r, #page .inset2 .pic-b, #page .inset2 .pic- {
	color: #7F5F03;
}
#page .inset3 .pic-l, #page .inset3 .pic-a, #page .inset3 .pic-c, #page .inset3 .pic-r, #page .inset3 .pic-b, #page .inset3 .pic-, #page .inset4 .pic-l, #page .inset4 .pic-a, #page .inset4 .pic-c, #page .inset4 .pic-r, #page .inset4 .pic-b, #page .inset4 .pic- {
	color: #6E371F;
}
#page .inset5 .pic-l, #page .inset5 .pic-a, #page .inset5 .pic-c, #page .inset5 .pic-r, #page .inset5 .pic-b, #page .inset5 .pic-, #page .inset6 .pic-l, #page .inset6 .pic-a, #page .inset6 .pic-c, #page .inset6 .pic-r, #page .inset6 .pic-b, #page .inset6 .pic- {
	color: #25542C;
}
#page .inset7 .pic-l, #page .inset7 .pic-a, #page .inset7 .pic-c, #page .inset7 .pic-r, #page .inset7 .pic-b, #page .inset7 .pic-, #page .inset8 .pic-l, #page .inset8 .pic-a, #page .inset8 .pic-c, #page .inset8 .pic-r, #page .inset8 .pic-b, #page .inset8 .pic- {
	color: #333;
}
/*---------------------------------
   Text Box Styling - Bottom
-----------------------------------*/
#page .inset1 h6, #page .inset2 h6, #page .inset3 h6, #page .inset4 h6, #page .inset5 h6, #page .inset6 h6, #page .inset7 h6, #page .inset8 h6 {
	padding: 0;
	margin: 0;
	clear: left;
}
#page .inset1 h6, #page .inset3 h6, #page .inset5 h6, #page .inset7 h6 {
	height: 0;
}
#page .inset2 h6, #page .inset4 h6, #page .inset6 h6, #page .inset8 h6 {
	background: url(images/inset_br.gif) no-repeat bottom right;
}
#page .inset2 h6 a, #page .inset4 h6 a, #page .inset6 h6 a, #page .inset8 h6 a {
	display: block;
	background: url(images/inset_bl.gif) no-repeat bottom left;
}
/*---------------------------------
   Text Box Styling - Link Lists
-----------------------------------*/
#page .inset1 ul, #page .inset2 ul, #page .inset3 ul, #page .inset4 ul, #page .inset5 ul, #page .inset6 ul, #page .inset7 ul, #page .inset8 ul {
	list-style: none;
	padding: 0;
	border: 0;
	margin: 0 10px 0 0;
}
#page .inset2 ul, #page .inset4 ul, #page .inset6 ul, #page .inset8 ul {
	margin-right: 18px; /* extra padding to allow for drop-shadow */
}
#page .inset1 li, #page .inset2 li, #page .inset3 li, #page .inset4 li, #page .inset5 li, #page .inset6 li, #page .inset7 li, #page .inset8 li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	padding: 0;
	border: 0;
	margin: 0;
}
#page .inset1 li a, #page .inset2 li a, #page .inset3 li a, #page .inset4 li a, #page .inset5 li a, #page .inset6 li a, #page .inset7 li a, #page .inset8 li a {
	display: block;
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 5px;
	margin: 0;
}
/* IE box-model hack - sigh! */
* html #page .inset1 li a, * html #page .inset2 li a, * html #page .inset3 li a, * html #page .inset4 li a, * html #page .inset5 li a, * html #page .inset6 li a, * html #page .inset7 li a, * html #page .inset8 li a { margin-right: -10px; }
/* end of IE hack */
#page .inset1 li a, #page .inset2 li a {
	border-bottom: 1px dotted #B29E4B;
}
#page .inset3 li a, #page .inset4 li a {
	border-bottom: 1px dotted #D9A68C;
}
#page .inset5 li a, #page .inset6 li a {
	border-bottom: 1px dotted #77B389;
}
#page .inset7 li a, #page .inset8 li a {
	border-bottom: 1px dotted #555;
}
#page .inset1 li a:hover, #page .inset2 li a:hover {
	color: #000;
	text-decoration: none;
	background: #D3CF88;
}
#page .inset3 li a:hover, #page .inset4 li a:hover {
	color: #FFF;
	text-decoration: none;
	background: #D3915B;
}
#page .inset5 li a:hover, #page .inset6 li a:hover {
	color: #FFF;
	text-decoration: none;
	background: #76A386;
}
#page .inset7 li a:hover, #page .inset8 li a:hover {
	color: #000;
	text-decoration: none;
	background: #CCC;
}
#page .inset1 li a.current, #page .inset2 li a.current {
	color: #000;
	background: #FF9;
}
#page .inset3 li a.current, #page .inset4 li a.current {
	color: #000;
	background: #FF9;
}
#page .inset5 li a.current, #page .inset6 li a.current {
	color: #263D29;
	background: #FFC;
}
#page .inset7 li a.current, #page .inset8 li a.current {
	color: #333;
	background: #FFC;
}
/*---------------------------------
   Pictures (caption colour is overriden for inset boxes)
-----------------------------------*/
.pic-l, .pic-a, .pic-c, .pic-r, .pic-b, .pic- {
	color: #000;
	text-align: center;
	margin: 0 0 5px 0;
}
#page div .pic-r, #page div .pic-b {
	margin: 5px 12px 0 0; /* keep inset pic borders within the inset box */
}
.pic-l {
	float: left;
	margin: 0 15px 10px 0;
}
.pic-r {
	float: right;
	margin: 0 0 10px 15px;
}
/* Start Hack for IE 3px-jog bug \*/
* html .pic-l { margin-right: 12px; }
* html .pic-r { margin-left: 12px; }
/* End Hack for IE */ 
.pic-c {
	margin: 5px auto;
}
.pic-a, .pic- {
	margin: 0 auto 5px 0;
}
.pic-b {
	margin: 0 0 5px auto;
}
/*--------------------------------------------------------------
  Header and Primary Navigation
--------------------------------------------------------------*/
#top1 {
	position: relative;
	height: 123px;
	background: url(images/top_left.gif) no-repeat bottom left;
}
#top2 {
	position: relative;
	height: 123px;
	background: url(images/top_right.gif) no-repeat bottom right;
}
#top-fonts, td #top-fonts {  /* the font size selector, plus selector for admin area */
	float: left;
/* IE5.5 hack */	
	width: 207px;
	width: /**/187px;
/* end of IE5.5 hack */	
	color: #CBB788;
	line-height: 30px;
	padding: 78px 0 0 20px;
	margin: 0;
}
#top-fonts .size1, #top-fonts .size2, #top-fonts .size3, #top-fonts .size4, #foot-fonts .size1, #foot-fonts .size2, #foot-fonts .size3, #foot-fonts .size4 {
	text-decoration: underline;
}
#top-fonts a.size1, #top-fonts a.size2, #top-fonts a.size3, #top-fonts a.size4, #foot-fonts a.size1, #foot-fonts a.size2, #foot-fonts a.size3, #foot-fonts a.size4 {
	color: #CBB788;
	text-decoration: none;
}
#top-fonts a:hover, #foot-fonts a:hover {
	color: #FFF;
	text-decoration: underline;
}
#top-fonts .size1, #foot-fonts .size1 {
	font-size: 13px;
}
#top-fonts .size2, #foot-fonts .size2 {
	font-size: 16px;
}
#top-fonts .size3, #foot-fonts .size3 {
	font-size: 19px;
}
#top-fonts .size4, #foot-fonts .size4 {
	font-size: 22px;
}
#top-n1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-n1 ul li {
	float: left;
	/* IE_Mac hack to show ab elements */
	/*\*//*/
	position: relative;
	/**/ 
	height: 123px;
	line-height: 100%;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	background: url(images/n1.gif) repeat-x top;
}
#top-n1 ul li.bar-filler, #top-n1 ul li.bar-filler-null {
	width: 50px;
	background: url(images/n1.gif) repeat-x top;
}
#top-n1 ul li a {
	display: block;
	position: relative;
/* IE5.5 hack */	
	height: 42px;
	height: /**/33px;
/* end of IE5.5 hack */	
	color: #623F01;
	text-decoration: none;
	padding: 9px 10px 0 10px;
	margin: 81px 0 0 0;
}
/* IE hack to restrain width of top links */
 * html #top-n1 ul li a { width: 40px; }
/* End of IE hack */ 
#top-n1 ul li a:hover {
	color: #FFF;
	background: url(images/n1_in.gif) repeat-x top;
}
#top-n1 li.logo, #top-n1 li.logo2 {
	display: block;
	position: absolute;
	/* IE_Mac hack to show ab elements */
	/*\*//*/
	z-index: 1;
	/**/ 
	left: 70px;
	top: 23px;
	height: 40px;
	width: 277px;
	padding: 0;
	margin: 0;
	background: url(images/top_logo.gif) no-repeat left bottom;
}
#top-n1 li a.logo, #top-n1 li a.logo2 {
	position: absolute;
	left: 0;
	top: 0px;
	height: 39px;
	width: 620px;
	padding: 0;
	margin: 0;
	background: url(images/top_text.gif) no-repeat right;
}
#top-n1 li a.logo:hover {
	background: url(images/top_text.gif) no-repeat right;
}
#top-n1 li a.logo2:hover {
	background: url(images/home_link.gif) no-repeat right;
}
#top-n1 ul li a span {
	display: none;
	white-space: normal;
}
#top-n1 ul li a:hover span { /* position of n1 hover text */
	display: block;
	position: absolute;
	z-index: 1;
	top: -70px;
	left: -1px;
	width: 150px;
	color: #000;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	padding: 5px;
	border: 1px solid #000;
	background: #FFF;
}
#top-n1 a.current {
	font-weight: bold;
	background: url(images/n1_sel.gif) repeat-x;
}
#top-n1 a.current:hover {
	color: #FFF;
	background: url(images/n1_sel_in.gif) repeat-x;
}
#top-end {
	display: none;
}
/*---------------------------
  Secondary Navigation
-----------------------------*/
#mid-n2 {
	float: left;
	padding: 0;
	margin: 0;
}
#mid-n2 ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 16px;
}
#mid-n2 li {
	display: inline; /* gets rid of IE6 'space under' bug */
	padding: 0;
	margin: 0;
}
#mid-n2 li a {
	display: block;
	width: 138px;
	font-weight: normal;
	color: #F2ECD5;
	text-decoration: none;
	padding: 5px 0 8px 2px;
	margin: 0;
	background: url(images/n2_line.gif) repeat-x bottom;
}
#mid-n2 li a:hover {
	color: #F2ECD5;
	background-color: #5A4227;
}
#mid-n2 .nav2-sel { /* nav2 selected page with unselected nav3's */
	display: block;
	width: 157px;
	color: #F2ECD5;
	font-weight: bold;
	padding: 5px 10px 20px 18px; /* first figure is space above text, second governs 
												the text wrap (check in IE6), third is thickness of
												n2_top.gif, fourth should be '#nav2 ul' inset value
												plus '#nav2 li a' left text padding */
	margin: 0 0 0 -16px; /* offsets #mid-n2 ul inset value */
	background: url(images/n2_top.gif) no-repeat left bottom;
}
#mid-n2 .nav2-sel a { /* nav2 selected page with a nav3 selected */
	color: #F2ECD5;
	font-weight: bold;
	padding: 5px 0 2px 2px;
	margin: -5px 0 -2px -2px; /* use padding to define clickable area, then offset it with margin */
	background: none;
}
#mid-n2 #nav2-top { /* the nav2 graphic above nav3 links */
	height: 22px;
/* IE5.5 hack */	
	width: 181px;
	width: /**/199px;
/* end of IE5.5 hack */	
	padding: 0;
	margin: 0 0 0 -18px;
	background: url(images/n2_bot.gif) no-repeat left bottom;
}
#mid-n2 .nav2-only { /*the nav2 selected link when there is no nav3*/
	display: block;
	width: 147px;
	font-weight: bold;
	color: #F2ECD5;
	padding: 8px 34px 0 18px;
	margin: 0 0 0 -16px;
	background: url(images/n2_sel.gif) no-repeat left top;
}
#mid-n2 .nav2-only #nav2-bot { /* the nav2 line for the above style */
	width: 140px;
	height: 2px;
	margin: 5px 0 0 -2px;
	background: url(images/n2_line.gif) repeat-x bottom;
}
#mid-n2 .nav2-sel ul { /*the nav3 list*/
	list-style: none;
	padding: 0;
	margin: 0 -14px 0 -18px;
	background: url(images/n3.gif) repeat-y;
}
#mid-n2 .nav2-sel li {
	display: inline; /* gets rid of IE6 'space under' bug */
	padding: 0;
	margin: 0;
}
#mid-n2 .nav2-sel li a { /* the nav3 links */
	display: block;
	width: 132px;
	font-weight: normal;
	color: #6F4D10;
	text-decoration: none;
	padding: 4px 0 5px 2px;
	margin: 0 0 0 15px;
	background: url(images/n3_line.gif) repeat-x bottom left;
}
#mid-n2 .nav2-sel li a:hover {
	color: #000;
	background-color: #C3AB6E;
}
#mid-n2 .nav2-sel .nav3-sel {
	display: block;
	font-weight: bold;
	color: #6F4D10;
	padding: 5px 40px 1px 17px;
	margin: 0;
	background: url(images/n3_sel.gif) no-repeat 0 5px;
}
#mid-n2 .nav2-sel #nav3-bot {
	height: 2px;
	margin: 3px 0 0 -2px;
	background: url(images/n3_line.gif) repeat-x bottom left;
}
#mid-n2 .link-intro {
	display: block;
	width: 138px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 7px 0 10px 2px;
	margin: 0;
	background: url(images/n2_line.gif) repeat-x bottom;
}
.credits {
	display: block;
	position: relative;
	bottom: 0px;
	width: 138px;
	color: #DDC793;
	padding: 10px 0 0 15px;
	margin: 0;
}
.credits a {
	color: #FFF;
	text-decoration: none;
}
.credits a:hover { 
	color: #FF6;
	text-decoration: underline;
}
/*--------------------------------------------------------------
  Bottom Box Layout
--------------------------------------------------------------*/
#foot1 {
	height: 112px;
	padding: 0;
	margin: 0;
	clear: both;
	background: url(images/bottom_left.gif) no-repeat top left;
}
#foot2 {
	height: 112px;
	background: url(images/bottom_right.gif) no-repeat top right;
}
#foot-fonts, td #foot-fonts {  /* the font size selector, plus selector for admin area */
	float: left;
	height: 45px; /* add to padding */
/* IE5.5 hack */	
	width: 170px;
	width: /**/170px;
/* end of IE5.5 hack */	
	color: #CBB788;
	line-height: 30px;
	padding: 15px 0 0 15px;
	margin: 0;
}
/*--------------------------------------------------------------
  Fixed Navigation Links
--------------------------------------------------------------*/
#foot-n4 {
	float: left;
	height: 112px;
	color: #FFF;
	padding: 0;
	margin: 0;
	background: url(images/n4.gif) repeat-x;
}
#foot-n4 ul {
	list-style: none;
	padding: 12px 0 0 0;
	margin: 0;
}
#foot-n4 li {
	display: inline;
	line-height: 100%;
}
#foot-n4 li a {
	color: #FFF;
	text-decoration: none;
}
#foot-n4 li a:hover {
	color: #FF6;
	text-decoration: underline;
}
#breadcrumbs {
	color: #62430D;
	margin: 3px 0 0 0;
}
#breadcrumbs a {
	text-decoration: none;
	color: #62430D;
}
#breadcrumbs a:hover { 
	text-decoration: underline;
	color: #FF6;
}
/*--------------------------------------------------------------
  Next and More Buttons
--------------------------------------------------------------*/
a.next {
	position:relative;
	border: 1px solid #F2ECD5;
	background: url(images/next.gif) no-repeat 0 2px;
}
a.next img {
	margin: 0;
	vertical-align: top;
}
a.next:hover { 
	background: url(images/next_in.gif) no-repeat 0 2px;
}
a.more {
	position:relative;
	border: 1px solid #F2ECD5;
	background: url(images/more.gif) no-repeat 0 2px;
}
a.more img {
	margin: 0;
	vertical-align: top;
}
a.more:hover { 
	background: url(images/more_in.gif) no-repeat 0 2px;
}
/*--------------------------------------------------------------
  Special News Story
--------------------------------------------------------------*/
#page ul li a.shout {
	color: #C00;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #FF0;
}