/* CSS Document */

body 
{
margin: 0px;
padding: 0px;
color: #000;
background: #fff url(../images/background.jpg) top left repeat-x;
}

									/* SITE BODY ELEMENTS  */

/* holds the flash objects at top of pages */
.header
{
margin: 0px auto;
width: 1000px;
height: 200px;
background: #B4F0FE url(../images/header.jpg) top left no-repeat;
}

/* holds everything but the header and navigation divs */
.bigbox
{
clear: both;
overflow: hidden;
margin: 0px auto;
width: 800px;
background: #fff;
}

.submenu
{
clear: both;
float: left;
width: 195px;
margin: 40px 0px 0px 0px;
}

.textbox
{
float: right;
width: 585px;
padding: 0px 15px 20px 0px;
}

.bluebox
{
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 10px 0px 10px;
width: 570px;
background: #D6F7FE;
}

.menubox
{
float: left;
margin: 20px 0px 10px 0px;
padding: 10px 10px 0px 10px;
width: 160px;
background: #D6F7FE;
}

.iconbox
{
float: left;
width: 580px;
margin: 0px 0px 10px 0px;
}

.newsbox
{
float: left;
width: 580px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #02C5F4; 
}

/*
.blueline
{
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
border-bottom: 2px solid #02C5F4;
}
*/

.footerline
{
margin: 0px auto;
width: 100%;
border-bottom: 1px dotted #0188A9;
}

.footer
{
margin: 0px auto;
width: 785px;
padding: 15px 0px 0px 15px;
background: #fff;
}



									/* NAVIGATION */

/* holds the entire navigation stuff */
.navbox
{
margin: 0px auto;
width: 100%;
height: 23px;
background: #ACF5FD;
}

.navigation
{
margin: 0px auto;
width: 800px;
background: #ACF5FD
}

.menu
{
float: left;
width: 160px;
height: 23px;
background: #ACF5FD url(../images/menu.jpg) bottom center no-repeat;
}

.menu:hover
{
background: #98C9E9 url(../images/button-active.jpg) bottom center no-repeat;
cursor: pointer;
}

.menuactive
{
float: right;
width: 160px;
height: 23px;
background: #F4D2C3;
}

.breadcrumbs
{
clear: left;
font: 11px Arial, Helvetica, sans-serif;
color: #999;
text-align: left;
line-height: 0px;
margin-top: 20px;
margin-bottom: 15px;
}



										/* LIST STUFF */

ul.tribullet-blue
{
list-style-image: url(../images/tribullet-blue.jpg);
padding-left: 25px;
margin: 0px 0px 10px 0px;
}

ul.tribullet
{
list-style-image: url(../images/tribullet.jpg);
padding-left: 25px;
margin: 0px 0px 10px 0px;
}

ul.squbullet
{
list-style-image: url(../images/squarebullet.gif);
padding-left: 25px;
margin: 0px 0px 10px 0px;
}

ul.linkbullet
{
list-style-image: url(../images/link-bullet.gif);
padding-left: 25px;
margin: 0px 0px 10px 0px;
}

ol li 
{
font-size: 12px;
margin-left: -20px;
}


										/* FONTS */


h1
{
clear: left;
font: 20px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #00A4E2;
margin-top: 0px;
}

.footer h1
{
clear: none;
font-size: 16px;
}

.godwits em
{
font-size: 16px;
font-style: normal;
}

.sanderling em
{
font-size: 16px;
font-style: normal;
}

h2
{
font: 16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #9d9d9d;
margin-top: 0px;
margin-bottom: 5px;
line-height: 1.5em;
}

h3
{
clear: left;
font: 16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #00A4E2;
margin-top: 0px;
margin-bottom: 0px;
}

.menubox h3
{
font-size: 15px;
}

h4
{
font: 16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #000;
margin-top: 0px;
margin-bottom: 0px;
}

.bluebox h4
{
margin-bottom: 5px;
}

/* news item headings */
h5
{
clear: none;
font: 14px Arial, Helvetica, sans-serif;
text-align: left;
line-height: 1em;
margin-top: 5px;
margin-bottom: 5px;
}

p
{
clear: left;
font: 13px Arial, Helvetica, sans-serif;
text-align: justify;
line-height: 1.7em;
margin-top: 0px;
}

.footer em
{
font-size: 11px;
font-style: normal;
}

.footer p
{
clear: none;
}

.caption p
{
font-size: 11px;
line-height: 1.4em;
margin-bottom: 0px;
}

.caption em
{
color: #029CC1;
font-style: normal;
}

.imagecaption p
{
font-size: 12px;
line-height: 1.5em;
margin-bottom: 0px;
}

.imagecaption em
{
color: #029CC1;
font-style: normal;
}

.menu p
{
text-align: center;
}

.iconbox p
{
clear: none;
margin: 10px 0px;
}

.newsbox em
{
clear: none;
color: #a1a1a1;
}

.menubox p 
{
clear: none;
}



									
										/* GRAPHICS */

.footerlogo
{
float: left;
width: 88px;
height: 102px;
margin-left: -15px;
background: #fff url(../images/footerlogo.jpg) no-repeat center;
}

.rightthumb
{
clear: both;
float: right;
margin: 5px 0px 10px 15px;
width: 200px;
background: #D6F7FE;
}

.caption
{
float: left;
width: 190px;
padding: 0px 5px;
}

.boxthumb
{
clear: both;
float: right;
margin: 5px 0px 10px 15px;
width: 200px;
background: #D6F7FE;
}

.image
{
clear: both;
float: left;
margin: 5px 0px 10px 0px;
width: 580px;
background: #D6F7FE;
}

.imagecaption
{
float: left;
width: 570px;
padding: 0px 5px;
}

.logo-footer
{
clear: both;
float: left;
width: 180px;
height: 33px;
margin: 0px 0px 80px 0px;
background: #fff url(../images/logo-footer.jpg) top left no-repeat;
}

.icon
{
clear: left;
float: left;
width: 40px;
padding: 0px 5px 5px 0px;
}

.gallerythumb
{
float: left;
margin: 5px 0px 10px 60px;
width: 200px;
background: #D6F7FE;
}	

.godwits
{
margin: 0px auto;
width: 675px;
height: 35px;
padding: 10px 10px 10px 115px;
background: #D6F7FE url(../images/godwits.gif) top left no-repeat;
}

.sanderling
{
margin: 0px auto;
width: 675px;
height: 35px;
padding: 10px 10px 10px 115px;
background: #D6F7FE url(../images/sanderling.png) top left no-repeat;
}

	
										/* LINKS  */
											

/* standard link */
.body a:link 
{
color: #00A4E2;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:visited 
{
color: #00A4E2;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:hover 
{ 
background: #FAE2F1;
}

/* menu link */
.menu a:link 
{
font: 14px Arial, Helvetica, sans-serif;
color: #0188A9;
text-decoration: none;
}

.menu a:visited 
{
color: #0188A9;
text-decoration: none;
}

.menu a:hover 
{ 
color: #2778AD;
}


/* information link */
.inf a:link 
{
color: #000;
text-decoration: none;
border-bottom: 1px dotted;
}

.inf a:visited 
{
color: #000;
text-decoration: none;
border-bottom: 1px dotted;
}

.inf a:hover 
{ 
background: #dedede;
cursor: help;
}

/* pdf links with icon */											
.pdf a:link 
{
color: #00A4E2;
text-decoration: none;
border-bottom: 1px dotted;
padding-right: 18px;
background: transparent url(../images/icon-pdf.gif) no-repeat top right;
zoom: 1;
}

.pdf a:visited 
{
color: #00A4E2;
text-decoration: none;
border-bottom: 1px dotted;
padding-right: 18px;
background: transparent url(../images/icon-pdf.gif) no-repeat top right;
zoom: 1;
}

.pdf a:hover 
{ 
padding-right: 18px;
background: #FAE2F1 url(../images/icon-pdf.gif) no-repeat top right;
zoom: 1;
}