/* for all templates and grids */
body{text-align:center;}
#ft{clear:both;}
/**/
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:57.69em;*width:56.3em;min-width:750px;}
/* 950 centered */ 
#doc2 {
	width:73.074em;*width:71.313em;min-width:950px;}
/* 100% with 10px viewport side matting */ 
#doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;} 

#yui-main {width:100%;}
.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b {
	float:left;
    width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{
    margin-left:13.3207em;*margin-left:13.0106em;
}

.yui-t2 .yui-b {
	float:left;
    width:13.8456em;*width:13.512em;}
.yui-t2 #yui-main .yui-b {
    margin-left:14.8456em;*margin-left:14.512em;
}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b {
    margin-left:24.0759em;*margin-left:23.52em;
}

.yui-t4 .yui-b {
	float:right;
    width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b {
    margin-right:14.8456em;*margin-right:14.512em;
}

.yui-t5 .yui-b {
	float:right;
    width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b {
    margin-right:19.4608em;*margin-right:19.016em;
}

.yui-t6 .yui-b {
	float:right;
    width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b {
    margin-right:24.0759em;*margin-right:23.52em;
}

.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
#yui-main .yui-b {float:none;width:auto;}
/* GRIDS (not TEMPLATES) */
.yui-g .yui-u, 
.yui-g .yui-g, 
.yui-gc .yui-u,
.yui-gc .yui-g .yui-u,
.yui-ge .yui-u, 
.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first, 
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first{float:left;}
.yui-g .yui-u, 
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u, 
.yui-gc .yui-u, 
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first{margin-left:0;}
.yui-gc div.first, 
.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first, 
.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}





















































* {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:1em;
 margin:0;
 padding:0;
}
body {
 background-image:url(graphics/bg.gif);
 font-size:90%;
}
p {
 line-height:1.7em;
 margin-bottom:1em;
}
abbr, acronym {
 border-bottom:1px dotted #000000;
 cursor:help;
}
img {
 border:none;
}
h1, h2, h3, h4, h5, h6 {
 color:#07519A;
 margin:1em 0 0.5em 0;
}
h1 {
 font-size:2em;
 margin-top:0;
}
h2 {
 font-size:1.7em;
}
h3 {
 font-size:1.5em;
}
h4 {
 font-size:1.3em;
}
h5 {
 font-size:1.1em;
}
h6 {
 font-size:1em;
}
strong {
 font-weight:bold;
}
em {
 font-style:italic;
}
/*
ul, ol {
 margin:0 0 1em 0;
 padding:0 0 0 1.5em;
}
ul {
 list-style-type:disc;
}
ul li ul {
 margin-bottom:0;
}
li {
 padding-bottom:0.5em;
 border:1px solid red;
}
*/
blockquote {
 font-style:italic;
 margin:2em;
}
cite {
 font-style:italic;
}
dt {
 font-weight:bold;
}
dd {
 margin-left:1em;
}
ins {
 text-decoration:underline;
}
del {
 text-decoration:line-through;
}





div.yui-b li {
 margin:0.5em 0 0.5em 1.3em;
}
div.yui-b li ul {
 margin-bottom:0.5em;
}
div.yui-b ul {
 margin:0 0 2em 0;
}
div.yui-b ul {
 list-style-type:disc;
}
div.yui-b ol {
 margin:0 0 2em 0.5em;
}








#hd, #bd, #ft {
 background-color:#fff;
}
#bd {
 font-size:0.8em;
 padding:0 2em 0 2em;
}
#ft {
 color:gray;
 font-size:0.6em;
 padding:5em 2em 1em 2em;
}
#bd #yui-main div.yui-b {
 font-size:1em;
}
#bd div.yui-b {
 font-size:0.85em;
}







div.box {
 border:1px solid #AACCEE;
 margin-bottom:1em;
 padding:1em;
}
div.box h4 {
 background-color:#EBF3FB;
 border-bottom:1px solid #AACCEE;
 color:#07519A;
 font-size:1em;
 font-weight:bold;
 margin:-1em -1em 0.5em -1em;
 padding:0.5em;
}
div.box p {
 line-height:1.2em;
}
div.box div.img {
 margin:1em 0 1em 0;
 text-align:center;
}










#promotion {
 font-size:0.8em;
}
#promotion div.box {
 background-color:#DEEFFF;
 float:left;
 height:16em;
 margin:1em 1em 0 0;
 width:16em;
}
#promotion div.box h4 {
 background-color:#DEEFFF;
 border:none;
 font-size:1.2em;
 margin:0 0 1em 0;
 padding:0;
}


div.clearfloat {
 clear:both;
}


p.formerly {
 color:gray;
 font-size:1em;
 margin:-1em 0 0 0;
}
li span.date {
 width:4em;
 float:left;
}





#sticky {
 border:1px solid #AACCEE;
 clear:left;
 margin:17em 0 0 0;
 padding:1em;
width:43.25em;
}
#sticky h3 {
 margin:0 0 0.5em 0;

}
#sticky p {
 margin:0;
}





/* Header */

#hd {
 background-position:top right;
 background-repeat:no-repeat;
 height:150px;
}
#hd ul {
 background-color:#081B55;
 color:#FAFAFA;
 height:1.7em;
 list-style:none;
 margin:0;
 padding:0;
 position:absolute;
 top:100px;
 width:57.69em;*width:56.3em;min-width:750px;
}
#hd li {
 float:left;
 font-size:0.8em;
 font-weight:bold;
 text-align:center;
 width:9em;
}
/* was width:10em */

#hd li a {
 background-color:#081B55;
 border-right:1px solid #DCDCDC;
 color:#FAFAFA;
 display:block;
 height:1.7em;
 padding-top:0.4em;
 text-decoration:none;
}
#hd li a:hover {
 background-color:#555555;
 color:#FAFAFA;
}
#hd li.current a {
 background-color:#D31112;
 color:#FAFAFA;
}

/* Header background images */

#hd.bannersurveys {
	background-image:url(graphics/banners/partridge.jpg);
}
#hd.bannerabout {
	background-image:url(graphics/banners/tufted_duck.jpg);
}
#header div.bannerarticles {
	background-image:url(graphics/banners/stone_curlew.jpg);
}
#header div.bannernews {
	background-image:url(graphics/banners/little_ringed_plover.jpg);
}
#header div.bannerbirdnews {
	background-image:url(graphics/banners/red_kite.jpg);
}
#header div.bannerevents {
	background-image:url(graphics/banners/smew.jpg);
}
#header div.bannerconservation {
	background-image:url(graphics/banners/mandarin.jpg);
}
#header div.bannergalleries {
	background-image:url(graphics/banners/common_tern.jpg);
}
#header div.bannerlinks {
	background-image:url(graphics/banners/black_redstart.jpg);
}
#header div.bannerpublications {
	background-image:url(graphics/banners/barn_owl.jpg);
}
#header div.bannertripreports {
	background-image:url(graphics/banners/arctic_tern.jpg);
}
#header div.teal {
	background-image:url(graphics/banners/teal.jpg);
}
#header div.wigeon {
	background-image:url(graphics/banners/wigeon.jpg);
}

/* Inline photos */

div.inlineimage {
	float:right;
	font-size:0.8em;
	padding:5px 0 5px 5px;
	text-align:right;
}
div.inlineimageleft {
	float:left;
	font-size:0.8em;
	padding:5px 5px 5px 0;
	text-align:left;
}
div.inlineimagecentre {
	font-size:0.8em;
	padding:5px 5px 5px 0;
	text-align:center;
}

/* Thumbnails */

div.thumbnailbox {
	width:100%;
}
div.thumbnail {
	float:left;
	padding:0 10px 10px 0;
}
div.thumbnail img {
	border:0;
}
div.thumbnailbox + h2 {
	clear:left;
}