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

#container {
	padding: 0;
	background-color: #FFF;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}
	

/*position: fixed;top: 0;left: center; z-index:10;*/ 
	
#top-menu{width:150px; height: 80px;  float:left; }

.header{float:left; margin:50px 60px 20px 60px; width:860px; }
.header h1{	font-size: 500%; color:#666; text-align: center }

.feature-text{width:860px; float:left; margin:40px 40px 50px 60px; }

.feature-text h1{font-size: 400%; color:#666; text-align: center; padding:40px 0px 40px 0px;}

.feature-text h2{font-size: 260%; color:#666; }

.feature-text-image {float:left; margin:0px 40px 0px 0px;}
.feature-text h3{font-size: 240%; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-style: normal; color:#666; padding-top:50px;}

.feature-text p{color:#333;}
.feature-text p a{color:#069; text-decoration: underline;}

.text{float:left; width: 860px;margin:0px 80px 40px 60px;}

.text h1{font-size: 400%; color:#666; text-align: center;}
.text p{color:#333;}
.text p a{color:#069; text-decoration:underline;}
.text h2{color:#069; }
.text h2 a{color:#000; text-decoration:underline;}
.text h3{font-size: 250%; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-style: normal; color:#666; }



.float{float:left;}

.image{float:left; margin:40px 0px 40px 0px;}

.image2{float:left; margin:40px 50px 40px 0px;}

.image3{float:left; margin:40px 0px 0px 0px;}

.image4{float:left; margin:40px 40px 40px 0px;}

.image5{float:left; margin:40px 60px 40px 60px;}

.image6{float:left; margin:40px 60px 40px 0px;}


.frame{width:900px; height:960px;border: 1px solid #FFF; float:left; margin:40px 0px 50px 40px;}


.bottom-nav {float:left; width:450px; height:120px; padding:5px 0px 0px 40px; border-bottom: medium solid #333; border-top: medium solid #333;}


.newspaper {float:left; width:400px; height:600px; overflow:scroll; margin:40px 0px 0px 60px; }
.newspaper p{font-size: 180%; }

.newspaper-block{float:left; width:980px;}
.scroll-down{float:left; width:360px; height:45px;  padding:5px 0px 0px 40px;background-color:#CCC;margin:0px 0px 0px 60px;}



.bottom-nav-arrow{float:left; margin:20px 20px 0px 0px;}

.bottom-nav h2 {float:left; font-size: 200%;}

.bottom-nav h2 a{color:#333;}

	.bird-detail {float:left; width:860px; margin:20px 60px 20px 60px; background-color:#333; border-bottom: medium solid #333; border-top: medium solid #333;}

.bird-detail-left {float:left; width: 420px; }
.bird-detail-left p {font-size:90%; color:#fff; margin-left:20px;  }
.bird-detail-left p a, .bird-detail-right p a { color:#fff; text-decoration: underline;  }

.bird-detail-right {float:left; width: 360px;  margin:0px 20px 20px 40px; height:400px; overflow:scroll;}
.bird-detail-right h2{color:#fff; font-size: 260%; }
.bird-detail-right p{color:#fff; font-size: 170%;}
.bird-name{font-style: italic; color:#666;}

.birdsound {width:420px;  padding:20px 0px 0px 0px;}

.scroll-down{float:left; width:370px; height:45px;  padding:5px 0px 0px 40px;background-color:#666;margin-left:450px;}