/*
Dark bronze: #8F8460
Dark red: #A53B3F
Dark grey: #999999
*/

body { font-family: helvetica, verdana, arial, sans-serif; margin-top: 10px;}

#wrapper {border: 1px solid #666666; width: 740px; margin: 0 auto;}

#header {height: 100px; background: #8F8460 url(/images/header_fade.jpg) repeat-x top left; color:#fff;}

#header #logo {float: left; width: 340px; padding: 0 0 0 14px;}

#header #headergraphic {float: right; width: 340px; padding: 0; }

#nav1 {background: #A53B3F url(/images/nav1_bg.jpg) repeat-x top left; color:#fff; padding: 0.5em 20px; font-size: 90%;}

#nav2 {background: #999999 url(/images/nav2_bg.jpg) repeat-x top left; color:#fff; padding: 0.5em 20px; font-size: 80%;}

#mainarea {padding: 0; font-size: 90%; color: #666666;}

#mainarea #left {float: left; width: 160px; padding: 0;}

#mainarea #left p.credit {font-size: 80%; text-align: right; margin:0; padding:0.25em 0 0 10px;}

#mainarea #maintext {float: left; width: 538px; min-height: 260px; padding: 0.5em 20px;}

#clear {clear:both; height: 0px;}
.clear {clear:both; height: 0px;}

#footer {text-align: right; padding: 1em 1em 0 0; font-size: 80%; width: 740px; margin: 0 auto; color: #666666;}

#footer span {padding-left: 1.5em; margin-left: 1.5em; border-left: 1px solid #666666;}

#footer a {background: inherit; color: #8F8460; text-decoration: none;}

#maintext p {line-height: 1.5em; }

#maintext h1 {font-size: 140%; font-weight: bold; color: #A53B3F; font-family: georgia, serif;}
#maintext h2 {font-size: 120%; font-weight: bold; color: #8F8460; font-family: georgia, serif;}

#maintext li {padding-bottom: 0.5em;}

#nav1 ul { padding: 0; margin: 0; display: inline;}
#nav1 ul li {list-style: none; display: inline; padding: 0.5em 1.5em 0.5em 0; margin: 0px;}
#nav1 ul li a {color: #ccc; text-decoration: none; }
#nav1 ul li a.selected {color: #fff; text-decoration: none; }
#nav1 ul li a:hover {color: #fff; text-decoration: none; }

#nav2 ul { padding: 0; margin: 0; display: inline;}
#nav2 ul li {list-style: none; display: inline; padding: 0.5em 1.5em 0.5em 0; margin: 0px;}
#nav2 ul li a {color: #ECEBE5; text-decoration: none; }
#nav2 ul li a.selected {color: #fff; text-decoration: none; }
#nav2 ul li a:hover {color: #fff; text-decoration: none; }

#nav2 .rightarrow {padding-right: 1.5em; font-weight:bold;}

img {border: 0px;}

a {background: inherit; color: #A53B3F;}

#contactform {border: 1px solid #8F8460; width: 80%; padding: 1em 1em 0 1em; background: #E9E6DF url(/images/colourback_fade.jpg) repeat-x top left; color: inherit;}
div.formrow {clear: both; padding: 0 0 10px 10px; margin-bottom: 2em; height: 1px;}
div.formrow span.formlabel {float: left; width: 30%; text-align: left; padding: 0px;}
div.formrow span.formfield {float: left; width: 60%; text-align: left; padding: 0 0 0 1em;} 
p.address {clear: both; padding: 0 0 0.5em 0;}
p.address span.addresslabel {float: left; width: 15%; text-align: left; padding: 0px; color: #A53B3F; background: inherit;}
p.address span.addressdetail {float: left; width: 75%; text-align: left; padding-left: 1em;}
p.table {clear: both; padding: 0 0 0.5em 0;}
p.table span.col1 {float: left; width: 40%; text-align: left; padding: 0px; color: #A53B3F; background: inherit;}
p.table span.col2 {float: left; width: 40%; text-align: left; padding-left: 1em;}
div.formrow textarea {margin: 0 0 1em 0; width: 100%;}

p.topPad2em {padding-top: 1em; clear: both;}
p.noBotMargin {margin-bottom: 0em;}

.colourback {border: 1px solid #8F8460; padding: 1em 1em 0 1em; background: #E9E6DF url(/images/colourback_fade.jpg) repeat-x top left; color: inherit;}
.colourback p { padding: 0; margin: 0;}
.colourback ul.cols { padding-top: 0; width: 40%; float: left;}
.colourback ul li { padding-bottom: 0.5em;}

#maintext h1 {margin: 0.75em 0;}
#maintext h2 {margin: 0.75em 0;}
#maintext h3 {margin: 0.5em 0;}
#maintext p {margin: 0 0 1em 0;}
#maintext ul {margin-top: 0.5em;}

img.right {float: right; margin: 0 0 10px 20px;}
img.greyBorder {border: 1px solid #999999;}
img.thumbs {margin: 0 4px 20px 0; vertical-align: top;}
img.last {margin-right: 0;}

.defra {color: #8F8460; background: inherit; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; clear: both;}
.defra img {margin: 0 10px 10px 0; float: left;}


.backToTop {
	padding: 0.5em 0;
	text-align: right;
}

.gallery {clear: both; margin-bottom: 1em; border-bottom: 1px solid #bbbbbb;}
.gallery img {float: right; margin: 0 0 1em 10px; border: 1px solid #bbbbbb;}
.gallery p {margin: 0; padding: 0;}

.exhibition {
	border: 1px solid #cccccc;
	background: #eeeeee;
}

#left img.notTop {
	margin-top: 20px;
}