body{
     color:#000305;
     font-size:87.5%;
     font-family:Arial;
     line-height:1.5;
     text-align:justify;
     overflow-y: scroll}
body p strong, body li strong{
 font-weight:700;}

body p b, body li b{
 font-weight:700;}
 
body li i, body p i, body figure i, body h2 i, body h1 i {
 font-style:italic;} 
 
body p .c, body h1 .c, body h2 .c {
 font-variant: small-caps} 
 
body p {
 margin-bottom:10px;
 }  

body p sup {
    vertical-align: super;
    font-size: smaller;
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 10px;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color:#fff;
    background-color: rgba(153, 153, 255, 0.50);
    border-radius:20px 0 0 20px;
    font-size: 12px;
    padding: 1em;
    display: none;
    
}

.back-to-top:link, visited {    
     color:#fff;
     font-weight:700;
} 

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
    color:#fff;
    font-weight:700;
} 

figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
}

figcaption {
font-size:85%;
font-family:Arial;
}

.center {
     text-align:center}  
.bold {
     text-weight:700}  
.body sub{
vertical-align: sub;
font-size: smaller}
          
a{
     text-decoration:none}
a:link,a:visited{
     color:#33f}
a:hover,a:active, a.active{
     color:#666}
a.old {
     color:#333}      
.ital{
     font-style:italic}
.foto{
     font-size:82%}
    
.hidden{
     position:absolute;
     clip:rect(1px 1px 1px 1px);
      clip:rect(1px,1px,1px,1px)}
.body{
     margin:0 auto;
     width:94%;
     clear:both}
.body img{
     border:0;
     max-width:100%;}
.logo{
     background-image:url("titlebirds.jpg");
     background-repeat:no-repeat}
a#homelink{
     display:block;
     width:160px;
     height:140px;
     background-image:url("titlebirds.jpg");
     text-indent:-9999px}
.navigation{
     width:25%;
     margin-top:0;
     float:left;
     line-height:1.3}
.navigation nav{
     padding:5px 7px 15px 12px}
.navigation nav ul{
     list-style:none;
     margin:0 auto}
.navigation nav ul li{
     padding:1px 2px 0}
.navigation nav a:link,.navigation nav a:visited{
     color:#333}
.navigation nav a:hover,.navigation nav a:active,.navigation nav .active a:link,.navigation nav .active a:visited, .navigation nav .activedesktop a:link, .navigation nav .activedesktop a:visited{
     background-color:#666;
      background:rgba(51,51,51,0.1);
     color:rgba(51,51,51,1);
     display:inline-block;
     text-shadow:none;
     border-radius:3px;
     display:block}
    
.navigation nav ul li a{
     border-radius:3px}
.navigation p{
     padding:0 0 5px 7px}
.navigation form{
     padding:0 0 7px 7px}
   
.navigation form input.textfield{
     width:110px;
     height:27px;
     background:#efefef;
    border:1px solid #dedede;
    padding:1px;
    margin-top:3px;
    font-size:0.9em;
    font-family:Arial;
    color:#3a3a3a;
    border-radius:5px;}
.navigation form input:focus, textarea:focus {
    border:1px solid #339900;
  }   
.navigation form input.button{
     background:#fff;
     border:1px solid #999;
     color:#000;
     width:60px;
     border-radius:10px;
     box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.2)}
.navigation form input.button:hover,.navigation form input.button-link:focus{
     background:#ccc;
     transition-duration:.2s}
.navigation form input.button:active{
     box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
     background:#3c0;
     border:solid 1px #203E5F}
.maincontent{
     line-height:1.5}
.content{
     width:50%;
     float:left}
.news { background:rgba(51,51,51,0.1);
     color:rgba(51,51,51,1);
     display:inline-block;
     text-shadow:none;
     border-radius:3px;
     display:block;
     padding:2%}      
.topleft{
     border-radius:3px;
     padding:3% 3% 1% 5%;
     margin-top:2px}
.photomonthov {
     text-align:center;
     font-size:80%;
     }
.photomonthov img {
     padding:5px;
     }     
.subnav {
      margin-top:12px;
      padding:0 0 0 5%;
      } 
 
.subnavlist li{
     display: inline;
     list-style-type: none;
     font-size:75%;
     font-weight:700;
     }
       
.photomonth{
     float:left;
     padding:5px 10px 0 0;
     font-size:70%}
.photomonth img{
     border:0}
.bottomleft{
     padding:1% 3% 3% 5%;
     margin-top:2px}
.topleft h1{
     font-weight:700;
     text-align:center;
     margin-bottom:10px}
.topleft h2{
     font-weight:700;
     text-align:center;
     margin-bottom:5px;
     margin-top:20px}
.topleft h3{
     font-weight:700;
     text-align:left;
     margin-bottom:5px;
     margin-top:20px}
.topleft ul {
     padding:0px 0px 10px;
     margin-bottom:10px;}
.topleft ul li{
     padding:10px 0 0;
     list-style-type: none;}
.topleft ol {
     padding: 0 0 0 10px;
     margin-bottom:10px;
     counter-reset:yourCounter;}
.topleft ol.species {
     font-size:85%}        
.topleft ol li{
     list-style-type: decimal;
     }  
.topleft ol li:not(.skip) {
    counter-increment:yourCounter;
    list-style:none;
}
.topleft ol  li:not(.skip):before {
    content:counter(yourCounter) ".";
    
}
.topleft ol  li.skip {
        list-style:none;
        
}
     
.topleft form {
    text-align:center;
    padding: 5px; 
   }
.topleft form input.button{
    font-weight:700;
    background:#f60;
     border:1px solid #999;
     color:#000;
     width:170px;
     height: 40px;
     border-radius:20px;
      box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);}
.topleft form input.button:hover,.topleft form input.button-link:focus{
     box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
     background:#ccc;
     transition-duration:.2s}
.topleft form input.button:active{
     box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
     background:#3c0;
     border:solid 1px #203E5F}         
.bottomleft h2{
     font-weight:700;
     color:#333;
     text-align:left;
     margin-bottom:10px}
.bottomleft ul {
     list-style:disc;
     padding:3px 10px 0;
     margin-bottom:10px;}
.bottomleft ul li{
     padding:10px 0 0}       
.topleft img{
     border:0}
.topleft imageMap {
     max-width:100%;
     border:0}   
.thumbnails {
      text-align:center;} 
.bottomleft img{
     max-width:100%;
     border:0}
.topleft #news li {
  display: inline;
  list-style-type: none;
  padding:5px;}       
.top-sidebar{
     width:25%;
     float:left;
     font-size:85%}
.top-sidebar #news li {
  display: inline;
  list-style-type: none;
  padding:5px;}      
.bottom-sidebar{
     width:25%;
     float:left;
     font-size:85%}
.top-sidebar h2{
     font-weight:700;
     text-align:center;
     margin-bottom:10px}
.top-sidebar h3{
     font-weight:700;
     text-align:center;
     margin-bottom:5px;
     margin-top:5px}

.bottom-sidebar h2{
     font-weight:700;
     text-align:center;
     margin-bottom:10px}
.top-sidebar img{
     padding:10px 0 10px 0;
     border:0}
     
.top-sidebar ul{
     list-style-type: none;
     font-size:90%;
      }
.top-sidebar ul li {
     padding:10px 0 2px 0;
     }         
.bottom-sidebar img{
     max-width:100%;
     border:0}
.top-sidebar form {
    text-align:center;
    padding: 5px; 
   }
.top-sidebar form input.button{
    font-weight:700;
    background:#f60;
     border:1px solid #999;
     color:#000;
     width:170px;
     height: 40px;
     border-radius:20px;
      box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);}
.top-sidebar form input.button:hover,.top-sidebar form input.button-link:focus{
     box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
     background:#ccc;
     transition-duration:.2s}
.top-sidebar form input.button:active{
     box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
     background:#3c0;
     border:solid 1px #203E5F}  
         
.bottom-sidebar form {
    text-align:center;
    padding: 5px; 
   }
.bottom-sidebar form input.button{
    font-weight:700;
    background:#f60;
     border:1px solid #999;
     color:#000;
     width:170px;
     height: 40px;
     border-radius:20px;
      box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);}
.bottom-sidebar form input.button:hover,.bottom-sidebar form input.button-link:focus{
     box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
     background:#ccc;
     transition-duration:.2s}
.bottom-sidebar form input.button:active{
     box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
     background:#3c0;
     border:solid 1px #203E5F}       
.top-right{
     padding:3% 0 3% 3%;
     margin-top:2px}
.bottom-right{
     padding:3% 0 3% 3%;
     margin-top:2px;
    }
.mainfooter{
     width:100%;
     float:left;
     margin-top:2%;
     text-align:center}
.mainfooter p{
     font-size:84%;
     line-height:1.8;
     color:#000;
     padding:5px 0 10px}
.banner{
     width:100%;
     float:left;
     margin-top:2%;
     text-align:center;
     background-color:#fff}
.banner p{
     font-size:84%;
     color:#fff}
.mainfooter a:link,.mainfooter a:visited{
     color:#000}
.mainfooter a:hover,.mainfooter a:active{
     background-color:#999;
     display:inline-block;
     text-shadow:none;
     border-radius:3px}
@media only screen and (min-width:150px) and (max-width:290px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds1.jpg");
     height:100px}
a#homelink{
     width:140px;
     height:100px;
     background-image:url("titlebirds1.jpg")}
.desktop, .activedesktop{
     position:absolute;
     clip:rect(1px 1px 1px 1px);
      clip:rect(1px,1px,1px,1px)}
.navigation{
     width:100%}
.navigation nav{
     margin:0 auto;
     padding:15px 7px}
.navigation nav ul li{
     font-size:85%;
     padding:4px 0}
.navigation p{
     font-size:90%;
}
.navigation form{
     padding:0 0 7px 7px}
.content{
     width:100%;
     font-size:90%}
.topleft{
     padding:3% 3% 1% 3%} 
.bottomleft {
     padding:3% 3% 1% 3%}     
.top-sidebar{
     width:100%;
     font-size:85%}
.bottom-sidebar{
     width:100%;
     font-size:85%}
.top-right{
     padding:3% 5%}
.bottom-right{
     padding:3% 5%}

.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:291px) and (max-width:320px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds2.jpg");
     height:140px}
a#homelink{
     width:160px;
     height:100px;
     background-image:url("titlebirds2.jpg")}
.desktop, .activedesktop{
     position:absolute;
     clip:rect(1px 1px 1px 1px);
      clip:rect(1px,1px,1px,1px)}
.navigation{
     width:100%}
.navigation nav{
     margin:0 auto;
     padding:15px 7px 160px}
.navigation nav ul li{
     text-align:center;
     width:50%;
     float:left;
     font-size:95%;
     padding:4px 0}
.navigation form input.textfield{
     width:200px}
.content{
     width:100%}
.topleft{
     padding:3% 3% 1% 3%} 
.bottomleft {
     padding:3% 3% 1% 3%}       
.top-sidebar{
     width:100%}
.bottom-sidebar{
     width:100%}
.top-right{
     padding:3% 5%}
.bottom-right{
     padding:3% 5%}
.mainfooter p{
     font-size:75%;
     color:#ccc}
}
@media only screen and (min-width:321px) and (max-width:450px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds3.jpg");
     height:140px}
.foto {
     font-size:75%}     
a#homelink{
     width:130px;
     height:100px;
     background-image:url("titlebirds3.jpg")}
.desktop, .activedesktop{
     position:absolute;
     clip:rect(1px 1px 1px 1px);
      clip:rect(1px,1px,1px,1px)}
.navigation{
     width:100%;
}
.navigation nav{
     margin:0 auto;
     padding:15px 7px 160px}
.navigation nav ul li{
     text-align:center;
     width:50%;
     float:left;
     font-size:95%;
     padding:4px 0}   
.navigation form input.textfield{
     width:200px}
.content{
     width:100%;
     font-size: 95%}
.topleft{
     padding:3% 3% 1% 3%;
     font-size: 95%}
.bottomleft{
     padding:3% 3% 1% 3%;
     font-size: 95%}      
.top-sidebar{
     width:100%}
.bottom-sidebar{
     width:100%}
.top-right{
     padding:3% 5%;
     font-size: 90%}
.bottom-right{
     padding:3% 5%;
     font-size: 90%}
.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:451px) and (max-width:500px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds3_2.jpg");
     height:130px}
.foto {
     font-size:75%}     
a#homelink{
     width:300px;
     height:130px;
     background-image:url("titlebirds3_2.jpg")}
.desktop, .activedesktop{
     position:absolute;
     clip:rect(1px 1px 1px 1px);
      clip:rect(1px,1px,1px,1px)}
.navigation{
     width:100%;
}
.navigation nav{
     margin:0 auto;
     padding:15px 7px 160px}
.navigation nav ul li{
     text-align:center;
     width:50%;
     float:left;
     font-size:95%;
     padding:4px 0}   
.navigation form input.textfield{
     width:200px}
.content{
     width:100%;
     font-size: 95%}
.topleft{
     padding:3% 3% 1% 3%;
     font-size: 95%}
.bottomleft{
     padding:3% 3% 1% 3%;
     font-size: 95%}      
.top-sidebar{
     width:100%}
.bottom-sidebar{
     width:100%}
.top-right{
     padding:3% 5%;
     font-size: 90%}
.bottom-right{
     padding:3% 5%;
     font-size: 90%}
.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:501px) and (max-width:550px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds3_3.jpg");
     height:150px}
.foto {
     font-size:75%}     
a#homelink{
     width:300px;
     height:140px;
     background-image:url("titlebirds3_3.jpg")}
.desktop, .activedesktop{
     position:absolute;
     clip:rect(1px 1px 1px 1px);
      clip:rect(1px,1px,1px,1px)}
.navigation{
     width:100%;
}
.navigation nav{
     margin:0 auto;
     padding:15px 7px 160px}
.navigation nav ul li{
     text-align:center;
     width:50%;
     float:left;
     font-size:95%;
     padding:4px 0}   
.navigation form input.textfield{
     width:200px}
.content{
     width:100%;
     font-size: 95%}
.topleft{
     padding:3% 3% 1% 3%;
     font-size: 95%}
.bottomleft{
     padding:3% 3% 1% 3%;
     font-size: 95%}      
.top-sidebar{
     width:100%}
.bottom-sidebar{
     width:100%}
.top-right{
     padding:3% 5%;
     font-size: 90%}
.bottom-right{
     padding:3% 5%;
     font-size: 90%}
.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:551px) and (max-width:600px){
     .body{
     width:100%;
     font-size:95%}
  
.logo{
     background:url("titlebirds4.jpg");
     height:150px}
a#homelink{
     width:300px;
     height:140px;
     background-image:url("titlebirds4.jpg");
}
.navigation{
     width:40%}
.navigation nav{
     margin:0 auto;
     padding:5px 7px 15px}
.content{
     width:60%}
.topleft{
     padding:3% 3% 1% 3%}
.bottomleft {
     padding:3% 3% 1% 3%}           
.top-sidebar{
     width:60%;
     float:right}
.bottom-sidebar{
     width:60%;
     float:right}
.top-right{
     padding:3% 3%}
.bottom-right{
     padding:3% 3%}
.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:601px) and (max-width:750px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds5.jpg");
     height:150px}
a#homelink{
     width:300px;
     height:140px;
     background-image:url("titlebirds5.jpg");
}
.navigation{
     width:35%}
.navigation nav{
     margin:0 auto;
     padding:5px 7px 15px}
.content{
     width:65%}
.topleft{
     padding:3% 3% 1% 3%}
.bottomleft {
     padding:3% 3% 1% 3%}           
.top-sidebar{
     width:65%;
     float:right}
.bottom-sidebar{
     width:65%;
     float:right}
.top-right{
     padding:3% 5%}
.bottom-right{
     padding:3% 5%}
.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:751px) and (max-width:800px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds6.jpg");
     height:150px}
a#homelink{
     width:300px;
     height:140px;
     background-image:url("titlebirds6.jpg");
}
.navigation{
     width:30%}
.navigation nav{
     margin:0 auto;
     padding:5px 7px 15px}
.content{
     width:45%;
     float:left}
.top-sidebar{
     width:25%;
     float:left}
.bottom-sidebar{
     width:25%;
     float:left}
.top-right{
     padding:3% 5%}
.bottom-right{
     padding:3% 5%}
.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:801px) and (max-width:960px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds7.jpg");
     height:150px;
}
a#homelink{
     width:300px;
     height:140px;
     background-image:url("titlebirds7.jpg");
}
.navigation{
     width:25%}
.navigation nav{
     margin:0 auto;
     padding:5px 7px 15px} 
.content{
     width:45%;
     float:left}
.top-sidebar{
     width:30%;
     float:left}
.bottom-sidebar{
     width:30%;
     float:left}
.top-right{
     padding:3% 5%}
.bottom-right{
     padding:3% 5%}
.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:961px) and (max-width:1024px){
     .body{
     width:100%;
     font-size:95%}
.logo{
     background:url("titlebirds.jpg");
     height:150px}
a#homelink{
     width:300px;
     height:140px;
     background-image:url("titlebirds.jpg");
}
.navigation{
     width:20%}
.navigation nav{
     margin:0 auto;
     padding:5px 7px 15px}
.content{
     width:50%;
     float:left}
.top-sidebar{
     width:30%;
     float:left}
.bottom-sidebar{
     width:30%;
     float:left}
.top-right{
     padding:3% 5%}
.bottom-right{
     padding:3% 5%}
.mainfooter p{
     font-size:70%;
     color:#ccc}
}
@media only screen and (min-width:1025px){
     .body{
     width:1024px;
     font-size:95%}
a#homelink{
     width:300px;
     height:150px;
     background-image:url("titlebirds.jpg")}
}