@charset "utf-8";
/* Willmott Forests Version Three - CSS Document */

/* Eric Meyers CSS Reset v final.0.1 (modified)
------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; 
	font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; } 
blockquote, q { quotes: "" ""; }


/* TYPOGRAPHY & GENERAL TAG REDEFINITIONS
------------------------------------------------*/

body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea {
  font: 14px/1.5em Arial, Helvetica, sans-serif; color: #332; }
h2, h3, h4, h5, h6 { padding: 1em 0 0.3em 0; }
h2 em, h3 em, h4 em, h5 em, h6 em { font-style: italic; }
h1 { font-size: 30px; }
h2 { font-size: 27px; line-height: 23px; padding: 0; margin: 0 0 10px; }
h3 { font-size: 18px; font-weight: bold; line-height: 1.2em; padding: 1em 0 0.5em 0; color: #746d5a; }
h4 { font-size: 16px; font-weight: bold; line-height: 1em; padding: 1em 0 0.3em 0; color: #746d5a; }
#latestnews h4, #feature h4 { padding: 0 0 0.1em 0; }
h5 { font-size: 1em; font-weight: bold; line-height: 1.2em; padding: 0.3em 0 0.3em 0;color: #332;  }
p, ul { padding: 0.3em 0 0.7em 0; }
ul li { margin: 0.3em 0; line-height: 1.2em; }
ol { margin-left: 2.5em; list-style: decimal; } 
ol li { margin: 0.4em 0; line-height: 1.2em; }
a { color: #00733f; }

blockquote, .box, #content .box { margin: 1em 0; padding: 20px 30px; font-size: 1.2em; color: #746d5a; background: #dddac3 url("wf_images/bg_grad_grey.jpg") repeat-x top; }
blockquote p { color: #746d5a; }
strong { font-weight: bold; }
em { font-style: italic; }
hr { margin: 30px 0; height: 2px; border: 1px solid #00733f; color: #00733f; }
pre { margin-bottom: 1em; background: #f6f5ef; padding: 0.5em; border: 1px solid #746d5a; }
code { font: 0.9em Monaco, monospace; }
table { width: 100%; }


/* LAYOUT 
------------------------------------------------*/

body { padding-left: 0.6px; }
body .inner1 { background: #00733f url('wf_images/bg_body.jpg') repeat-x 0px -30px; }
body .inner2 { background: url('wf_images/bg_body_sandstone.jpg') repeat-x 0px 145px; }
.container { margin: 0 auto; width: 960px; }

#toptray { padding-top: 4px; background: url('wf_images/bg_toptray.jpg') repeat-x bottom; }
	#toptray .container { }
	#toptray #panel { height: 0px; overflow: hidden;  }
	#toptray #panel .intro { float: left; width: 200px; margin-right: 30px; }
	#toptray #panel .intro p { padding: 0 0 0.4em 0; color: #fff; font-size: 0.85em; line-height: 1.25em; }
	#toptray #panel .intro h5 { margin: 2px 0 0 0; font-size: 0.85em; color: #ddd9c3;  }
	#toptray #panel .details { float: left; width: 220px; margin-right: 30px; }
	#toptray #panel label { display: block; font-size: 0.85em; font-weight: bold; text-transform: uppercase; color: #ddd9c3;  }
	#toptray #panel input { width: 210px; margin-bottom: 15px; padding: 3px; border: 2px solid #a4a090; 
		background: #f6f5ef; font-size: 1.1em; color: #5c5544; }
	#toptray #panel input:focus { padding: 4px; border: 1px solid #00733f; background: #f0efe6; }
	#toptray #panel .comments { float: left; width: 270px; margin-right: 30px; }
	#toptray #panel .enquiry { display: none; } 
	#toptray #panel textarea { height: 80px; width: 260px; padding: 3px; border: 2px solid #a4a090; 
		background: #f6f5ef; font-size: 0.9em; color: #5c5544; }
	#toptray #panel textarea:focus { border: 1px solid #00733f; padding: 4px; background: #f0efe6; }
	#toptray #panel .button_send { float: left; width: 80px; margin-right: 20px; margin-top: 20px; }
	#toptray #panel .button_contacts { float: left; width: 80px; margin-top: 20px; }
	#toptray #panel button { padding-top: 40px; width: 78px; height: 88px; border: 1px solid #c9c4b0;  
		font-size: 0.8em; text-transform: uppercase; color: #726b58; line-height: 1.1em; }
	#toptray #panel .button_send button { background: #f0efe6 url('wf_images/icon_send.png') no-repeat 23px 10px; }
	#toptray #panel .button_contacts button { background: #f0efe6 url('wf_images/icon_contacts.png') no-repeat 23px 10px; }
	#toptray #panel button:hover { border: 1px solid #9f9b8b; background-color: #e3dfcd; }

	
	#toptray .controls { margin: 0 30px 0 auto; width: 360px; height: 25px; background: url('wf_images/bg_toptray_controls.png') no-repeat; }
	#feedback_trigger { display: inline; float: right; width: 120px; margin-right: 5px; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; text-align: center; }
	form#search {  }
	form#search label { display: inline; float: left; width: 48px; margin-left: 12px; padding: 2px 0 0 0; font-size: 13px;  }
	form#search input { display: inline; float: left; width: 135px; margin-left: 8px; padding: 5px 0 2px 0; font-size: 12px; border: none; background: transparent; }
	form#search button { display: inline; float: left; width: 20px; height: 20px; margin: 0 0 0 8px; padding: 0; border: none; 
		background: transparent; font-size: 12px; text-indent: -999em; cursor: pointer; }
	
#header { height: 85px; }
	#header h1 { height: 60px; width: 390px; background: url('wf_images/logo.png') no-repeat; padding: 0; }
	#header h1 a { display: block; height: 60px; width: 390px; text-indent: -999em; }
	
#nav { height: 95px; background: url('wf_images/bg_nav.png') repeat-x top; }
	#nav .wrapper { height: 95px; background: url('wf_images/bg_main_top.png') no-repeat center bottom; }
	#nav ul, #floatingnav ul { margin: 0; padding: 0; height: 30px; }
	#nav ul li, #floatingnav ul li { display: inline; float: left; margin: 0; padding: 0; width: 117px; height: 30px;
		border-left: 1px solid #fff; border-right: 1px solid #fff; position: relative; }
	#nav ul li a, #floatingnav ul li a { display: block; width: 118px; height: 30px; line-height: 30px; background: #f6f5ef; 
		text-align: center; color: #332; text-decoration: none; }
	#nav ul li a:hover, #floatingnav ul li a:hover { background: #f0efe6; }
	#nav ul li a.current, #floatingnav ul li a.current { background: #dddac3; }
	#floatingnav { position: fixed; top: 0; width: 100%; height: 30px; visibility: hidden; }
	#floatingnav .wrapper { position: relative; margin: 0 auto; width: 960px; }
	#nav ul ul { position: absolute; height: auto; width: 200px; margin-left: -1000em; overflow: hidden; z-index: 10001; } 
	#nav ul ul li { width: 198px; border: none; height: auto; border: 1px solid #ddd9c3; border-top: 1px solid #fff; z-index: 10002; } 
	#nav ul ul li a { width: 178px; text-align: left; font-size: 0.9em; padding: 8px 10px; line-height: 1.3em; height: auto; background: #f0efe6; z-index: 10003; }
	#nav ul ul li a:hover { background: #dfddd1 url('wf_images/bg_nav_level_2.png') repeat-x top; }

#main { background: url('wf_images/bg_body_pine.jpg') repeat-x 0px 125px; }
	#main .wrapper { background: url('wf_images/bg_main.png') repeat-y center top; }
	#main .container { padding: 0; width: 960px; } 
	#home #main .container { padding: 0 30px; width: 900px; } 
	
	#carousel { position: relative; width: 900px; height: 300px; background: #ddd9c3; }
		#carousel .curvestop, #carousel .curvesbottom { position: absolute; width: 900px; height: 8px; 
			background: url('wf_images/carousel_mask.png') no-repeat left top; z-index: 10000; }
		#carousel .curvestop { top: 0; left: 0; }
		#carousel .curvesbottom { bottom: 0; left: 0; background-position: left bottom; }
		#carousel ul#tabs { position: absolute; width: 900px; height: 73px; left: 0px; bottom: 0px; margin: 0; padding: 0; }
		#carousel ul#tabs li { float: left; width: 33.3%; height: 73px; left: 0px; bottom: 0px; margin: 0; padding: 0; 
			background: #f6f5f0 url('wf_images/carousel_tab.png') no-repeat left top; }
		#carousel ul#tabs li a { display: block; padding: 13px 13px 0 60px; height: 60px; font-size: 0.85em; 
			font-weight: bold; color: #726b58; text-transform: uppercase; text-decoration: none; }
		#carousel ul#tabs li a strong { font-size: 1.3em; color: #332; text-transform: none; }
		#carousel ul#tabs li a.wf { background: url('wf_images/40_wf.png') no-repeat 10px 20px; }
		#carousel ul#tabs li a.wt { background: url('wf_images/40_wf.png') no-repeat 10px 20px; }
		#carousel ul#tabs li a.we { background: url('wf_images/40_wf.png') no-repeat 10px 20px; }
		#carousel ul#tabs li.current { background: transparent url(''); }
		#carousel .carousel_mask { position: relative; float: left; width: 900px; height: 227px; overflow: scroll; } 
			/* overflow to hidden by js after load */
		#carousel #carousel_panes { position: absolute; }
		#carousel div.carousel_pane { width: 900px; height: 227px; } /* floated left by js after load */
		#carousel #pane_wf { background: url('wf_images/pane_wf.jpg') no-repeat right top; }
		#carousel #pane_wt { background: url('wf_images/pane_wt.jpg') no-repeat right top; }
		#carousel #pane_we { background: url('wf_images/pane_we.jpg') no-repeat right top; }
		#carousel .blurb { width: 480px; height: 20px; padding: 27px 0 0 30px; }
		#carousel .blurb h2 { margin-bottom: 5px; }
		#carousel .blurb p { line-height: 1.3em; font-size: 0.95em; padding-bottom: 0.5em; }
	
	#latestnews { float: left; width: 510px; margin-top: 30px; }
		#latestnews dl { margin-top: 0.3em; }
		#latestnews dt { float: left; clear: left; width: 100px; margin-right: 10px; color: #726b58; text-transform: uppercase; }
		#latestnews dd { float: left; width: 390px; margin-bottom: 10px; }
	
	#feature { float: right; width: 360px; margin-top: 30px; }
		#feature h4 { margin-left: 132px; margin-bottom: 0px; }
		#feature p { margin-left: 132px; }
		#feature .img { padding: 5px; }
		
	#content { float: left; width: 660px; padding-left: 30px; }
	
	#main #subnav { float: right; width: 240px; background: transparent url('wf_images/bg_subnav.jpg') repeat-y left; }
		#main #subnav .wrapper { padding-bottom: 60px; background: transparent url('wf_images/bg_subnav_bottom.jpg') no-repeat bottom; }
		#main #subnav .wrapper ul { padding: 50px 0 0 0; margin: 0; 
			background: transparent url('wf_images/bg_subnav_top.jpg') no-repeat top; }
		#main #subnav .wrapper ul li { margin: 0; }
		#main #subnav .wrapper ul li.current { padding-top: 5px; background: #fff url('wf_images/bg_subnav_sep.jpg') no-repeat top; }
		#main #subnav .wrapper ul li.current a { font-weight: bold; }
		#main #subnav .wrapper ul li.current a:hover { background: none; color: #726b58; cursor: text; }
		#main #subnav .wrapper ul li.current div { padding-bottom: 5px; background: transparent url('wf_images/bg_subnav_sep.jpg') no-repeat bottom; }
		#main #subnav .wrapper ul li.current div div { padding-bottom: 0; background: none; }
		#main #subnav .wrapper ul li a { display: block; padding: 10px 30px; color: #726b58; text-decoration: none; }
		#main #subnav .wrapper ul li a:hover { background: url('wf_images/bg_subnav_hilite.jpg') repeat-y left; color: #332; }
		#main #subnav .wrapper ul li ul { padding: 0 0 10px 0; background: none; }
		#main #subnav .wrapper ul li.current ul li a { display: block; padding: 3px 30px 3px 55px; font-weight: normal; 
			background: url('wf_images/bullet_green.png') no-repeat 40px 8px; color: #332; }
		#main #subnav .wrapper ul li.current ul li a:hover { background: url('wf_images/bullet_light_green.png') no-repeat 42px 8px; color: #00733f; cursor: pointer; }


#footer { background: url('wf_images/bg_main_bottom.png') no-repeat center top; padding-top: 55px; }
	#footer a { text-decoration: none; color: #fff; }
	#footer .wrapper { background: url('wf_images/bg_footer_shadow.png') repeat-y center top; }
	#footer .container { position: relative; width: 900px; padding: 30px 30px; background: url('wf_images/bg_footer.jpg') repeat-y center top; }
	ul#footerlinks { float: left; margin: 0; padding: 0; width: 360px; }
	ul#footerlinks li { float: left; line-height: 1.1em; width: 180px; margin: 0.5em 0; }
	#disclaimer { position: absolute; width: 530px; right: 30px; bottom: 30px; text-align: right; }
	#footer #disclaimer a { text-decoration: underline; color: #fff; }
	#disclaimer p { color: #fff; font-size: 0.8em; margin: 0; padding: 0; }
	#disclaimer strong { font-size: 1.3em; }

#credits { background: url('wf_images/bg_footer_bottom.png') no-repeat center top; padding: 10px 0 30px 0; }
	#credits a { display: block; width: 209px; height: 20px; margin: 0 auto; background: url('wf_images/madwebskills.png') no-repeat left top; text-indent: -999em; }
	#credits a:hover { background-position: 0 -20px; }


/* FIVE-COLUMN GRID
------------------------------------------------*/

.column { float: left; margin: 0 10px; padding: 0; }
.first  { clear: both; margin-left: 0; }
.last   { margin-right: 0; }
.sep    { clear: both; display: block; height: 20px; }
.span-1 { width: 175px; }
.span-2 { width: 370px; }
.span-3 { width: 565px; }
.span-4 { width: 565px; }
.span-5 { width: 760px; margin: 0; }


/* UI ELEMENTS
------------------------------------------------*/

.button { display: inline-block; display: -moz-inline-block; background: url('wf_images/bg_button_left.png') no-repeat left top; margin-right: 20px; 
	padding-left: 32px; width: auto; height: 30px; line-height: 30px; color: #332; text-decoration: none; }
	.button.info { background-image: url('wf_images/bg_button_left_info.png'); }
	.button.news { background-image: url('wf_images/bg_button_left_news.png'); }
	.button.page { background-image: url('wf_images/bg_button_left_pagego.png'); }
	.button span { display: inline-block; background: url('wf_images/bg_button_right.png') no-repeat right top; padding-right: 20px; 
		width: auto; height: 30px; line-height: 30px; font-size: 0.9em; color: #332; }
	.button:hover { background-position: 0px -40px; }
	.button:hover span { background-position: right -40px; }

#breadcrumbs { padding: 0 30px; line-height: 40px; font-size: 0.85em; font-weight: bold; color: #726b58; text-transform: uppercase; }
#breadcrumbs a { text-decoration: none; }
#breadcrumbs img { margin: 0 6px; }

.searchform { border: 1px solid #797260; background-color: #f0efe6; padding: 0.4em; margin-bottom: 0.8em; text-align: center; }
.searchinputmini { width: 400px; border: 1px solid #797260; background-color: #fff; 
	padding: 0.1em; color: #bbb; font-size: 1.3em; }
.searchinputmini:focus { border: 1px solid #654; color: #332; }
.searchbuttonmini { border: 1px solid #797260; background-color: #797260; font-size: 1.3em; 
	text-transform: uppercase; color: #fff; }
.searchhead { font-size: 1.2em; color: #797260; }
.searchresult1 { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #d7d7cf; line-height: 1.3em; }
.searchresulthead { font-size: 1.3em; font-weight: bold; }
.searchbreadcrumbs { margin: 2px 0 2px 0; padding: 1px 0; color: #746d5a; font-size: 0.9em; }
.pagination { text-align: center; font-size: 1.2em; }


/* CONTENT STYLES
------------------------------------------------*/

#content ul, body.mceContentBody ul { margin-left: 20px; }
#content ul li, body.mceContentBody ul li { margin: 0 0 12px 0px; padding-left: 20px; 
	background: url("wf_images/bullet_green.png") no-repeat 4px 4px; }

.hide { display: none; }
.last { margin-right: 0 !important; }
.clear { clear: both; }
br.clear { height: 0px; visibility: hidden; font-size: 0.01em;  line-height: 0px; }

div.images { width: 200px; margin-left: 20px; float: right; text-align: center; z-index: -1; }
div.images div.imagecaption { margin-bottom: 10px; text-align: center; color: #746d5a; }

.img { border: 1px solid #e3e0cd; padding: 9px; background: #fafaf6; }
a:hover .img, a:hover .img_left, a:hover .img_right { background: #eae9e4; }
.left { float: left; margin: 0 20px 20px 0; }
.right { float: right; margin: 0 0 20px 20px; }
.img_left { border: 1px solid #e3e0cd; padding: 9px; background: #fafaf6; float: left; margin: 0 20px 20px 0; }
.img_right { border: 1px solid #e3e0cd; padding: 9px; background: #fafaf6; float: right; margin: 0 0 20px 20px; }

a.backtotop { display: block; height: 30px; margin: 20px 0; background: url('wf_images/back_to_top.png') no-repeat center top; text-indent: -999em; }
	a:hover.backtotop { background-position: center -40px; }
	
#backtotop { position: absolute; width: 240px; height: 125px; background: url('wf_images/bg_backtotop.jpg') no-repeat left top; }
	#backtotop a { display: block; padding: 0 30px 0 0; line-height: 125px; text-align: center;
		font-weight: bold; color: #777; text-decoration: none; }
	#backtotop a:hover { color: #00733f; }

.pagelinks { clear: both; height: 25px; margin: 20px 0 0 0; padding: 5px 0 0 150px; 
	background: url('wf_images/bg_page_links.png') no-repeat center top; }
	.pagelinks a { display: block; float: left; margin: 0 20px; padding: 0 0 0 30px; width: 110px; height: 25px;
		line-height: 25px; font-size: 0.85em; text-transform: uppercase; text-decoration: none; color: #726b58; }
	.pagelinks a.print { background: url('wf_images/icon_print.png') no-repeat left center; } 
	.pagelinks a.top { background: url('wf_images/icon_go_top.png') no-repeat left center; } 
	.pagelinks a:hover { color: #00733f; }

.icon-lock { padding-left: 14px; background: url('wf_images/icon_lock.png') no-repeat left center; }

/* ICONS
------------------------------------------------*/

.icon-page-go { display: block; background: url('../images/icons/page_white_go.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; }