html{
min-height: 100%; margin-bottom: 1px;
}
body{
margin:0;
padding:0;
background:#003900 url(Common/window-background.png) repeat-x;
color:#003900;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
}
/* begin unique elements */
#container{
/* defines container element */
text-align:left;
font-size:75%;
width:720px;
margin:5px auto;
border:1px solid #939D82;
background:#FFF url(Common/container-background.gif) right top repeat-y;
/* added to position AdSense at bottom left of div */
position: relative;
}
#header{
background:#003900 url(Common/head-background.jpg) left bottom no-repeat;
height:12.5em;
/*border-bottom:1px solid #939D82;*/
overflow:hidden;
}
#header h1{
/* define header h1 tag */
margin:0;
padding:5px 10px 0px 10px;
text-transform:lowercase;
font-size:2.8em;
text-align:left;
color:#efefd6;
font-family: "lucidamac bold", "lucida grande", arial, sans-serif; 
letter-spacing:1px;
}
#header img{
float:right;
height:30px;
width:30px;
margin:1em 10px 0 10px;
/*display:none;*/
}
#header h2{
/* define header h2 tag */
margin:0;
padding:3.8em 10px 10px 10px;
font-weight:normal;
font-size:1.6em;
text-transform:lowercase;
text-align:right;
color:#efefd6;
font-family: "lucidamac bold", "lucida grande", arial, sans-serif; 
letter-spacing: -1px;
}
#centre{
/* container for all blog content */
padding:0;
}
/* new menu */
/* CSS sliding doors II tabs */
#navigation {
margin: 0;
width:100%;
float:left;
line-height:normal;
background:#FFF url(Common/nav-background.jpg) left top no-repeat;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-variant:small-caps;
letter-spacing: 1px;
}
#navigation ul {
display:inline;
float:left;
margin:0;
padding:10px 0 0 10px;
list-style:none;
}
#navigation li {
display:inline;
margin:0;
padding:0;
}
#navigation a {
float:left;
background:url(Common/left_both.gif) no-repeat left top;
margin:0 4px 0 0;
padding:0 0 0 9px;
font-size:1.1em;
border-bottom:1px solid #3a7f00;
text-decoration:none;
}
#navigation a span {
float:left;
display:block;
background:url(Common/right_both.gif) no-repeat right top;
padding:4px 12px 4px 3px;
color:#623B00;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */

#navigation a:hover span, #navigation a:focus span, #navigation a:active span{
color:#666;
}
#navigation #current a {
background-position:0 -150px;
border-width:0;
}
#navigation #current a span {
background-position:100% -150px;
padding-bottom:5px;
color:#666;
}
#navigation a:hover, #navigation a:focus, #navigation a:active{
background-position:0% -150px;
/*outline: none;*/
}
#navigation a:hover span, #navigation a:focus span, #navigation a:active span{
background-position:100% -150px;
/*outline: none;*/
}
/* End CSS sliding doors II tabs */
#content{
/* defines content element */
width:530px;
float:left;
padding-left:10px;
}
#spacer{
/* added to position AdSense at bottom left of div */
height:65px;
}
#smallspacer{
/* added to position AdSense boxes */
height:25px;
}
#content h1{
/* defines generic h1 element */
/*margin:5px 0px;*/
margin:8px 0;
font-family: "lucidamac bold", "lucida grande", arial, sans-serif; 
letter-spacing:-1px;
color:#623B00;
font-size:1.5em;
}
#content h2{
/* defines generic h2 element */
margin:10px 0 5px 0;
text-align:left;
font-family: "lucidamac bold", "lucida grande", arial, sans-serif; 
letter-spacing:-1px;
font-size:1.5em;
color:#623B00;
}
#content h3{
/* defines generic h3 element */
/*margin:5px 0;*/
margin:8px 0;
color:#116200;
font-weight:normal;
font-size:1.2em;
text-align:left;
font-family: "lucidamac bold", "lucida grande", arial, sans-serif; 
}
#content h4{
/* defines generic h4 element */
/*margin:5px 0;*/
margin:8px 0;
font-size:1em;
}
#content h5{
/* defines generic h5 element */
/*margin:5px 0;*/
margin:8px 0;
font-weight:normal;
font-size:1em;
color:#116200;
}
#content h6{
/* defines generic h6 element */
clear: left;
/*margin:5px 0;*/
margin:8px 0;
font-weight:normal;
font-size:0.9em;
color:#116200;
}
#content p{
/* defines generic p element */
/*margin:5px 0;*/
margin:8px 0;
}
#content ul{
/* defines generic ul element */
/*margin:5px 0 5px 25px;*/
margin:8px 0 8px 25px;
padding:0;
}
#content li{
/* defines generic li element */
/*margin:2px 0 2px 5px;*/
margin:3px 0 3px 5px;
list-style:disc;
}
/* content internal link styling */
#content a{
color:#116200;
text-decoration:underline;
}
#content a:hover, #content a:focus, #content a:active{
color:#3a7f00;
text-decoration:none;
}
/* content external link styling */
#content a.external{
padding-right:18px;
margin-right:3px;
background: url(Icons/content-new-window.gif) 100% 60% no-repeat;
}
#content a.external:hover, #content a.external:focus, #content a.external:active{
background: url(Icons/content-new-window-hover.gif) 100% 60% no-repeat;
}
#content table{
border-collapse: collapse;
}
#content th, #content td{
border: 1px solid #E4E4E4;
border-collapse: collapse;
padding:0 3px;
}
#breadcrumb{
/* defines breadcrumb element */
padding:10px 0px;
height:10px;
}
#breadcrumb a{
color:#3a7f00;
text-decoration:underline;
}
#breadcrumb a:hover, #breadcrumb a:focus{
color:#3a7f00;
text-decoration:none;
}
#subcontent{
/* defines subcontent element */
width:160px;
padding:10px 0px 0px 0px;
float:right;
color:#623B00;
padding-right:10px;
}
#subcontent h1{
/* defines generic h1 element */
border-bottom:1px solid #E4E4E4;
margin:5px 0 5px 5px;
color:#116200;
font-family:"Century Gothic","Trebuchet MS","Arial Narrow",Arial,sans-serif;
font-weight:normal;
font-size:1.4em;
text-transform:uppercase;
text-align:right;
}
#subcontent h2{
/* defines generic h2 element */
border-bottom:1px solid #E4E4E4;
margin:5px 0px;
color:#116200;
font-family:"Century Gothic","Trebuchet MS","Arial Narrow",Arial,sans-serif;
font-weight:normal;
font-size:1.4em;
text-transform:uppercase;
text-align:right;
}
#subcontent h3{
/* defines generic h3 element */
border-bottom:1px solid #E4E4E4;
margin:5px 0px;
color:#116200;
font-family:"Century Gothic","Trebuchet MS","Arial Narrow",Arial,sans-serif;
font-weight:normal;
font-size:1.5em;
text-transform:uppercase;
text-align:right;
}
#subcontent ul{
/* defines generic list container element */
margin:0;
padding:0;
}
#subcontent ul li{
/* defines generic list element */
list-style:none;
}
/* subcontent menus internal link styling */
#subcontent ul li a{
width:150px;
padding:5px 0px 0px 5px;
display:block;
background-image:url(Icons/Icon-Submenu.gif);
background-position:145px;
background-repeat:no-repeat;
color:#623B00;
text-decoration:underline;
}
#subcontent ul li a:hover, #subcontent ul li a:focus, #subcontent ul li a:active{
background-image:url(Icons/Icon-Submenu-Hover.gif);
text-decoration:none;
}
/* subcontent menus external link styling */
#subcontent ul li a.external{
width:150px;
padding:5px 0px 0px 5px;
display:block;
background: url(Icons/subcontent-new-window.gif) 100% 60% no-repeat;
color:#623B00;
text-decoration:underline;
}
#subcontent ul li a.external:hover, #subcontent ul li a.external:focus, #subcontent ul li a.external:active{
background-image:url(Icons/subcontent-new-window-hover.gif);
text-decoration:none;
}
#calender{
/* defines container for calender element */
margin:5px 0px 10px 0px;
}
#calender table{
/* define table for calender */
border:1px solid #3a7f00;
width:100%;
text-align:center;
height:150px;
}
#calender table td{
/* set column width */
width:14%;
}
#calender table .controls{
/* style event controls */
background-color:#BAC994;
font-weight:bold;
}
#calender table .controls a{
/* style control links */
color:#FFF;
text-decoration:underline;
}
#calender table .controls a:hover{
/* style link controls */
color:#FFF;
text-decoration:none;
}
#calender table .title{
/* style calender titles */
background-color:#CBD6AD;
}
#calender table .days td{
/* style day columns */
background-color:#DEE6CC;
}
#calender table .days a{
/* style day links */
color:#116200;
text-decoration:underline;
}
#calender table .days a:hover{
/* style day links */
color:#116200;
text-decoration:none;
}
#calender table td.empty{
/* style empty cells */
background-color:#E4E4E4;
}
#calender table td.event{
/* style event cells */
background-color:#690;
}
#calender table td.event a{
/* style event links */
color:#FFF;
text-decoration:underline;
}
#calender table td.event a:hover{
/* style event links */
color:#FFF;
text-decoration:none;
}
#pages{
}
#categories{
}
#feeds{
}
#links{
}
#login{
}
#notification{
/* defines container for notification element */
padding:15% 0;
text-align:center;
}
#notification h1{
/* defines notification h1 element */
margin:5px 0px;
color:#116200;
font-family:"Century Gothic","Trebuchet MS","Arial Narrow",Arial,sans-serif;
font-weight:normal;
font-size:25px;
text-transform:uppercase;
}
#notification a{
/* defines notification link styles */
color:#3a7f00;
text-decoration:underline;
}
#notification a:hover, #notification a:focus, #notification a:active{
/* defines notification link hover styles */
color:#3a7f00;
text-decoration:none;
}
#screenshot{
margin:0px auto;
padding:5px;
background-image:url(Common/screenshot-background.gif);
background-position:left top;
background-repeat:repeat-x;
text-align:center;
text-align:center;
overflow:visible;
}
#screenshot img{
border:1px solid #623B00;
margin:6px;
padding:3px;
background-color:#EFEFD6;
}
#footer{
/* style footer element */
padding:2px 5px;
border-top:1px solid #939D82;
margin:10px 0px 0px 0px;
background-color:#FFF;
background-image:url(Common/footer-background.gif);
background-position:left top;
background-repeat:repeat-x;
text-align:right;
font-size:0.9em;
}
/* footer internal link styling */
#footer a{
color:#3a7f00;
text-decoration:underline;
}
#footer a:hover, #footer a:focus, #footer a:active{
color:#3a7f00;
text-decoration:none;
}
/* footer external link styling */
#footer a.external{
color:#3a7f00;
text-decoration:underline;
padding-right:18px;
background: url(Icons/footer-new-window.gif) 100% 60% no-repeat;
}
#footer a.external:hover, #footer a.external:focus, #footer a.external:active{
color:#3a7f00;
text-decoration:none;
background: url(Icons/footer-new-window-hover.gif) 100% 60% no-repeat;
}
/* begin article style definitions */
.article{
margin-bottom:5px;
padding-bottom:10px;
border-bottom:1px solid #E4E4E4;
}
.article hr{
/*margin:15px 0 5px 0;*/
}
h1.articleheader{
line-height:1.33em;
padding-left:1.6em;
background:url(Common/article.png) left top no-repeat;
}
#content ul.articledetails{
margin:0 0 10px 0;
padding:0;
}
#content ul.articledetails li{
margin:0 5px 0 0;
padding:0;
/*margin-right:5px;*/
list-style:none;
display:inline;
}
#articleintroduction{
/*border-bottom:1px solid #E4E4E4;*/
/*color:#99B198;*/
/*font-family:Helvetica,Arial,sans-serif;*/
/*font-size:110%;*/
/*line-height:20px;*/
padding:0 0 10px 22px;
background: url(Icons/leftquote.gif) top left no-repeat;
border-bottom:1px solid #EFEFD6;
margin-bottom:10px;
}
#articleintroduction #rq{
height:12px;
width:25px;
float:right;
margin-top:-17px;
background: url(Icons/rightquote.gif) bottom right no-repeat;
}
p.articledetails{
margin-bottom:5px;
text-align:right;
/*font-size:110%;*/
}
.articleimages{
}
.articleimages img{
border:1px solid #E4E4E4;
padding:3px;
margin:3px;
}
/* begin comment style definitions */
#comments{
}
#comments h1, #comments h3, #comments p{
margin:5px 0;
}
.comment{
/*padding:5px 0px;*/
padding:5px;
margin-bottom:5px;
border:1px solid #E4E4E4;
background-color:#F6F5F9;
}
#content ul.commentdetails{
margin:0;
padding:0;
}
#content ul.commentdetails li{
margin:0 5px 0 0;
padding:0;
/*margin-right:5px;*/
list-style:none;
display:inline;
}
#commentform{
}
#commentform h1{
}
#commentform p{
margin:10px 0px;
}
#commentform textarea{
width:522px;
height:125px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
}
#commentform fieldset{
border:0 none;
margin:0;
padding:0;
}
#commentform p#datefield{
position: absolute;
left:-2000px;
}
/* begin events styling */
#events{
}
.event{
}
h3.eventheader{
}
ul.eventdetails{
margin:0;
padding:0;
}
ul.eventdetails li{
margin-right:5px;
list-style:none;
display:inline;
}
.event p{
margin:5px 0px;
}
#search{
}
.search{
}
h1.searchheader{
}
ul.searchdetails{
margin:0;
padding:0;
}
ul.searchdetails li{
margin-right:5px;
list-style:none;
display:inline;
}
#searchintroduction{
border-bottom:1px solid #E4E4E4;
color:#99B198;
font-family:Helvetica,Arial,sans-serif;
font-size:110%;
line-height:20px;
}
p.searchdetails{
margin-bottom:5px;
background-image:url(Icons/Icon-Extra.gif);
background-position:460px 4px;
background-repeat:no-repeat;
font-size:110%;
text-align:right;
}
.searchimages{
}
.searchimages img{
border:1px solid #E4E4E4;
padding:3px;
margin:3px;
}
#searchpages{
text-align:right;
}
.clear{
clear:both;
}
/* miscellaneous elements */
img{
border:none;
}
form{
margin:0;
padding:0;
}
/* added elements*/
hr{
height:1px;
color:#E4E4E4;
background-color:#E4E4E4;
border-style:none;
}
acronym{
cursor:help;
border-bottom:1px dotted #116200;
}
.code{
border:1px solid #E4E4E4;
padding:5px;
/*font-family:"Times New Roman",Times,serif;*/
font-family:Lucida Console, Monaco, monospace;
/*font-size:1.1em;*/
font-size:1em;
letter-spacing:-0.05em;
line-height:1.2em;
color:#3a7f00;
background-color:#F6F5F9;
}
.highlight{
color:#116200;
/*font-family:"Times New Roman",Times,serif;*/
/*font-size:1.1em;*/
font-family:Lucida Console, Monaco, monospace;
font-size:1em;
letter-spacing:-0.05em;
}
#AdSense{
/*margin:10px 0 0 0px;*/
position:absolute; 
bottom:25px !important;
bottom:30px;
left:10px
}
.left{float:left;}
.right{float:right;margin-right:4px;}
/* sidebar content (paragraphs only!) internal link styling */
#subcontent p a{
color:#623B00;
text-decoration:underline;
}
#subcontent p a:hover, #subcontent p a:focus, #subcontent p a:active{
text-decoration:none;
}
/* sidebar content (paragraphs only!) external link styling */
#subcontent p a.external{
padding-right:18px;
background: url(Icons/sidebar-new-window.gif) 100% 60% no-repeat;
color:#623B00;
text-decoration:underline;
}
#subcontent p a.external:hover, #subcontent p a.external:focus, #subcontent p a.external:active{
text-decoration:none;
}
#footer p{
display:inline;
font-size:0.1em;
}
#footer img{
vertical-align:middle;
}
#content #articlepaging ul{
display:inline;
list-style: none;
margin:0;
padding:0;
}
#content #articlepaging li{
display:inline;
margin:0 10px 0 0;
padding:0;
}
#content #search ul{
display:inline;
list-style: none;
margin:0;
padding:0;
}
#content #search li{
display:inline;
margin:0 2px 0 0;
padding:0;
font-weight:bold;
}
#content #search li a{
text-decoration:none;
}
#content #search li a:hover, #content #search li a:focus, #content #search li a:active{
text-decoration:underline;
background-color:#F6F5F9;
}
/* contact form css */
#contactForm{
width:100%;
text-align:center;
}
#contactForm fieldset{
display:inline;
margin:0 auto;
text-align:left;
border:1px solid #D2D2CA;
padding:10px 0 10px 0;
}
#contactForm label{
clear:left;
float:left;
width:100px;
margin:11px 10px 0 12px;
font-size:1em;
color:#666;
}
#contactForm #name, #contactForm #email_address, #contactForm #enquiry{
float:left;
width:300px;
font-size:1em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:10px 12px 0 0;
border:1px solid #AAAAAF;
padding:1px 2px;
}
#contactForm #send{
clear:left;
float:left;
width:9em;
margin:10px 0 0 122px;
}
#contactFormErrors{
margin-bottom:10px;
}
#contactFormErrors h2{
margin:0;
color:#8C404C;
}
#contactFormErrors h3{
margin:0;
color:#8C404C;
}
/* Postcode Locator */
#postcodeform {margin:20px 0;}
#results {margin:0 1px 10px 1px;}
#results td, #results th {padding:0 20px;}
#map {
width:525px; 
height:525px;
border:1px solid #e4e4e4;
}
#map h3 {
margin:10px;
color:#e60000;
font-weight:bold;
}
#map h5 {
margin:10px;
font-weight:bold;
}



/* New Colours??? */

colours {
color:#003900;
color:#003900;
color:#116200;
color:#3A7F00;
color:#4FAD00;
}
