/* CSS Document */

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


										/* SITE BODY */

.container 
{
margin: 0px auto;
padding: 0px;
width: 800px;
overflow: hidden;
background: #fff
}

/* for the banner */
.bannerbox 
{
margin: 0px auto;
padding:0px;
width: 800px;
}


.birdsheader
{
margin: 0px auto;
padding:0px;
width: 800px;
height: 318;
background: #fff url(../images/birdsheader.jpg) top left no-repeat;
}

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

.coursesheader
{
margin: 0px auto;
padding:0px;
width: 800px;
height: 318;;
background: #fff url(../images/coursesheader.jpg) top left no-repeat;
}

.lifeheader
{
margin: 0px auto;
padding:0px;
width: 800px;
height: 318;
background: #fff url(../images/lifeheader.jpg) top left no-repeat;
}

.linksheader
{
margin: 0px auto;
padding:0px;
width: 800px;
height: 318;
background: #fff url(../images/linksheader.jpg) top left no-repeat;
}

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

.researchheader
{
margin: 0px auto;
padding:0px;
width: 800px;
height: 318;
background: #fff url(../images/researchheader.jpg) top left no-repeat;
}

.supportheader
{
margin: 0px auto;
padding:0px;
width: 800px;
height: 318;
background: #fff url(../images/supportheader.jpg) top left no-repeat;
}

.toursheader
{
margin: 0px auto;
padding:0px;
width: 800px;
height: 318;
background: #fff url(../images/toursheader.jpg) top left no-repeat;
}

.visitingheader
{
margin: 0px auto;
padding:0px;
width: 800px;
height: 318;
background: #fff url(../images/visitingheader.jpg) top left no-repeat;
}


/* the main text box */	
.textbox 
{
clear: none;
overflow: hidden;
float:right;
width:550px;
margin:0px 15px 0px 0px;
padding:0px 20px 0px 20px;
background: #fff;
}


/* main text box for news alerts page */	
.alerttext 
{
clear: none;
overflow: hidden;
float:right;
width:550px;
margin:0px 15px 0px 0px;
padding:0px 20px 0px 20px;
background: #fff;
}

/* blue text box */	
.bluebox 
{
float: right;
width: 530px;
margin: 0px 0px 20px 0px;
padding: 0px 10px 0px 10px;
background-color: #E5F3FC;
}

/* grey text box used on recent sightings page */	
.greybox 
{
float: right;
width: 530px;
margin: 0px 0px 20px 0px;
padding: 0px 10px 0px 10px;
background-color: #f8f8f8;
}

.footer 
{
margin: 0px auto 20px;
width: 800px;
padding: 10px 0px 10px 0px;
border-top: #666 dotted 1px;
background: #fff url(../images/footer-device.jpg) left bottom no-repeat;
}

.line {
clear: both;
margin: 20px 0px 20px 0px;
border-top: #666666 dotted 1px;
}

form .line
{
margin: 0px 0px 10px 0px;
}


										/* LIST STUFF */

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

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

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

ol li
{
font-size: 12px;
}



										/* FORM STUFF */

.formleft
{
float: left;
width: 75px;
margin: 0px 15px 0px 0px;
}

.formright
{
float: left;
width: 460px;
margin: 0px 0px 0px 0px;
}

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




										/* NAVIGATION */

.menubox
{
float: left;
margin-top: 10px;
padding: 0px 0px 25px 10px;
width: 180px;
}

.navbox
{
float: left;
margin: 0px;
padding: 5px;
width: 160px;
height: 15px;
}

.navbox:hover
{
background: #95CFF2;
cursor: pointer;
}

.supportbox
{
clear: left;
float: left;
margin: 10px 0px 0px 0px;
width: 170px;
height: 140px;
background: #FFFFFF url(../images/supportbox.jpg) center top no-repeat;
}

/* button box */
.supportnav
{
float: left;
margin: 0px;
padding: 5px 5px 5px 15px;
width: 150px;
height: 15px;
}

.supportnav:hover
{
background: #95CFF2;
cursor: pointer;
}

.supporttext 
{
float: left;
clear: left;
width: 140px;
padding: 0px 15px 10px 15px;
}

.toursmenu
{
float: left;
width: 122px;
margin: 0px 15px 10px 0px;
background: #fff;
}

.tourmonth
{
clear: left;
float: left;
width: 122px;
padding: 5px;
margin-bottom: 5px;
background-color: #E5F3FC;
}

.tourmonth:hover
{
background: #95CFF2;
cursor: pointer;
}

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

										/* GRAPHICS */

/* images for text boxes */	
.thumbtopright 
{
float: right;
margin:0px 0px 0px 0px;
padding: 16px 0px 10px 10px;
}

/* right aligned images */	
.thumbright 
{
float: right;
width: 200px;
margin: 3px 0px 10px 15px;
padding: 3px;
border: 1px solid silver;
}
	
.sightingsimage
{
float: right;
width: 150px;
margin: 5px 0px 10px 15px;
padding: 3px;
border: 1px solid silver;
}

/* left aligned images */	
.thumbleft 
{
float: left;
width: 290px;
margin:0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
}

.leftcaption
{
float: left;
width: 290px;
}

.caption
{
float: left;
width: 200px;
}

.sightingscaption
{
float: left;
width: 150px;
}

.image
{
float: right;
width: 540px;
margin: 5px 0px 10px 0px;
padding: 3px;
border: 1px solid silver;
}

.imagecaption
{
float: left;
width: 532px;
}

.boximage
{
float: right;
width: 520px;
margin: 5px 0px 10px 0px;
padding: 3px;
border: 1px solid silver;
}

.boximagecaption
{
float: left;
width: 512px;
}

.logo 
{
float: left;
width: 50px;
height: 80px;
margin: 0px 12px 0px 30px;
padding: 0px;
background: #fff url(../images/footer-logos.jpg) no-repeat top;
}

.contactdevice
{
float: right;
width: 230px;
height: 228px;
margin: 0px 30px 0px 0px;
background: #fff url(../images/contact-device.jpg) no-repeat top;
}

.emailicon
{
clear: both;
float: left;
width: 60px;
height: 47px;
margin-right: 15px;
background: #fff url(../images/email-icon.jpg) top center no-repeat;
}

.balogo
{
float: right;
margin: 10px 0px 0px 15px;
width: 152px;
height: 124px;
background: #E5F3FC url(../images/ba-logo.jpg) no-repeat center top;
}

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

.external:hover
{
cursor: pointer;
}

.quotes
{
float: left;
margin: 10px 10px 0px 0px;
width: 42px;
height: 130px;
background: #E5F3FC url(../images/quotes.jpg) top left no-repeat;
}

.quote
{
float: left;
margin: 10px 10px 0px 0px;
width: 42px;
height: 90px;
background: #E5F3FC url(../images/quotes.jpg) top left no-repeat;
}


										/* FONTS */


h1 
{
font: 21px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #4fafe9;
line-height: 1em;
margin: 0px 0px 0px 0px;
}

.footer h1 
{
font: 18px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #4fafe9;
}

.bluebox h1 
{
font: 18px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #000;
margin: 10px 0px -5px 0px;
}

/* big grey text */
h2 
{
font: 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666;
text-align:justify;
line-height:1.3em;
}

h3 
{
font: 16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #000;
line-height:1.3em;
}

form h3
{
margin: 0px 0px 0px 0px;
}
.bluebox h3
{
text-align: justify;
}

h4 
{
font: 18px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #000;
line-height:1.3em;
}

h5 
{
font: 18px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #4fafe9;
line-height: 1em;
margin: 0px 0px 0px 0px;
}

p 
{
text-align:justify;
font: 13px Arial, Helvetica, sans-serif;
line-height:1.5em;
}

.date 
{
text-align: left;
font: 13px Arial, Helvetica, sans-serif;
color: #666;
line-height: 1em;
margin-bottom: -10px;
}

.footer p {
text-align:left;
font: 12px Arial, Helvetica, sans-serif;
line-height:1.5em;
}

.footer em
{
font-size: 16px;
font-style: normal;
color: #999999;
}

.newsformleft p 
{
text-align: left;
font: 13px Arial, Helvetica, sans-serif;
line-height:1.5em;
}

.imagecaption p
{
font-size: 11px;
line-height: 1.2em;
margin-bottom: 0px;
margin-top: 0px;
}

.imagecaption em
{
color: #4fafe9;
font-style: normal;
}

.boximagecaption p
{
font-size: 11px;
line-height: 1.2em;
margin-bottom: 0px;
margin-top: 0px;
}

.boximagecaption em
{
color: #4fafe9;
font-style: normal;
}

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

.caption em
{
color: #4fafe9;
font-style: normal;
}

.sightingscaption p
{
font-size: 11px;
line-height: 1.2em;
margin-bottom: 0px;
margin-top: 0px;
}

.sightingscaption em
{
color: #4fafe9;
font-style: normal;
}

.leftcaption p
{
font-size: 11px;
line-height: 1.2em;
margin-bottom: 0px;
margin-top: 0px;
}

.leftcaption em
{
color: #4fafe9;
font-style: normal;
}

.list p
{
margin: 0px;
}

.navbox p
{
line-height: 1em;
margin-bottom: 0px;
margin-top: 0px;
}

.tourmonth p
{
line-height: 1em;
margin-bottom: 0px;
margin-top: 0px;
text-align: center;
}

.supportnav p
{
line-height: 1em;
margin-bottom: 0px;
margin-top: 0px;
}

.supportbox p
{
margin-top: 0px;
}

.supporttext p
{
text-align: left;
line-height: 1.3em;
}

.alerttext em
{
font-size: 14px;
font-style: normal;
color: #FF6666;
}

.transferbox p
{
text-align: center;
}

.transferbox h3
{
text-align: center;
}


.bluebox em
{
color: #000;
}
										/* LINKS */


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

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

.body a:hover
{ 
background-color: #FDC4B3;
}

/* info 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-color:#ccc;
cursor: help;
}

/* menu link */
.menu a:link 
{
color: #000;
text-decoration: none;
}
.menu a:visited 
{
color: #000;
text-decoration: none;
}
.menu a:hover 
{ 
color: #000;
text-decoration: none;
}