html {
    color: #030;}

body * {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: verdana, "lucida grande", helvetica, arial, sans-serif;
    font-size: 80%;
    color: #030;
    background: #fefcf1 url(/assets/images/footerbg.png) no-repeat left bottom;
    margin: 0;
    padding: 0;
}

/* -----------------------------------------------------------------------
BASIC LAYOUT ELEMENTS
----------------------------------------------------------------------- */

#header {
    background: #fefcf1 url(/assets/images/training-young-people.png) no-repeat right center;
    width: 68%;
    min-width: 750px;
    max-width: 870px;
    margin: 0 auto;
}

#panorama {
	background: #173303 url(/assets/masthead.jpg) no-repeat center;
	height: 130px;
	border-top: 3px solid #173303;
	border-bottom: 3px solid #173303;
}

#panorama img {
    position: absolute;
    top: 130px;
    margin-left: 16%;
}

#content {
    background-color: #fefcf1;
	color: #030;
    position: relative;
    line-height: 1.6;
    margin: 35px auto 0 auto;
    padding-bottom: 3em;
	width: 68%;
	min-width: 750px;
	max-width: 870px;
    min-height: 60em;
}

#inner {
    padding-left: 230px;
    overflow: hidden;
}

.leftcol {
    float: left;
    width: 48%;
    overflow: hidden;
}

.rightcol {
    float: right;
    width: 42%;
    border-left: 1px solid #EFE8C4;
    padding-left: 20px;
    overflow: hidden;
}

.gardenleftcol {
    float: left;
    width: 300px;
    overflow: hidden;
}

.gardenrightcol {
    margin-left: 20px;
    border-left: 1px solid #EFE8C4;
    padding-left: 20px;
    overflow: hidden;
}

/* -----------------------------------------------------------------------
SITE NAVIGATION
----------------------------------------------------------------------- */

a:link, a:visited {
	color: #8F2B0E;
}

a:visited {
    text-decoration: none;
}

a:hover {
     color: #173303;
	background: #EFE8C4;
}

h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
    color: #030;
    text-decoration: none;
    border-bottom: 1px solid #fefcf1;
}

h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus {
    color: #030;
    text-decoration: none;
    border-bottom: 1px solid #71823B;
}

#skip {
    list-style-type: none;
    position: absolute;
    left: -3000em;
    top: -3000em;
}

#skip a:link, #skip a:visited {
	color: #fefcf1;
}

#skip a:hover, #skip a:active, #skip a:focus {
	color: #8f2b0e;
}

#nav {
    position: absolute;
    top: 0;
    left: 20px;
    width: 190px;
    font-family: georgia, serif;
}

#nav ul, #content #nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav ul li {
    border-bottom: 1px solid #71823b;
}

#nav ul ul li {
    border-top: 1px solid #efe8c4;
    border-bottom: none;
}

#content #nav li.currentpage {
	padding: 0.25em 10px 0.25em 25px;
	font-weight: bold;
    background: #fefcf1 url(/assets/images/menu-hover.png) no-repeat 0 5px;
}

#content #nav li.activeparent {
	padding: 0.25em 10px 0.25em 0;
	font-weight: bold;
    background: #fefcf1;
}

#nav li a {
	padding: 0.25em 10px 0.25em 25px;
	width: 155px;
	display: block;
	text-decoration: none;
	font-weight: bold;
}

#nav li.currentpage ul {
	margin: 0 0 0 -15px;
	padding: 0;
	list-style-type: none;
}

#nav li.activeparent ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

#nav li.currentpage li a,
#nav li.activeparent li a {
    padding: 0.25em 10px 0.25em 25px;
	width: 145px;
	font-weight: normal;
}

#content #nav li.activeparent li.currentpage {
    font-weight: normal;
}

#nav li a:link, #nav li a:visited {
	color: #173303;
	background-color: #fefcf1;
}

#nav li a:hover {
	color: #8F2B0E;
	background: #EFE8C4;
}

#nav li.currentpage li a:link, #nav li.currentpage li a:visited,
#nav li.activeparent li a:link, #nav li.activeparent li a:visited {
	color: #8F2B0E;
	background-color: #fefcf1;
}

#nav li.currentpage li a:hover,
#nav li.activeparent li a:hover {
	color: #173303;
	background: #efe8c4;
}

.sitemap li {
    margin-top: 0.5em;
    font-weight: bold;
}

.sitemap li li {
    font-weight: normal;
}

.sitemap ul {
    margin-bottom: 1em;
}

#content ul {
    margin-bottom: 1em;
}

#search {
    margin-top: 20px;
}

#search #cntnt01searchinput {
	border: 1px solid #060;
}

#footer {
    color: #1f4605;
    background: transparent url(/assets/images/footergrass.png) no-repeat right bottom;
    margin: 0 auto;
	border-top: 1em solid #fefcf1;
    padding: 2em 70px 3em 70px;
    text-align: center;
    clear: both;
    line-height: 1.6;
}

#footer ul, #footer li {
    margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer li {
    display: inline;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 0.9em;
}

#footer p {
    font-size: 0.85em;
}

#footer a.feed {
    background: #fefcf1 url(/assets/images/rss16x16.png) no-repeat left center;
    padding: 5px 0 5px 20px;
}

h1 {
    padding: 0.65em 0 0.65em 50px;
    font: 300 2.7em georgia, serif;
    color: #030;
    font-variant: small-caps;
    letter-spacing:-0.05em;
	background: #fefcf1 url(/assets/images/grass-clump.png) no-repeat 0 0;
}

h2 {
    padding: 0.65em 0 0.2em 0;
    font: 300 1.8em georgia, serif;
    color: #030;
    font-variant: small-caps;
    letter-spacing:-0.05em;
}

#content h3 {
    padding-top: 1em;
}

#header {
    font: 300 2.7em georgia, serif;
    color: #173303;
    font-variant: small-caps;
    letter-spacing:-0.05em;
    padding: 0;
}

#header a {
    display: block;
    padding: 10px 0 10px 70px;
    text-decoration: none;
    color: #173303;
    background: transparent url(/assets/images/logo.png) no-repeat left center;
}

#header span {
    font-size: 0.5em;
    line-height: 1;
    position: absolute;
    left: -3000em;
    top: -3000em;
}

h3 {
    padding: 0.35em 0 0.2em 0;
    font: 300 1.4em georgia, serif;
    color: #030;
    letter-spacing:-0.05em;
}

h2 a {
    text-decoration: none;
}

h2.taster a {
    padding-bottom: 105px;
    display: block;
}

h2.about a {
    background: #fefcf1 url(/assets/images/taster-about.jpg) no-repeat center bottom;
}

h2.hall a {
    background: #fefcf1 url(/assets/images/taster-hall.jpg) no-repeat center bottom;
}

h2.garden a {
    background: #fefcf1 url(/assets/images/taster-garden.jpg) no-repeat center bottom;
}

h2.training a {
    background: #fefcf1 url(/assets/images/taster-training.jpg) no-repeat center bottom;
}

h2.events a {
    background: #fefcf1 url(/assets/images/taster-events.jpg) no-repeat center bottom;
}

h2.education a {
    background: #fefcf1 url(/assets/images/taster-education.jpg) no-repeat center bottom;
}

h2.friends {
    padding-bottom: 105px;
    background: #fefcf1 url(/assets/images/taster-friends.jpg) no-repeat center bottom;
}

p#taster-map a {
    display: block;
    width: 300px;
    height: 110px;
    background: #fefcf1 url(/assets/images/taster-map.png) no-repeat left bottom;
    text-indent: -3000em;
}

#inner p {
    margin-bottom: 0.9em;
}

#inner ul ul li {
    margin-left: 0.75em;
}

.offscreen {
    position: absolute;
    left: -3000em;
    top: -3000em;
    height: 1px;
}

.bold,
ul.price {
    font-weight: bold;
}

ul.price {
    margin-left: 1em;
    margin-bottom: 1em;
}

ul.price li {
    position: relative;
}

ul.price li span {
    position: absolute;
    left: 20em;
}

p.funders {
    background-color: #fff;
    margin-top: 2em;
    padding: 10px;
}

p.funders img {
    padding: 10px;
}

input {
     font-size: 1.1em;
     padding: 0.2em;
}

input.button,
input.ffsubmit {
    width: auto;
    font-size: 1.3em;
    padding: 0.2em 0.4em;
	color: #fff;
	background-color: #8f2b0e;
    display: block;
    margin-top: 0.75em;
}

#content li {
    margin-left: 1em;
}

/* -----------------------------------------------------------------------
HALL BOOKING CALENDAR
----------------------------------------------------------------------- */

#bookings {
    margin: 0px;
    border-collapse: collapse;
    border: 1px solid #475f2d;
}

#bookings th {
    border: 1px solid #475f2d;
    padding: 3px;
    width: 75px;
}

#bookings td {
    border: 1px solid #475f2d;
    vertical-align: top;
    padding: 3px;
    height: 75px;
    width: 75px;
}

/* format summaries nicely in #bookings */
#bookings ul {
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
}

#bookings li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#bookings td {
    background-color: #efe9c2;
}

#bookings .calendar-day {
    background-color: #efe9c2;
}

#bookings .calendar-today {
    font-weight: normal;
    color: #EFE9C2;
    background-color: #71823b;
}

caption {
   padding-bottom: 1em;
	font-weight: bold;
    font-size: 1.2em;
}

.calendar-prev a, .calendar-next a {
	text-decoration: none;
}

/* -----------------------------------------------------------------------
WHAT'S ON CALENDAR
----------------------------------------------------------------------- */

#whatson {
    margin: 0px;
    border-collapse: collapse;
    border: 1px solid #475f2d;
}

#whatson th {
    border: 1px solid #475f2d;
    padding: 3px;
    width: 75px;
}

#whatson td {
    border: 1px solid #475f2d;
    vertical-align: top;
    padding: 3px;
    height: 75px;
    width: 75px;
}

/* format summaries nicely in #whatson */
#whatson ul {
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
}

#whatson li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#whatson td {
    background-color: #efe9c2;
}

#whatson .calendar-day {
    background-color: #efe9c2;
}

#whatson .calendar-today {
    font-weight: normal;
    color: #efe9c2;
    background-color: #71823b;
}

#map {
    width: 500px;
    height: 400px;
}

img#tflplanner {
    height: 125px;
    width: 125px;
    float: right;
    margin: 0 0 20px 20px;
}

/* -----------------------------------------------------------------------
NEWS EVENTS PAGES
----------------------------------------------------------------------- */

#content ul.news,
#content ul.news li,
#content li.NewsSummary,
#content .calendar-upcominglist,
#content ul li.calendar-event {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

ul.news li {
    padding-bottom: 1em;
}

.meta {
    font-weight: bold;
    font-size: 0.9em;
    padding-bottom: 0.75em;
}

li .meta {
    padding-bottom: 0;
}

.calendar-date-from {
    font-weight: bold;
    font: 300 1.3em georgia, serif;
    letter-spacing:-0.05em;
    padding-bottom: 1em;
}

.intro,
.calendar-intro,
#NewsPostDetailSummary {
    font-weight: bold;
}

#NewsPostDetailSummary {
    margin-bottom: 1em;
}

.homenews li span {
    display: block;
}

/* -----------------------------------------------------------------------
FORMS
----------------------------------------------------------------------- */

form .contact p {
    margin-top: 1em;
}

form .contact textarea {
    width: 100%;
border: 1px solid #173303;
}

form .contact input {
    border: 1px solid #173303;
}

/* -----------------------------------------------------------------------
IMAGES WITH CAPTIONS
----------------------------------------------------------------------- */

.arc90_imgcaptionTXT {
	font-size: .8em;
	color: #666;
	text-align: left;
}
.arc90_imgcaption {
	text-align: center;
	border: 1px solid #efe8c4;
	padding: 1em;
	margin: 1em 0;
	width: 9em;
}
.floatl { float: left; margin-right: 1em; }
.floatr { float: right; margin-left: 1em; }

/* -----------------------------------------------------------------------
BIRD INSECT SIGHTINGS
----------------------------------------------------------------------- */

table#sightings {

}

#content table#sightings th, #content table#sightings td {
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #71823b;
}

table#sightings thead th {
    font-size: 0.8em;
}

table#sightings tbody th {
    font-weight: normal;
}

table#sightings tbody th, table#sightings tbody td {
    padding: 5px 10px;
}

table#sightings thead th {
    color: #fefcf1;
    background-color: #71823b;
    padding: 5px 10px;
}

table#sightings tbody .section {
    background-color: #efe9c2;
    font-weight: bold;
}