@charset "utf-8";
/* CSS Document */

A:link { color: navy; }
A:visited { color: darkslategray; }
A:active { color: olive; }
A:hover { color: maroon; } 

body { background-image: url(../images/ocean2.jpg ); background-position:center; background-repeat:repeat; }

#container { width: 750px; margin: 0px auto; background-color: #8dcff4; padding-bottom: 100px; } 

#banner { background-image: URL(images/copy_of_banner5.gif); width:750px; height: 149px; background-position:bottom; }

#banner h1 {font-family:comic sans ms; text-align:center;
font-size:30px; 
text-align:center;
color: darkblue;
}

h2 {text-align: center; font-family:comic sans ms; text-align:center;color:darkblue;}

p {font-family:Arial; text-align:justify; padding-right: 10px;}
p.eye {font-family:Arial; text-align:right; padding-right: 10px;
}

#nav { float:left; }

.menu { padding: 2px auto;
        margin-bottom: 15px;
        margin-top: 15px
}        

.menu img { border: 0; text-decoration: none; } 
.menu a:link { border: 0; text-decoration: none; }
.menu a:visited { border: 0; text-decoration: none; }
.menu a:hover { border: 0; text-decoration: none; } 
.menu a:active { border: 0; text-decoration: none; } 





#photo_text { margin-left: 116px; margin-right: 9px; }


/* Index page */


#photo_quote { 
        font-family:arial; 
	background-color:#8dcff4; 
        padding: 5px 5px;
         }

#breaching_whale img { width: 355px; height: 300px; padding-left:1px; margin-right:10px; margin-bottom:5px; margin-top: 10px; float:left; }

#whalewatching_photo p {text-align:center; }
#text { text-align: justify; }


#quote img {width: 95px; height: 95px; } 

#citation { margin-left:3px;}

#photo_citation { margin-left:450px; }

#quote { padding-right: 15px; }

#quote p { margin-top:5px; margin-left: 5px; }


#meet_the_grays { border: .15em solid navy; 
		  margin-top:10px; 
		  padding-left: 10px;
		  padding-bottom:6px;
		  background-color:#49bdef;
                  text-align: justify;
                  padding-right: 10px; 
                  
                  
}

#pachico { margin-top: 4px;  margin-left: 7px; text-align: justify; padding-right: 20px; padding-left: 9px;  }
				  

#whalewatching_photo strong {text-align:center; font-family:comic sans ms; font-size:14px; }

#pachico_headline {color: blue; text-align:center;}

#whalewatching_photo  img {
	float: left;
	padding-right: 4px;
	margin-right: 7px; 
}

#center strong {margin-left: 55px;}


#whalewatching_photo_pachico_text { border:solid .20em navy; margin-top: 10px; background-color:#a5d8fc;  }

#learn p {text-align:center; font-weight:bold; font-size:18px;}

#footer { text-align: center; 
          font-family: comic sans ms; 
          font-size: 65%; 
          border-bottom: 0px;
          padding: 4px;
          width: 170px;
          margin: auto;
          margin-bottom: 3px;
          margin-top: 30px;
}


/* Conservation Page */

#dead_gray_photo_and_caption { float:left; margin-right:9px; margin-top: 4px; }

#dead_gray_caption { width:320px; font-family:comic sans ms; text-align:center; font-size:1em;}

#salt_works_division { border:.15em solid navy; background-color: #49bdef; padding: 10px 10px;  margin-right: 5px; }

#sonar_division { border:.25em solid navy; margin-top: 25px; margin-right: 10px; padding-left: 9px; padding-right: 7px; padding-bottom: 15px; background-color: #7c9bcf; }

#sonar_and_caption { float:left; margin-right:7px;}

#sonar img { width: 205px; height:265px; margin-top: 4px; margin-right: 5px; }

#sonar_caption { font-family: comic sans ms; font-size: 1em; text-align:center; }

table { border-color: #0033FF; border-width:4px; }

table th { background-color: #00CCFF;}

.cell { background-color: #0066FF; }

.cell2 { background-color: #00CCFF; }

#population_stats { margin-top: 30px; }

table { margin-left: auto; margin-right:auto; }



/* whalewatching page */

#baby_gray_and_caption { float:left; margin-right: 10px; margin-top: 11px; }

#dawn { margin-top:9px; }

#lagoon_landscape { background-image: URL(images/lagoon_landscape.jpg);  background-repeat: no-repeat; margin-right: 10px; margin-top: 25px; }

#image9a img { margin-left: 10px; margin-top: 20px; float:left; }

#image15 { margin-left: 325px; padding-top: 15px; }

#image6a img {float:left; margin-left: 50px; margin-top: 70px; }

#image4 img { margin-left: 175px; margin-top: 80px; }

#lagoon_landscape a:link {text-decoration: none;}

#lagoon_landscape a:visited {text-decoration: none;}

#lagoon_landscape img {border-style:none;}

#photo_caption { float:left; }

#breaching_photo { float: left; padding-top: 23px; padding-left: 7px; }

#breaching_whale_division { margin-top: 40px; border: .15em solid navy; background-color: #6ec6f1; padding: 10px; padding-bottom: 60px; margin-bottom: 40px; }

#breaching_division_text { margin-left: 200px; }





/* Migration and Feeding Page */


#video_and_caption {float:left; margin-top:20px; margin-right: 9px;} 

#video_caption {font-family: comic sans ms; margin-left: 12px;}

#headline {font-family:comic sans ms; text-align:center;}  

#migration_map_and_text img {float:right; margin-left:14px; margin-right:10px; margin-top: 17px; height: 345px;}

#migration_map_and_text { border: .18em solid navy;   background-color: #8dcff4; padding-left: 10px; margin-right: 7px; margin-top:20px;} 


#seabed_feeding { float: left; margin-top:20px; margin-right: 5px;}

#seabed_feeding img { margin-top: 4px; } 

#seabed_caption { font-family: comic sans ms; text-align:center;}

#feeding_division { border: .15em solid navy; padding-left: 9px; padding-right: 8px; padding-top: 0; margin-top: 30px; margin-right: 7px; background-color: #8dcff4; }


/* Reproduction Page */

#baja_map img { margin-top: 15px; } 

#aerial_lagoon_photo_and_caption { float:left; }

#aerial_lagoon_photo_and_caption img { margin-right: 5px; }

#gestation: { padding-bottom: 160px; }



/* Physiology page */

#baleen_photo_and_caption { margin-top: 15px; float:left; margin-right: 6px; }

#baleen_photo_caption { text-align: center; }



#drawing {  margin-top: 25px; margin-bottom: 25px; }

#drawing img { border: .20em solid navy; }


#baleen_photo img { width:275px; height:215px; margin-right: 4px; }


#baleen_photo_caption { font-family: comic sans ms; padding-left: 7px; }

#drawing img {margin-right:10px; }

#whale_dwarfs_man { float: right; }

#whale_dwarfs_man_image { margin-top: 26px; margin-left: 11px; margin-right: 5px; }

#whale_dwarfs_and_text { border: 2px solid navy; background-color: #49bdef; margin-top: 45px; margin-bottom: 45px; margin-right:13px; padding-left: 10px; padding-bottom: 25px; padding-right: 10px; }

#whale_dwarfs_man_caption { text-align: center; font-size: small; margin-top: 4px; font-family: comic sans ms; }

#whale_dwarfs_text { margin-right: 10px; }

#whale_call { margin-top: 40px; border: 2px solid navy; background-color: #00b5ef; margin-right: 10px; }

#whale_sound_and_caption { float: left; margin-top: 15px; }

#whale_sound img { padding-left: 7px; margin-top: 7px; margin-right: 6px; margin-left: 7px; }

#caption { text-align: center; font-family: comic sans ms; }

#whale_call_text { padding-left: 10px; padding-right: 10px; }

#big { font-size: 2em; }



/* Reproduction Page */

#baja_map {float: left; margin-right: 5px; }

#text_adjacent_baja_map { margin-top: 10px; }

#aerial_lagoon_photo_and_caption {float:left; margin-right: 5px; margin-top:4px;}

#lagoon_photo_caption { font-family:comic sans ms; text-align:center; }



/* Enemies Page */

#first_paragraph { margin-top:15px; }

#harpoon_picture { margin: 2px 7px; }

#whaling { float:left; margin-right:9px;}

#killing_whales { border: .1em solid navy; background-color: #00b5ef; padding-bottom: 70px; margin-top: 30px; margin-left: 10px; margin-right: 7px; margin-bottom: 40px; }

#killing_whales img { margin-top: 2px; padding-left: 8px; }



/* Bibliography Page */


.books { text-decoration: underline; } 


#book_cover_photo img { float:left; margin-top: 17px; margin-right: 7px; }

#bitmap_caption { font-family: comic sans ms; font-size: 1em; float: left; }

#bitmap_division { padding-bottom: 75px; }

#blinking_whale { height: 280px; text-align: center; background-color: #CCFFFF;   margin-top: 120px; margin-right: 65px; }

#blinking_whale_caption { font-family: comic sans ms; font-size: 1.2em; margin-bottom: 5px; color: #3300FF; } 



/* History Page */


#headline { margin-top:12px;}

#ambulocetus_and_caption { margin-top: 12px;}

#ambulocetus_image { text-align:center; border: margin: 0px auto; }

#ambulocetus_caption {font-family:comic sans ms; font-size:.7em; text-align:center; }


#atlantic_graywhale_distribution_map {float:left; margin-right: 7px;}

#distribution_map img { width:350px; height:175px; margin-right: 3px; margin-top: 5px; } 

#distribution_map_caption   {width: 325px; font-family: comic sans ms; }

#text_after_paleo {height:175px; margin-left:10px;}