* {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_on.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.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; background: url('http://www.soundsurvey.org.uk/common/raven.jpg') no-repeat 0 2px;}
#content h1 {margin:0 0 7px 63px; 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 63px;}

.metacontent2 {margin: 0 0 0 0; padding: 0px 19px 0px 19px;}

#smallcontain {margin-top: 15px; margin-bottom: 17px; padding: 3px 3px 3px 3px; background-color: #EBEBEB;}
#smallnav {height: 21px; margin-bottom: 1px; padding: 0 0 0 0; font-size: 1.1em;}
#smallnav a {color: silver; text-decoration: none; margin: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; background-color: #ebebeb;}
#smallnav a:hover {color: black; background-color: #ffcc00; margin: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px;}
#smallnav ul {list-style: none; list-style-type:none; list-style-position:inside; padding:0px; margin:0px; margin:0 0 0 0; padding: 0 0 0 0; position:relative; background-color: #ebebeb;}
#smallnav li {float:left; display:inline; margin: 0px; padding: 0px; color: black; font: normal Verdana, Geneva, Arial, Helvetica, sans-serif;}
#smallnav li a {font-weight: bold; text-decoration:none; float:left; display:inline; color: white; background-color: #7d7d7d;}
#smallnav li.current {font-weight: bold; margin: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; background-color: #ffcc00;}
#smallnav li.greyblurb {width: 120px; font-weight: bold; margin: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; background-color: silver;}

#leftcontain {float: left; width: 589px; margin-bottom:17px;}

#scrollcontain {float: left; width: 390px; border: 3px solid silver; margin: 0; padding-bottom: 2px;}
#scrollinner {width: 390px; margin: 0; padding: 0;}
table {width: 100%; border-collapse: collapse;}
.row {width: 100%; margin: 0px 0px 0px 0px; background: #FFEA95;}
.even {width: 100%; margin: 0px 0px 0px 0px; background: #FFF2BF;}
.row a {color: black; margin: 0 0 0 0; background-color:inherit; font-weight:normal; text-decoration: none;}
.row a:hover {color: black; margin: 0 0 0 0; background-color:inherit; text-decoration: none;}
.even a {color: black; background-color:inherit; font-weight:normal; text-decoration: none;}
.even a:hover {color: black; background-color: #ffcc00; text-decoration: none;}
.linkcell {color: black; margin-left: 0px; border-left: 2px solid white;}
.linkcell:hover {color: black; background-color: #ffcc00;}
.linkhigh {color: black; background-color: #ffcc00;}
td {margin: 0 0 0 0; border-top: 2px; border-bottom: 0px; border-left: 0px; border-right: 2px; border-color: white; border-style: solid; padding: 0px 2px 0px 2px;}
table a {color: black;}
table a:hover {color: black; background-color: #FFCC00;}

#tableholder {float:left; width: 175px; height: 141px; padding: 3px;}
#mytable {font: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif; font-size: 14px; line-height: 11px; font-weight: normal; color: #ff6633; padding: 0 0 0 0; margin: 0 0 0 0; border: none;}
#mytable a {color: #ff6633; text-decoration: none;}
#mytable a:hover {color: #ffcc00; text-decoration: none;}
#mytable td {width: 8px; height: 8px; text-align:center; vertical-align:middle; border: none; padding: 0px;}
#mytable td.white {width: 8px; height: 8px; color: #FFCC00; text-align:center; vertical-align:middle; border: none; padding: 0px;}

#mapandanimal {float: right; width: 175px;}
#mapcontain {float: right; width: 175px; height: 141px; background: url('http://www.soundsurvey.org.uk/common/wildlifemap.gif') no-repeat;}
#mapinner {width: 169px; height: 135px; padding: 3px;}
#animal {float: right; width: 157px; border-top: 3px solid silver;  border-left: 3px solid silver;  border-right: 3px solid silver; padding: 6px; margin-top: 17px;}
#caption {float: right; width: 169px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; color: white; background: silver;}

#subcontent {float: right; width:274px; padding: 0px 0px 0px 0px; margin-bottom: 16px; background: white;}

#pressplay {width: 262px; height: 40px; padding-top: 9px; padding-bottom:3px; padding-left: 9px; padding-right: 3px; margin-bottom: 2px; font-weight: bold; color: white; background-color: #7d7d7d;}
#playboxnarrow {width: 220px; height: 446px; background-color: #EBEBEB; border: 3px silver solid; padding: 2px 2px 2px 2px;}
#playerintrowild {width: 274px; height: 418px; text-align: center; background: url('http://www.soundsurvey.org.uk/common/wires.gif') no-repeat; background-color: #EBEBEB;}
.playcontain {width:220px; padding: 0px 0 0 0; text-align:left; color: black; margin: 0px 0px 0px 0px;}
.player {padding: 0 0 0 0; margin: 0px 0px 4px 0px;}
.playcontent {padding: 3px; background-color: #ebebeb;}
.playcontent a {color: #4080BF; text-decoration: none;}
.playcontent a:hover {color: black; text-decoration: none;}
.playcontent p {margin-bottom: 4px;}

#blanket {background-color:#111; opacity: 0.65; position:absolute; z-index: 9001; top:0px; left:0px; width:100%;}
#popUpDiv {color: white; text-align: center; padding-top: 3px; position:absolute; background-color:#eeeeee; width:640px; height:520px; z-index: 9002; background-color:#000000;}
#popUpDiv a {color:white; font-weight: bold;}
#popUpDiv a:hover {color: #FFCC00; font-weight: bold;}

#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;}

img {
	border: none;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	border: 20px solid transparent;
	float: left;
	width: 640px;
	position: fixed;
	top: 15%;
	left: 50%;
	margin: 0 0 0 -340px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
}

.popup img.cntrl {
	position: absolute;
	right: 0px;
	top: -35px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }