/* CSS Document */

body {font: 100% arial, sans-serif;
height:100%;
line-height:1.1em;
	}
* {margin:0; padding:0;}
* img {display:block}
li {
list-style:none;
}
a img {
border:none;
}
ul.bulleted li {
list-style:disc;
padding-top: 5px;
}
.logolink {
text-decoration:none;
font-weight:normal;
}
ul.bulleted {
margin:10px 0 10px 30px;
}
.clear {
clear:both;
}
.narrow {
display:block;
width:200px;
text-align:left;}
.clearleft {
clear:left;
}
.clearright {
clear:right;
}
textarea {
overflow:scroll;
}

a {
color:#0d852d;
text-decoration:underline;
font-weight:bold;
}

a:visited {
color:#669966;
}
a:hover {
color:#E77b3b;
}
h1 {
font-size:1.2em;
font-weight:bold;
background:url(images/underline.jpg) no-repeat bottom left;
display:block;
padding-bottom:10px;
margin:10px 0 7px 0;
color:#000000;
clear:left;
text-align:left;
}
h1.noclear {
clear:none;
background-position:bottom right;
}
h2 {
font-size:1.1em;
font-weight:bold;
display:block;
padding:10px 0 7px 0;
color:#000000;
}
h2 a {
padding-left:30px;
background:url(images/greenarrow.jpg) no-repeat left;
}
h2 a:hover {
padding-left:30px;
background:url(images/orangearrow.jpg) no-repeat left;
}
.bold {
display:inline;
font-weight:bold;
}
.italic {
display:inline;
font-style:italic;
}
#content {
position:relative;
z-index: 0;
width:1015px;

}
.clear {
clear:both;
}
#maincontent {
float:left;
position:relative;
left:0px;
top:0px;
width:500px;
font-size:.85em;
text-align:left;
z-index:6;
color:#333333;
}
/*.spacer {
height:300px;
}*/

/*#secondarycontent {
width: 180px;
float: right;
}*/
table {
border-collapse:separate;
border:1px solid #666;
text-align:center;
font-size:.9em;
}
.tablehead {
font-weight:bold;
background-color:#0d852d;
color:#FFFFFF;
font-size:.9em;
}
.red {
color:#FF0000;
font-weight:bold;
}
.green {
color:#00CC33;
font-weight:bold;
}

#sidenav {
width: 230px;
position:relative;
left:25px;
top: 50px;
z-index:5;
font-weight:bold;
float:left;
padding-bottom:80px;
margin-right:30px;
}
#sidenav li{
background:url(images/greenmenu.jpg) repeat-y;
padding-left:5px;
}

#sidenav a{
display:block;
width:230px;
line-height:22px;
margin-bottom:5px;
text-decoration:none;
text-indent:27px;
color:#000000;
font-size:.8em;
}
#aboutus #sidenav a {
background:url(images/logo_up.gif) no-repeat left;
}
#recording #sidenav a {
background:url(images/flowersmallgreen.jpg) no-repeat left;
}
#information #sidenav a {
background:url(images/info_up.gif) no-repeat left;
}
#enquiries #sidenav a {
background:url(images/qmark_up.gif) no-repeat left;
}
#contactus #sidenav a {
background:url(images/phone_up.gif) no-repeat left;
}
#links #sidenav a {
background:url(images/arrow_up.gif) no-repeat left;
}


#sidenav #orange a, #orange a:hover{
cursor:default;
color:black;
}
#aboutus #sidenav #orange a, #orange a:hover
{background:url(images/logo_down.gif) no-repeat left;
}
#recording #sidenav #orange a, #orange a:hover
{background:url(images/orangeflowersmall.gif) no-repeat left;
}
#information #sidenav #orange a, #orange a:hover
{background:url(images/info_down.gif) no-repeat left;
}
#enquiries #sidenav #orange a, #orange a:hover
{background:url(images/qmark_down.gif) no-repeat left;
}
#contactus #sidenav #orange a, #orange a:hover
{background:url(images/phone_down.gif) no-repeat left;
}
#links #sidenav #orange a, #orange a:hover
{background:url(images/arrow_down.gif) no-repeat left;
}

li#orange {
background:url(images/orangemenu.jpg) repeat-y;
}

#sidenav a:hover{
color:#E77B3B;
}
#aboutus #sidenav a:hover{
background:url(images/logo_over.gif) no-repeat left;}
#recording #sidenav a:hover{
background:url(images/orangeflowersmall.gif) no-repeat left;}
#information #sidenav a:hover{
background:url(images/info_over.gif) no-repeat left;}
#enquiries #sidenav a:hover{
background:url(images/qmark_over.gif) no-repeat left;}
#contactus #sidenav a:hover{
background:url(images/phone_over.gif) no-repeat left;}
#links #sidenav a:hover{
background:url(images/arrow_over.gif) no-repeat left;}
#top {
width:100%;
height: 64px;
background:url(images/greenstrip2.gif) top left repeat-x;
z-index:0;
}

.logo {
height: 64px;
width: 100px;
position: absolute;
top: 1px;
left: 0px;
background:url(images/logo.gif) top left no-repeat;
}

.grasshoper {
height: 181px;
width: 165px;
position: absolute;
top: -2px;
right: -1px;
background:url(images/grasshoper.jpg) top left no-repeat;
}

.title {
position: absolute;
top: 0px;
left: 100px;
height: 64px;
line-height: 55px;
font-size: 1.5em;
color: white;
background:url(images/greenstrip.gif) top left repeat-x;
font-family: "comic sans MS", cursive;
z-index:1;

}

ul#nav {
margin:0;
padding:0;
list-style:none;
width: 850px;
float: left;
margin-left:15px;
z-index:1;
position:relative;
font-size:0.9em;
font-weight:bold;
}
#nav li {
float:left;
background: url(images/nav/green_left.jpg) no-repeat bottom left;
}
#nav p {
padding: 0 1.5em;
margin-left:5px;
}
.aboutusnav {
background:url(images/nav/logo_white.gif) no-repeat left;
}
.aboutusnav:hover {
background:url(images/nav/logo_orange.gif) no-repeat left;
}
.linksnav {
background:url(images/nav/arrow_white.gif) no-repeat left;
}
.linksnav:hover {
background:url(images/nav/arrow_orange.gif) no-repeat left;
}
.contactusnav {
background:url(images/nav/phone_white.gif) no-repeat left;
}
.contactusnav:hover {
background:url(images/nav/phone_orange.gif) no-repeat left;
}
.informationnav {
background:url(images/nav/info_white.gif) no-repeat left;
}
.informationnav:hover {
background:url(images/nav/info_orange.gif) no-repeat left;
}
.enquiriesnav {
background:url(images/nav/qmark_white.gif) no-repeat left;
}
.enquiriesnav:hover {
background:url(images/nav/qmark_orange.gif) no-repeat left;
}
.recordingnav {
background:url(images/nav/white_flower.gif) no-repeat left;
}
.recordingnav:hover {
background:url(images/nav/orange_flower.gif) no-repeat left;
}

#nav li a {
display: block;
line-height: 2.0em;
background: url(images/nav/green_right.jpg) no-repeat bottom right;
text-decoration: none;
color: #fff;
float: left;
}

#nav a:hover {
color: #E87903;
}
#aboutus #nav .aboutus p {
background: url(images/nav/logo_black.gif) no-repeat left;
color: black;
cursor:default; }
#contactus #nav .contactus p {
background: url(images/nav/phone_black.gif) no-repeat left;
color: black;
cursor:default; }

#links #nav .links p {
background: url(images/nav/arrow_black.gif) no-repeat left;
color: black;
cursor:default; }

#recording #nav .recording p {
background: url(images/nav/black_flower.gif) no-repeat left;
color: black;
cursor:default; }

#links #nav .links p {
background: url(images/nav/arrow_black.gif) no-repeat left;
color: black;
cursor:default; }

#enquiries #nav .enquiries p {
background: url(images/nav/qmark_black.gif) no-repeat left;
color: black;
cursor:default; }
#information #nav .information p {
background: url(images/nav/info_black.gif) no-repeat left;
color: black;
cursor:default; }


#aboutus #nav .aboutus a,
#recording #nav .recording a,
#information #nav .information a,
#enquiries #nav .enquiries a,
#contactus #nav .contactus a,
#links #nav .links a {
background: url(images/nav/orange_right.jpg) no-repeat bottom right;
color: black;
cursor:default;
}

#aboutus #nav li.aboutus,
#recording #nav li.recording,
#information #nav li.information,
#enquiries #nav li.enquiries,
#contactus #nav li.contactus,
#links #nav li.links {
float:left;
background: url(images/nav/orange_left.jpg) no-repeat bottom left;

}

.bottomwrap {
width:100%;
height: 64px;
background:url(images/greenstrip2.gif) top left repeat-x;



}
#bottom {
clear:both;
position:absolute;
left:0px;
width:100%;
height: 177px;
background:url(images/orangestrip.gif) bottom left repeat-x;


}

.flowers {
position: absolute;
width:100%;
bottom: 0px;
height: 52px;
background:url(images/flowers.gif) bottom left no-repeat;
z-index:3;


}
.focus {
position: absolute;
width:100%;
bottom: 0px;
right:0px;
height: 52px;
background:url(images/focus.gif) center right no-repeat;

}
.orangecurve {
position: absolute;
width:100%;
top:0px;
left: 0px;
height:177px;
background:url(images/orangecurve.gif) top left no-repeat;

}
.flowers a {
position:absolute;
top:15px;
left:15px;
font-size:.9em;
font-weight:bold;
color:#FFFFFF;
z-index:9;
padding:2px 2px;
border:2px solid #FFFFFF;
}
.orangecurve a:hover {
color:#0d852d;
}
.divider {
position:absolute;
top:140px;
width: 500px;
height:10px;
background:url(images/divider.jpg) no-repeat;
}
.maintitle {
clear:both;
position:relative;
top:20px;
left:25px;
text-indent:30px;
font-size:1.4em;
font-weight:bold;
color:#000000;
}
#aboutus .maintitle {
background:url(images/logo_large.gif) no-repeat left; 
}
#recording .maintitle {
background:url(images/flowerlarge.jpg) no-repeat left; 
}
#information .maintitle {
background:url(images/info_large.gif) no-repeat left; 
}
#enquiries .maintitle {
background:url(images/qmark_large.gif) no-repeat left; 
}
#contactus .maintitle {
background:url(images/phone_large.gif) no-repeat left; 
}
#links .maintitle {
background:url(images/arrow_large.gif) no-repeat left; 
}

.subtitle {
position:relative;
top:-5px;
text-indent:35px;
font-size:1.4em;
font-weight:bold; 
height: 25px;
line-height:25px;
margin-bottom: 25px;
color:#000000;
}
#aboutus .subtitle {
background:url(images/logo_large.gif) no-repeat left; 
}
#recording .subtitle {

}
#information .subtitle {
background:url(images/info_large.gif) no-repeat left; 
}
#enquiries .subtitle {
background:url(images/qmark_large.gif) no-repeat left; 
}
#contactus .subtitle {
background:url(images/phone_large.gif) no-repeat left; 
}
#links .subtitle {
background:url(images/arrow_large.gif) no-repeat left; 
}
.aboutuslink {
background:url(images/logo_large.gif) no-repeat left; 
padding-left:35px;
}
.recordinglink {
background:url(images/flowerlarge.jpg) no-repeat left; 
padding-left:35px;
}
.infolink {
background:url(images/info_large.gif) no-repeat left; 
padding-left:35px;
}
.enquirieslink {
background:url(images/qmark_large.gif) no-repeat left; 
padding-left:35px;
}
.contactuslink {
background:url(images/phone_large.gif) no-repeat left; 
padding-left:35px;
}
.linkslink {
background:url(images/arrow_large.gif) no-repeat left; 
padding-left:35px;
}

.meetname {
font-weight:bold;
font-size:1.2em;
padding-bottom:5px;
}
.meetjob {
font-style:italic;
color:#0D852D;
font-weight:bold;
text-indent:10px;
padding-bottom:5px;
}

#subnav {
margin-top:-5px;
margin-bottom:5px;
padding-bottom:5px;
}

#sidenav #orange #subnav a{
background-image:none;
}
#orange #subnav a:hover  {
color:#E77B3B;
cursor:pointer;
}

#subnav li{
background-image:none;
font-size:.9em;
height:20px;
line-height:20px;
}

#subnav #selected a{
color: #0d852d;
}
#subnav #selected a:hover{
color: #0d852d;
cursor:default;
}
.volunteerlist{
width:500px;
margin-left:10px;}
.volunteerlist td li{
background-image:none;
list-style:disc;
padding:0 0;
margin:0 0;}

/* CONTACT PAGES */

.contactbox .send {
text-align:right;
}
form {
display:block;
margin-top:7px;
}
legend {
color:#333333;}

fieldset {
	margin: .5em 0;
	padding: 5px;
	border: 1px solid #ccc;
	background: #f8f8f8;
	width:400px;
	text-align:left;
	}
.error {
color:red;
}
.errormessage {
font-size:0.7em;
color:red;
}
.floatleft {
float:left;

padding-right: 10px; 
}
.partner {
width:400px;
padding: 20px 0 10px 0;
border-bottom:2px solid #0d852d;
}
.partner img{
padding-right:20px;
float: left;
clear:left;
}
.pagemenu {
float:right;
width:200px;
padding-bottom:10px;
margin:0 0 20px 20px;
background:url(images/pagemenu.gif) no-repeat bottom left; 
}
.pagemenu a {
font-size:0.95em;
display:inline;
color: #248DC3;
}
.pagemenu li {
padding: 3px 20px 3px 15px;
text-align:left;
}

.pagemenu a:visited {
color: #9999cc;
}
.pagemenu a:hover {
color: #e77b3b;
}
.pagemenu h1 {
border-bottom:none;
width:200px;
height:40px;
line-height:40px;
padding:0 0;
margin:0 0;
text-align:center;
color:#FFFFFF;
background:url(images/pagemenutop.gif) no-repeat top left; 
}
.pagemenuselected a{
color:#000000;
cursor:default;
}
.diagramleft {
text-align:center;
float:left;
font-size:.9em;
margin-right: 20px;
margin-bottom:10px;
margin-top:10px;
}
.photoleft {
text-align:center;
float:left;
font-size:.9em;
font-style:italic;
margin-right: 20px;
margin-bottom:10px;
margin-top:10px;
width:300px;
}
.diagramright {
text-align:center;
float:right;
font-size:.9em;
margin-left: 20px;
margin-bottom:10px;
margin-top:10px;

}
.photoright {
text-align:center;
float:right;
font-size:.9em;
font-style:italic;
margin-left: 20px;
margin-bottom:10px;
margin-top:10px;
width:250px;
}
.diagramleft img{
margin-bottom:5px;
}
.diagramright img{
margin-bottom:5px;
}
#projectslist a {
display:block;
padding-top:10px;
}
#projectslist div a {
display:inline;
padding-top:10px;
}
#projectslist div {
padding-left:20px;
display:none;
}
#projectslist div#showdiv {
display:block;
padding-bottom:10px;
font-size:.95em;
}
a.links {
display:block;
line-height:30px;
padding-left:30px;
background:url(images/arrow_up.gif) no-repeat left;
}
.linkdesc {
font-size:0.95em;
padding-left:35px;
}

a.download {
display:block;
line-height:30px;
padding-left:25px;
background:url(images/download.jpg) no-repeat left;
}
#adverts {
font-size:0.8em;
text-align:center;
float:left;
position:relative;
left:30px;
top:0px;
width: 150px;
color:#333333;
}

#adverts div {
width: 150px;
padding-bottom:20px;
text-align:center;
background:url(images/advertbox.jpg) no-repeat bottom left;
}
#adverts div img {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
margin-top:10px;
}
#adverts p.heading {
display:block;
padding:20px 15px 0 15px;
height:30px;
font-weight:bold;
font-size:1.3em;
color:#248DC3;
background:url(images/advertboxtop.jpg) no-repeat top left;
}
#adverts p {
display:block;
padding:0 15px 0 15px;
}
table.volunteerlist {
border:none;
}
table.volunteerlist li {
list-style:none;
}
.eventtitle {
font-size:1.2em;
padding-bottom:5px;
}
a#selectedproject {
cursor:default;
color:#248DC3;
}
.events {
display:block;
clear:both;
border-top:2px solid #248DC3;
padding-bottom:10px;
}
.recorddate {
color:#248DC3;
display:inline;
}
.recordslist li {
display:block;
clear:both;
text-align:left;
}
.recordlink {
float:left;
display:block;
margin-top:30px;
width:350px;

}
.courtesyof {
font-size:0.9em;
}
.recordlisttitle {
padding-top:25px;
}
.accuracytable {
border:1px solid black;
text-align:left;
width:450px;
}
.accuracytable td{
border:1px solid #333333;
padding:3px 3px;
font-size:1.1em;
}
form .italic {
line-height:30px;
font-size:0.85em;
}
legend {
font-weight:bold;
}
.keid td {
padding:10px 10px;
}
.charges td {
border-right:1px dashed #333333;
padding:10px 10px;
}
.charges .noright{
border-right:none;
}

.tdVariant1 {
	background-color: #EBF2FF;
}
.tdVariant2 {
	background-color: #FFFFFF;
}
.keidtitle {
font-size:1.2em;
padding-bottom:4px;
border-bottom:1px dashed black;
}
.borderbottom {
border-bottom:2px solid #333333;
}

.depository td {
padding:10px 10px;
text-align:left;
border-left:1px dashed #333333;
}
.depository .dephead {
text-align:center;
border-left:0px;
border-bottom:1px solid black;
font-size:1.1em;
font-weight:bold;
}
.depository .code {
border-left:0px;
font-weight:bold;
font-size:1.2em;
text-align:center;
border-left:0px;
}
.searchholder {
margin-left:auto;
margin-right:auto;
}
h3 {
font-size:.8em;
padding:6px 0 3px 3px;
border-bottom:2px dashed #e77b3b;
margin-bottom:5px;
}
#content #sidenav #submit {
text-indent:0px;
line-height:normal;
text-align:center;
float:left;
display:block;
margin-top:20px;
height:110px;
width:90px;
background:url(images/data-recorders.jpg) no-repeat top left;
}
#content #sidenav #request {
text-indent:0px;
text-align:center;
line-height:normal;
float:left;
display:block;
margin-top:20px;
height:110px;
width:90px;
background:url(images/data-users.jpg) no-repeat top left;
}
#content #sidenav #submit:hover {
background:url(images/data-recorders.jpg) no-repeat top right;
color:#248DC3;
}
#content #sidenav #request:hover {
background:url(images/data-users.jpg) no-repeat top right;
color:#248DC3;
}
body #sidenav #request p {
position:relative;
top:90px;
}
body #sidenav #submit p {
position:relative;
top:90px;
}