/* CSS Document */

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

									/* SITE BODY ELEMENTS  */

/* holds the flash objects at top of pages */
.header
{
margin: 0px auto;
width: 800px;
height: 200px;
background: #fff;
}

.homeheader
{
margin: 0px auto;
width: 800px;
height: 200px;
background: #fff url(../headers/homeheader.jpg) top left no-repeat;
}

.contactheader
{
margin: 0px auto;
width: 800px;
height: 200px;
background: #fff url(../headers/contactheader.jpg) top left no-repeat;
}

.shorebirdsheader
{
margin: 0px auto;
width: 800px;
height: 200px;
background: #fff url(../headers/shorebirdsheader.jpg) top left no-repeat;
}

.involvedheader
{
margin: 0px auto;
width: 800px;
height: 200px;
background: #fff url(../headers/involvedheader.jpg) top left no-repeat;
}

.newsheader
{
margin: 0px auto;
width: 800px;
height: 200px;
background: #fff url(../headers/newsheader.jpg) top left no-repeat;
}

.conferencesheader
{
margin: 0px auto;
width: 800px;
height: 200px;
background: #fff url(../headers/conferencesheader.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 5px;
}

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

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

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

.bluenewsbox
{
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
width: 565px;
background: #D7EAF6;
}

.columnleft
{
float: left;
width: 200px;
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #000;
}

.columnright
{
float: left;
width: 130px;
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 10px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}

.line
{
clear: both;
float: left;
width: 100%;
border-top: 1px dotted #000;
margin: 10px 0px 10px 0px;
}

/* div for holding leg flag images */
.flagbox
{
float: left;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 585px;
border-top: 1px dotted #000;
}

/* div for holding small images in rows using the leg flag divs */
.imagesbox
{
float: left;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 585px;
}

.footer
{
margin: 0px auto;
width: 785px;
padding: 15px 0px 0px 15px;
border-top: 1px dotted #55769C;
background: #fff url(../images/bottom.jpg) bottom left no-repeat;
}


									/* NAVIGATION */

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

.menu
{
float: left;
width: 100px;
height: 23px;
background: #D7EAF6 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: 100px;
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 */


.bullet-square
{
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-square li
{
background-image: url(../images/bullet-square.gif);
background-repeat: no-repeat;
padding-left: 27px;
background-position: 0.5em 0.3em;
}

.bullet-link
{
margin-left: -5px;
margin-top: 0px;
padding-left: 0px;
list-style: none;
}

.bullet-link li
{
background-image: url(../images/bullet-link.gif);
background-repeat: no-repeat;
padding-left: 30px;
background-position: 0.5em 0.4em;
}

.bullet-spot
{
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-spot li
{
background-image: url(../images/bullet-spot.gif);
background-repeat: no-repeat;
padding-left: 27px;
background-position: 0.5em 0.3em;
}

ol
{
margin-left: -20px;
}

ol li
{
font-size: 12px;
}
 


										/* FORM STUFF */


input, textarea, select 
{
font-family: arial, ms sans serif; 
font-size: 13px;
}



										/* FONTS */


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

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

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: #3896D1;
margin-top: 0px;
margin-bottom: 0px;
}

.columnleft h3
{
text-align: center;
margin-bottom: 10px;
}

.columnright h3
{
text-align: center;
margin-bottom: 10px;
}

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

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

.newsbox em
{
color: #3896D1;
font-style: normal;
}

.newsbox p
{
margin-bottom: 0px;
}

.footer p
{
clear: none;
}

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

.caption em
{
color: #2778AD;
font-style: normal;
}

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

.bigcaption em
{
color: #2778AD;
font-style: normal;
}

.flagcaption p
{
font-size: 12px;
line-height: 1em;
text-align: center;
}

.menu p
{
text-align: center;
}

.columnleft p
{
text-align: center;
}

.columnright p
{
text-align: center;
}

									
										/* 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: #D7EAF6;
}

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

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

.bigimage
{
clear: both;
float: left;
margin: 5px 0px 10px 0px;
width: 585px;
background: #D7EAF6;
}

.bigcaption
{
float: left;
width: 575px;
padding: 0px 5px 5px 5px;
}

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

.flagleft
{
clear: both;
float: left;
width: 110px;
padding: 0px 35px 0px 35px;
margin: 10px 10px 0px 0px;
}

.flagmid
{
float: left;
width: 110px;
padding: 0px 35px 0px 35px;
margin: 10px 10px 0px 10px;
}

.flagright
{
float: left;
width: 110px;
padding: 0px 35px 0px 35px;
margin: 10px 0px 0px 10px;
}

.flagcaption
{
margin: 0px auto;
width: 180;
}


/* external link icon */
.external
{
clear: none;
width: 14px;
height: 14px;
margin: 0px 2px 0px 2px;
background: url(../images/icon-ext.gif) top left no-repeat;
}

.external:hover
{
cursor: pointer;
}

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

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

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

/* pdf links with icon */											
.pdf a:link 
{
color: #3896D1;
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: #3896D1;
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: #D4E8F5 url(../images/icon-pdf.gif) no-repeat top right;
zoom: 1;
}

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

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

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

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

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

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


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

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

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

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

.menu a:visited 
{
color: #3896D1;
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;
}