* {
  padding: 0;
  margin: 0;
}


body {
  font-family: Helvetica, Arial;
  color: #5C5843;  
/* #767056	First Edit */
/* #948E74  Original*/  
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
		color:#625C42;

/* #ADA787 */
}

.clear {
  clear: both;
}

a img {
	border: none;
	}

a#current-letter {
font-weight: bold;
border-bottom: 3px solid #787C68;
}

#wrap {
  width: 963px;
  margin: 15px auto;
}

#masthead {
  margin-bottom: 3px;
  position: relative;
  width: 963px;
  height: 157px;
} 
	
  #logo {
    background: url(../../images/logo-darker.png) no-repeat;
    height: 115px;
    width: 123px;
    float: left;
    position:relative;
    top:7px;
  }
    #logo h1 {
      display: none;
    }
   
  #top_callouts {
    float: right;
    width: 775px;
  } 
    #top_callouts h2 {
     font-size: 18px; 
     font-weight: normal;
     margin: 15px 0px 2px 0px;
    }
    #top_callouts p {
     font-family: Arial;
     font-size: 11px;
     line-height: 16px;
    } 
    #top_callouts a {
     text-decoration: none;
     font-family: Arial;
     font-size: 12px;
     position: relative;
     top: 8px;
     padding-right: 20px;
    }
      
     #top_callouts .callout {
       width:245px;
       float: left;
       padding:0 5px;
     } 

/* They said they wanted darker colors, so I dropped each RGB value by 20, and put the original color in a comment under it. */     

      #top_callouts .member h2, #top_callouts .member p, #top_callouts .member a {
        color: #616D73;

/*		#758187			First Edit */
/*      #939fa5			Original   */
		width:225px;
      }
         #top_callouts .member a {
           background: url(../../images/arrow_grey.png) no-repeat right center;  
         }
         
      #top_callouts .help h2, #top_callouts .help p, #top_callouts .help a {
        color: #69616F;
        
/*		#877583			First Edit */
/*      #9b8997			Original   */
       }
         #top_callouts .help a {
           background: url(../../images/arrow_red.png) no-repeat right center;  
         }
         
      #top_callouts .webcam h2, #top_callouts .webcam p, #top_callouts .webcam a {
        color:#8E896D;
/*		#A29D81			First Edit */ 
/*      #b6af94			Original   */
        
      }
         #top_callouts .webcam a {
           background: url(../../images/arrow_yellow.png) no-repeat right center;  
         }
         
  
  #mainnav {
    clear: both;
    width: 963px;
    background: #f5f5f5;
    height: 41px;
  	font-size: 15px;
  }
   #mainnav ul { 
     margin: 0px auto;
     height: 41px;
	float: right;
	display: inline;
   } 
    #mainnav li {
      float: left;
      display: inline;
      background: url(../../images/divider_nav.gif) no-repeat right center;
      padding: 14px 20px;
      list-style: none;
    }
        #mainnav li.last {
          background: none;
        }
        
      #mainnav li a {
        text-decoration: none;
        color: #8c9599;
      }
         #mainnav li.current a {
           color: #6f7b80;
         }
     
     /* Second level nav items */


 #mainnav ul ul {
        display: none;
        position: absolute;
        width: 200px;
        background: #F5F5F5;
        z-index: 999999;
		margin: 5px 0 0 -20px;
     }    
      
        #mainnav li:hover ul {
          display: block;
        }
         
          #mainnav li li {
            border-bottom: 1px solid white;
		    background: #F5F5F5;
			display: block;	
          }
		
		#mainnav li li.last {
		        background: #F5F5F5;
        }
           #mainnav li li a {
              font-size: 13px;
              width: 180px;
              display: block;
              padding-left: 10px;
           }

           #mainnav li.wide-nav ul  {
			height: 300px;
			width: 580px;
			}
           #mainnav li.wide-nav li  {
     	   width: 250px;
     	   float: left;
     	   height: 20px;
           }


           #mainnav li.wide-nav li a {
			width: 250px;			
           }

		           
           
	           #mainnav li li a:hover{
				color: #5E737C;
/*				color: #6f7b80;  */
				

	           }
	           
    
     
 #homebanner {
   height: 273px;
   width: 963px;
   overflow: hidden;
/*   background: url(../../images/home_banner.jpg) no-repeat; */
 }    
 
 
 #homebanner li {
 	list-style-type: none;
   height: 273px;
   width: 963px;
 	overflow: hidden;
 	}
 	
 #subbanner {
   height: 146px;
   width: 963px;
   background: url(../../images/sub_banner.jpg) no-repeat;
 } 
     
     
     
 #subnav {
   background: url(../../images/divider_content.gif) repeat-y right center;
   float: left;
   margin:14px;
   width:250px;
 }    
 
 #subnav p {
 	margin: 0 10px;
 	} 
   #subnav li {
     list-style: none;
     margin:5px 0;
   }
    
    #subnav li.topCurrent, #subnav li.level-1.current {
		font-weight: bold;
		border-bottom: 1px solid #526569;
		width: 89%;		
		}
		
		#subnav li li {
			font-weight: normal;
			}
	
	#content #subnav li.current span a {
       background: url(../../images/arrow_content_grey.gif) no-repeat left center;
    	color: #526569;
		}
	

	
	#subnav li.level-3 {
		width: 80%;
		
		}
	
    #content #subnav a {
       text-decoration: none;
       font-size: 11px;
       color: #6f7b80;
       background: url(../../images/arrow_content_grey.gif) no-repeat left center;
       padding-left: 18px;
     }
    	
    #content #subnav li ul li a {
    	background: none;
    	}
     	
     	#content #subnav a:hover {
    		color: #526569;

/*    		color: #556C6C;  */

     		}	 
     
     
 #content {
   width: 963px;
   margin: 3px 0px;
   background: #e3ddc5 url(../../images/bg_content.jpg) no-repeat center top;
 }    
 
 #content h5 {
 	margin-bottom: 10px;
 	}
 

 
   #content .callout {
     width: 290px;
     padding: 15px 15px 25px 15px;
     background: url(../../images/divider_content.gif) no-repeat right 15px;
     float: left;
   }
     #content .callout.last {
       background: none;
     }
        #content img {
         padding: 6px;
         background: #f8f5e9;
         margin: 10px;
       }
          #content #recaptcha_widget_div img {
             padding: auto;
             background: #fff;
             float: none;
             margin: auto;
          }

      #recaptcha_widget_div {
        background: #fff;
        width:474px;
      }       

     #content .callout.new a{
       text-decoration: none;
       color: #847F6D;
     }   
       
       
       
       
       
  #content_inner {
    margin: 14px 5px 14px 0px;
    width: 675px;
    float: right;
  }     
       
     #content p, #content li {
/*       color: #98927d;    */
       line-height: 17px;
       margin-bottom: 10px;
     }
       #content li {
         margin-left: 15px;
       }
     
     #content h2, #content h3, #content h4 {
       font-weight: lighter;
       font-size: 18px;
       margin-bottom: 10px;
     }
       #content h2 {
         font-size: 16px;
/*		color:#ADA787;   */
        }
       #content h3 {
         font-size: 14px;
       }
     
        #home #content h5 {
          margin: 11px 0px 4px 0px;
        }
     
     
    #content a {
      color: #787C68;
      text-decoration: none;
    } 
      #content a:hover {
      text-decoration: underline;
      }	
      
       #content a.arrow {
         background: url(../../images/arrow_content.png) no-repeat right center;
         padding-right: 17px;
         position: relative;
         top: 10px;
       }
     
     #content div div {
     	margin: 10px;
     	}
 	  #content div#map div{
 		padding: 0;
  		margin: 0;
  		float: none;
	 }
	 
	 #content div#map img{
 		padding: 0;
  		margin: 0;
  		float: none;
  		background: none;
  		
	 }

     
     
 #footer {
   background: #f8f6f0;
   height: 53px;
   width: 963px;
 }    
   #footer ul {
     float: left;
     width: 400px;
     margin: 10px;
   }
     #footer li {
       list-style: none;
       float: left;
       padding: 0px 6px;
       background: url(../../images/divider_footer.gif) no-repeat right center;
     }
     	#footer li.last {
     		background: none;
     		}
     
       #footer a {
         text-decoration: none;
         color: #bbb6a5;
         font-size: 11px;
       }
            
   #footer p {
     float: right;
     color: #bbb6a5;
     font-size: 11px;
     margin: 10px;
     letter-spacing: .5px;
     line-height: 16px;
     text-align: right;
   }
 
 
 
label {
 display: block;
 font-size: 12px;
 color:#98927D;
 margin-top: 10px;
} 
 
 
#ZoomCaption {
  padding: 10px;
  text-align: center;
}

div#sort {
	margin: 20px 0;
	text-align: center;
	}

div#sort a {
	margin: 0 5px;
	font-size: 14px;
	
	}

div#sort h3 {
	margin: 10px auto;	
	}

	div#sort h3 a {
		font-size: 100%;
		}
	
#content div#sort a:hover {
	text-decoration: underline;
	}



ul.columns {
	float:left;
	display: inline;
	margin:10px;
	padding:0;
	width:20%;
	list-style-type: none;
	}
	
	
	
/* tables */

table {
	width: 100%;
	}
	
	table td {
		line-height: 130%;
		vertical-align: top;
		} 
	
	#content table td div {
		margin: 0;
		}
	
	#content table tr td img {
		margin: 0;
		}

	table#board {
		width: 80%;
		} 
		
	table.data {
		background: #F8F5E9;
		width: 99%;
		margin: 10px 10px 0 0;
		}
			
		table.data td {
			border: 2px solid white;
			text-align: left;
			padding: 3px;
			}
			
	table.pics-right {
		float: right;
		width: 230px;
		}

	table.bird-list td  {
		text-align: center;
		}
	
		
/* Photo colunms and other random things */

#content .image {
	width: 250px;
	background: #F8F5E9;
	display: inline;
	float:right;
	margin: 10px;
	}

	
	#content .image img {
		width: 95%;
		margin: 0;
		}
	
	#content .no-width img {
		width: auto;
		}
		
	#content .image p {
		margin: 0px 7px;
		}

#content .left {
	float: left;
	}

#content .full {
	width: 100%;
	}

#content .wide {
	width: 400px;
	}
	
#content .photo-column {
	width:265px;
	float: right;
	
	}
	
	#content .small {
		width: 200px;
		}
		
	#content div img.no-float {
		float: none;
		}
		
 	#content div.no-float {
		display: block;
		}
	
 .eaglecomments{
 	height: 200px;
 	overflow-y:scroll;
 }
 .eagleName a{
 	background-color: #f8f6f0;
 	padding-left: 10px;
 	padding-right: 10px;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	border: 1px solid #a59c82;
 	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -border-radius: 5px;
 	margin-left: 10px;
 	text-decoration: none;
 }
 .eagleName a:hover{
 	background-color: #fff;
 	text-decoration: none;
 }