* {margin:0; padding:0;}
body {font:76% Verdana,Arial,san-serif; font-size:0.8em; line-height:1.3em; text-align:center; color: black; background: #212121 url('http://www.soundsurvey.org.uk/common/backdrop.gif') no-repeat top center;}

#topcontainer {position: relative; width:924px; margin:15px auto; padding: 0px 0px 0px 0px; text-align:left; background:#ffffff; color: black; border: 2px solid #B7B69B;}

/* Fixed Positioned AddThis Toolbox */            
.addthis_toolbox.atfixed {position: absolute; top: 0px; right: -48px; margin-bottom: 12px; width: 32px;}
.addthis_toolbox .custom_images a {width: 32px; height: 32px; padding: 0; cursor: pointer;}
.addthis_toolbox .custom_images a img {border: 0; margin: 0 0 12px; opacity: 1.0;}
.addthis_toolbox .custom_images a:hover img {margin: 0 0 12px; opacity: 0.75;}

#container {width:920px; margin:0 0 0 0; padding: 0px 0px 0px 0px; text-align:left; background:#ffffff; color: black; border: 2px solid black;}
#header1 {height:45px; width:920px; margin: 0px 0px 0px 0px; background-image:url('http://www.soundsurvey.org.uk/common/banner.gif');}
#header2 {height:18px; width:920px; margin:0px 0px 0px 0px; background: white; color: #ffD700;}
#navbar {margin-top:0px; padding:0; list-style:none; width:920px; height:18px;}
ul#navbar li {float: left;}
ul#navbar li a.home {display:block; width:66px; height:18px; background: url('http://www.soundsurvey.org.uk/common/zhome.gif') no-repeat 0 -18px; text-indent:-9999px;}
ul#navbar li a.home:hover {background-position: 0 0;}
ul#navbar li a.acts {display:block; width:150px; height:18px; background: url('http://www.soundsurvey.org.uk/common/zsoundactions.gif') no-repeat 0 -18px; text-indent:-9999px;}
ul#navbar li a.acts:hover {background-position: 0 0;}
ul#navbar li a.maps {display:block; width:121px; height:18px; background: url('http://www.soundsurvey.org.uk/common/zsoundmaps.gif') no-repeat 0 -18px; text-indent:-9999px;}
ul#navbar li a.maps:hover {background-position: 0 0;}
ul#navbar li a.wildlife {display:block; width:103px; height:18px; background: url('http://www.soundsurvey.org.uk/common/zwildlife.gif') no-repeat 0 -18px; text-indent:-9999px;}
ul#navbar li a.wildlife:hover {background-position: 0 0;}
ul#navbar li a.historical {display:block; width:122px; height:18px; background: url('http://www.soundsurvey.org.uk/common/zhistorical_on.gif') no-repeat 0 -18px; text-indent:-9999px;}
ul#navbar li a.historical:hover {background-position: 0 0;}
ul#navbar li a.blog {display:block; width:65px; height:18px; background: url('http://www.soundsurvey.org.uk/common/zblog.gif') no-repeat 0 -18px; text-indent:-9999px;}
ul#navbar li a.blog:hover {background-position: 0 0;}
ul#navbar li a.about {display:block; width:75px; height:18px; background: url('http://www.soundsurvey.org.uk/common/zabout.gif') no-repeat 0 -18px; text-indent:-9999px;}
ul#navbar li a.about:hover {background-position: 0 0;}
ul#navbar li a.links {display:block; width:74px; height:18px; background: url('http://www.soundsurvey.org.uk/common/zlinks.gif') no-repeat 0 -18px; text-indent:-9999px;}
ul#navbar li a.links:hover {background-position: 0 0;}

#metacontent {margin: 0 0 0 0; padding: 17px 19px 0px 19px;}
#content {width:882px; padding: 0px 0px 0px 0px; margin-bottom: 17px; background: url('http://www.soundsurvey.org.uk/common/bell.gif') no-repeat 0 2px;}
#content h1 {margin:0 0 7px 53px; font-family:Verdana,Arial,Tahoma,sans-serif; font-size:1.3em; font-weight:bold; letter-spacing:-1px; color: black;}
#content a {color: #4080BF; background-color:white; text-decoration: none;}
#content a:hover {color:black; background-color:white; text-decoration: none;}
#content p {padding: 0 0 0 0; margin: 0 0 0 53px;}

div.sidebox {float: left; width: 96px; padding: 3px; margin-bottom: 17px; background-color: #EBEBEB; display:block;}
table.sidebox a {color: black; text-decoration: none;}
td.sidecat a {width: 92px; color: white; background-color: #7d7d7d; font-weight: bold; line-height: 1.4em; text-align: left; text-decoration: none; padding: 0px 0px 0px 0px; display:block;}
td.sidecat a:hover {width: 92px; color: black; background-color: #FFCC00; font-weight: bold; line-height: 1.4em; text-align: left; text-decoration: none; padding: 0px 0px 0px 0px; display:block;}
td.sidehead {width: 92px; color: black; background-color: silver; font-weight: bold; line-height: 1.1em; text-align:center; padding-top: 2px; padding-bottom: 3px;}
td.sidelight {width: 92px; color: black; background-color: #FFCC00; font-weight: bold; line-height: 1.4em; text-align: left; padding: 0px 0px 0px 0px;}

#scrollbox {float: right; width: 760px; background-color: white; border:3px; border-color: silver; border-style: solid; margin-bottom: 17px;}
.scrolltable {width: 100%; background-color: white; text-align:center; font-family: Verdana,Arial,Tahoma,sans-serif; font-weight: normal;}
td.midgrey {width: 218px; color: black; background-color: silver; font-weight: bold; line-height: 1.1em; text-align:left;  vertical-align: bottom; padding-top: 2px; padding-bottom: 3px;}
td.midgreyc {width: 51px; color: black; background-color: silver; font-weight: bold; line-height: 1.1em; text-align:center;  vertical-align: bottom; padding-top: 2px; padding-bottom: 3px;}
td.darkgrey {width: 218px; color: black; background-color: #D8D8D8; line-height: 1.4em; text-align:left;  padding: 0px 0px 0px 0px;}
td.lightgrey {width:218px; color: black; background-color: #e6e6e6; line-height: 1.4em; text-align:left; padding: 0px 0px 0px 0px;}
td.darkyellow {width: 51px; color: black; background-color: #FFEA95; line-height: 1.4em; text-align: center;}
td.lightyellow {width: 51px; color: black; background-color: #FFF2BF; line-height: 1.4em; text-align: center;}
td.highlight {width: 51px; color: white; background-color: #FFCC00; line-height: 1.4em; text-align: center;}
td.greyhighlight {width: 218px; color: white; background-color: #FFCC00; line-height: 1.4em; text-align: left;}
.scrolltable a {width:100%; background-color: inherit; text-align: inherit; display: block; text-decoration: none; color: black;}
.scrolltable a:hover {width:100%; 	background-color: #ffcc00;	text-align: inherit; display:block; text-decoration: none;	color: black;}

#hogarthall {clear: both; width: 882px;}
#hogarthtext {font-weight: bold; text-align: center; padding-bottom: 2px; margin-bottom: 2px; background-color: silver;}
#hogarth {width: 882px; height: 185px;  background: url('http://www.soundsurvey.org.uk/common/zhogarth.jpg') no-repeat center; margin-bottom: 17px;}

#refcontain {clear: both; margin-bottom: 17px; border: 3px solid silver;}
.row {background-color: #ebebeb; padding: 12px 4px 12px 4px; margin: 2px 2px 2px 2px;}
.even {background-color: white; padding: 12px 4px 12px 4px; margin: 2px 2px 2px 2px;}
.leftref {width: 280px; text-align: right; float: left; border-right: 2px solid silver; padding: 0px 8px 0px 0px;}
.leftref p {margin-top:0em; margin-bottom:0em;}
.leftref p+p { margin-top: 0.3em; margin-bottom: 0em;}
.rightref {width: 560px; text-align: left; float: right; padding: 0px 0px 0px 0px;}
.rightref p {margin-top:0em; margin-bottom:0em;}
.rightref p+p { margin-top: 0.3em; margin-bottom: 0em;}
.footref {clear:both;}
h2  {margin: 0px 0px 10px 0px; font-size:18px; line-height: 1.2em; text-align: left; font-weight: bold; letter-spacing:-1px; color: #666666;}

#footer {clear:both; width:920px; padding: 0px 0px 1px 0px; margin: 0px 0px 0px 0px; font-family:Verdana,Arial,Tahoma,san-serif; font-weight:normal; font-size:0.9em; color: black; background: #ff6633;  border-top: 2px solid black;}
#footer p {padding: 0 0 0 6px; margin:0; text-align:center;}
#footer a {color: black; background-color:inherit; font-weight:normal; text-decoration: underline;}
#footer a:hover {color: #ffcc00; background-color:inherit; text-decoration: underline;}