/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
   Updated: Feb 24th 2009 12:43pm
----------------------------------------------- */

html { margin:0; padding:0; height:100%; }
body { margin:0; padding:0; height:100%; color:#1F1F1F; background-color:#739926; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #A85F02; height:0; }
p { padding:0; margin:0 0 16px 0; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1,
h2 { color:#A85F02; font-size:1.6em; margin-top:0; text-transform:lowercase; }
h3 { color:#633901; font-size:1.2em; margin:0; text-transform:lowercase; }
h4, h5, h6 { color:#633901; font-size:1em; }

a,
a:visited { color:#006600; text-decoration:underline; }
a:focus,
a:hover { color:#99CC33; text-decoration:underline; }
a:active { color:#739926; text-decoration:underline; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 17px 20px; }
.photoLeft { float:left; margin:3px 20px 17px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }


/* ----------------------
   Interface CSS
---------------------- */

#root_footer { background:url("footer.png") center bottom no-repeat; margin-bottom:10px; }
#root_background { background:#FFFFFF url("background_footer.gif") center bottom scroll repeat-x; }
#root_header { background:url("background_header.gif") center top no-repeat; }

#container { width:882px; margin:0 auto 0 auto; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { width:882px; height:206px; overflow:hidden; }

#header_left { width:150px; height:137px; float:left; background:#FFFFFF url("beaufell.gif") left top no-repeat; margin:40px 0 0 28px; }
#header_left h1 { margin:0; padding:0; }
#header_left h1 a,
#header_left h1 a:visited { width:150px; height:137px; display:block; text-indent:-9000px; }

#header_right { width:645px; height:65px; background:url("header.gif") left top no-repeat; float:right; margin:116px 2px 0 0; }

#nav ul { list-style:none; margin:0; padding:0; }
#nav ul li { border-top:1px solid #99CC33; text-transform:lowercase; }
#nav ul li.start { border-top:none; }
#nav ul li a,
#nav ul li a:visited { text-decoration:none; background-color:#FFFFFF; font-size:1.3em; font-weight:bold; padding:10px 26px; display:block; }
#nav ul li a:focus,
#nav ul li a:hover { text-decoration:none; color:#006600; background-color:#E8F0D8; }
#nav ul li.active a,
#nav ul li a:active { text-decoration:none; color:#739926; background-position:left bottom; }

#nav ul li a.category { padding:10px 26px 6px 26px; }

#nav ul li ul { padding-bottom:6px; }
#nav ul li ul li { border-top:none; }
#nav ul li ul li a,
#nav ul li ul li a:visited { color:#99CC33; font-size:1em; font-weight:bold; padding:4px 26px 4px 36px; }
#nav ul li ul li a:focus,
#nav ul li ul li a:hover { color:#739926; }
#nav ul li.active ul li a,
#nav ul li ul li a:active { color:#4C661A; }

#article { width:647px; float:right;  margin-bottom:16px; }
#article_content { background:url("article_back.gif") left top repeat-y; }
#article_header { width:647px; height:2px; background:url("article_hf.png") left top no-repeat; overflow:hidden; }
#article_padding { padding:31px 31px 3px 31px; line-height:1.5em; min-height:240px; }
#article_footer { width:647px; height:17px; background:url("article_hf.png") left bottom no-repeat; overflow:hidden; }

#article_contact { width:330px; height:104px; float:right; margin-right:20px; background:url("contact.gif") left top no-repeat; }
#article_contact_padding { text-align:right; padding:13px 15px 15px 15px; color:#FFFFFF; }
#article_contact a,
#article_contact a:visited { color:#FFFFFF; text-decoration:none; }
#article_contact a:focus,
#article_contact a:hover { color:#FFFFFF; text-decoration:underline; }
#article_contact a:active { color:#FFFFFF; text-decoration:underline; }

#sidebar { width:207px; float:left; margin-bottom:16px; }
#sidebar_content { background:url("nav_back.png") left top repeat-y; }
#sidebar_header { width:207px; height:2px; background:url("nav_hf.png") left top no-repeat; overflow:hidden; }
#sidebar_padding { padding:0 3px 0 1px; }
#sidebar_footer { width:207px; height:4px; background:url("nav_hf.png") left bottom no-repeat; overflow:hidden; }

#footer { width:330px; color:#FFFFFF; float:right; margin-top:85px; height:40px; text-align:right; margin-right:20px; line-height:140%; font-size:0.85em; }
#footer p { margin:0; }
#footer a,
#footer a:visited { color:#FFFFFF; text-decoration:none; }
#footer a:focus,
#footer a:hover { color:#FFFFFF; text-decoration:underline; }
#footer a:active { color:#FFFFFF; text-decoration:underline; }

/* ----------------------
   Content CSS
---------------------- */

#googleMap { border:2px solid #000000; margin-bottom:16px; overflow:hidden; }

/* ----------------------
   Flash
---------------------- */

.flash p { margin:0; padding:15px; text-align:center; }
.flash p a,
.flash p a:visited { text-decoration:none; }
.flash p a:hover,
.flash p a:active { text-decoration:underline; }

#gallery_flash { margin-bottom:16px; }

/* ----------------------
   HighSlide
---------------------- */

.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); }

/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #A85F02; padding:3px 0 3px 3px; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #633901!important; font-weight:bold; }
.table tbody tr:hover { background-color:#E8E8E8; }
.table tbody tr.alt { background-color:#E8E8E8; }
.table tbody tr.alt:hover { background-color:#D1D1D1; }

/* ----------------------
   Contact Form
---------------------- */

#form { width:549px; /*549*/ clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:373px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:383px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:375px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#666; }
#form .submit { float:right; width:387px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }

