@charset "utf-8";
/* CSS Document for Little Dunmow */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #3D2E1F; background: #AAA39D url(images/body-bkg.jpg) repeat-x top;}

.bold {font-weight: bold;}
.boldlight {font-weight: bold; color: #A69A8E;}
.lgebold {font: bold 110%  Verdana, Arial, Helvetica, sans-serif;}
p {padding-bottom: 15px}
p.nopad {margin-bottom: 0px;}
h2 {font: 200% Arial, Helvetica, sans-serif; color: #3D2E1F; border-bottom: 1px solid #A69A8E; margin-bottom: 15px; padding-bottom: 15px;}
h3 {font: 160% Arial, Helvetica, sans-serif; color: #3D2E1F; margin-bottom: 5px;}

.wrapper {width: 994px; margin: auto auto; background: #FFF;}

.headertop {background: none; width: 994px; margin: auto auto; height: 90px;}
.logo {float: left; border: none; width: 400px; padding-bottom: 5px; }
h1.sentence {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #AAA39D; width: 450px; float: right; text-align: right; position: relative; top: 40px;}

.nav {position: relative; top: -4px;}
.nav ul li {list-style-type: none; display: inline;}
.nav a:link, .nav a:visited {border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; background: #ABA095 url(images/nav-bkg.jpg) repeat-x bottom; padding: 3px 9px 5px 8px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; line-height: 25px;}
.nav a#last:link, .nav a#last:visited {border-right: 1px solid #FFF;}
.nav a:hover {background: #4C3F31;}

.headerpic {border-left: 1px solid #FFF; border-right: 1px solid #FFF; position: relative; top: -4px;}

.email {background-color: #A69A8E; border: 1px solid #FFF; text-align: left; color: #FFF; line-height: 24px; padding-left: 7px; margin-top: -4px;}
.email a:link, .email a:visited {text-decoration: underline; color: #FFF;}
.email a:hover {text-decoration: none;}

.content {background: #FFF; padding: 26px 30px 30px 30px;}
.content a:link, .content a:visited, .contentright a:link, .contentright a:visited {color: #3D2E1F;}
.contentright { float: right; width: 684px; padding: 26px 30px 30px 30px; }
.contentright .featurebox {background: #ECEAE8; padding: 15px 15px 0px 15px; margin-bottom: 15px;}
.contentright .featurebox ul, .contentright ul {padding-bottom: 15px;}
.contentright .featurebox ul li, .archive ul li, .contentright ul li {list-style-type: square; list-style-position: outside; margin-left: 18px; margin-bottom: 7px;}
.contentright ol li {list-style-position: outside; margin-left: 18px; margin-bottom: 5px;}

.rightsection {float: right; border-left: 50px solid #FFF; width: 250px;}
.rightsection .top {background: #806F5E url(images/rightsection-top-bkg.jpg) repeat-x top; border-bottom: 1px solid #58422C; line-height: 24px; color: #FFF; font-weight: bold; padding-right: 7px; text-align: right;}
.rightsection .mid {background: #DED9D5; padding: 15px; text-align: right; margin-bottom: 15px;}
.rightsection .mid img {border: 1px solid #A7825C; background: #FFF; padding: 10px; margin-bottom: 10px;}
.rightsection .mid a:link, .rightsection .mid a:visited {color: #3D2E1F; background: url(images/arrow.gif) no-repeat right; padding-right: 15px; clear: both}
.rightsection .mid a:hover {text-decoration: none;}

.featuresection {padding-top: 5px; margin-bottom: 10px; margin-top: 10px;}
.featuresection h3 {background: url(images/featuresection-h3-bkg.jpg) no-repeat; color: #FFF; padding-left: 7px; line-height: 24px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px; margin-bottom: 10px;}
.featuresection p {padding-left: 5px;}
.featuresection p.bold {margin-bottom: 0px;}

.clear {clear: both; line-height: 1px;}

.footer {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; clear: both; width: 994px; margin: auto auto;}
.footer p.left {float: left; width: 500px; line-height: 18px;}
.footer p.right {float: right; width: 400px; text-align: right; line-height: 18px;}
.footer a:link, .footer a:visited {color: #FFF;}
.footer a:hover {text-decoration: none;}

img.right {float: right; margin-left: 50px; border: 10px solid #DED9D5; margin-bottom: 50px;}
img.rightnoborder {float: right; margin-left: 50px; margin-bottom: 50px;}

.subnav {float: left; border: 20px solid #FFF; width: 210px; }
.subnav ul li {list-style-type: none;}
.subnav a:link, .subnav a:visited {background: #58422C url(images/arrow-subnav.gif) no-repeat right; color: #FFF; width: 200px; line-height: 25px; padding-left: 10px; display: block; border-bottom: 1px solid #D1CAC4; text-decoration: none;}
.subnav a:hover {background: #D1CAC4 url(images/arrow-o.gif) no-repeat right; color: #58422C;}
.subnav ul li.active {background: #D1CAC4; color: #58422C; width: 200px; line-height: 25px; padding-left: 10px; display: block; border-bottom: 1px solid #58422C; font-weight: bold;}

p.boldright a:link, p.boldright a:visited {font-weight: bold; text-align: right; color: #3D2E1F;}
p.boldright a:hover {text-decoration: none;}

.gallerypage {float: left; width: 140px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #E4E4E4; text-align: center; padding: 10px 0px; background: #F4F4F4;}
.gallerypage img {border: 1px solid #E4E4E4; margin-bottom: 10px;}
.gallerypage a:link, .gallerypage a:visited {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
.gallerypage a:hover {text-decoration: none;}

.archive {margin-bottom: 10px; border: 1px solid #E4E4E4; padding: 5px; background: #F4F4F4;}

.separatorline {border-bottom: 1px dotted #AAA39D; height: 1px; margin-bottom: 15px;}