/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* page layout */
html {
	font-size: 62.5%;
}

body {
	background-color:#fff;
	text-align: center;
	font: 1.6em/1.6em Arial, Helvetica, sans-serif;
}

body#file404 {
	margin:5em auto;
	width:50%;
}

.smallfont, p#flickr_count {
	font-size:.8em;
	line-height:1.2em;
}

a:link, a:visited {
	color:#006FA5;
	text-decoration: none;
}

a:hover, a:active, a.selected, .ui-tabs-nav .ui-tabs-selected a {
	color:#e1036b;
	text-decoration:underline;
}

a.external {
	background: url(../images/external.png) right center no-repeat;
	padding-right:14px;
}

.break {
	clear:both;	
}

.hide,.ui-tabs-hide, #contactform label, #searchform label {
	display:none;	
}

#wrapper{
	width: 1000px;
	margin: 20px auto 20px auto;
	text-align: left;
	position:relative;
	overflow:hidden;
}

#banner:after { 
	 content: ".";  
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden; 
}

#banner {
	width:1000px;
	position:relative;
	z-index:2;
}

#logo {
	float:left;
	position:relative;
	width:120px;
}

#logo img {
	padding-left:15px;
}

#nav {
	float:left;
	position:relative;
	width:650px;
	bottom:-10px;
	margin-top:-10px;
}

#multi-col_wrapper {
	float:left;
	position:relative;
	width:770px;
	/*z-index:1;*/
}

#col-one, .col-one {
	width:130px;
	float:left;
	position:relative;
}

#col-one p, .col-one p {
	text-align:right;
	padding: 20px 20px 0 0;
}

#col-two, .col-two {
	width:640px;
	float:left;
	position:relative;
	/*z-index:1;*/
}

#col-three, .col-three {
	width:230px;
	float:left;
	position:relative;
	padding-top:45px;
}

#footer {
	width:770px;
	float:left;
	position:relative;
	z-index:5;
}

.left-margin {
	margin-left:130px;
}

.box {
	border:1px solid #9ce7ff;
	margin-bottom:1.2em;
	position:relative;
	float:none;
}

#file404 .box {
	width:15em;
	padding-top:1em;
	margin:0 auto;
}

.box h1, .box h2{
	padding:10px 0 0 21px;
	margin-left:-1px;
}

.box p, #contact p {
	padding: 5px 20px 20px 20px;
}

#contact p {
	padding: 0 0 10px 20px;
}

.box ul {
	padding:5px 0 5px 20px;
}

.indent {
	padding-left:15px!important;
}

.left {
	float:left;
	position:relative;
}

.right {
	float:right;
	position:relative;
}

.blue, #contact {
	background-color:#C5F1FF;
}

.blue h1{
	background: url(../images/arrow_w_r.png) 0 17px no-repeat;
	font-style:italic;
}

.border h1, .border h2{
	background: url(../images/arrow_bb_r.png) 0 17px no-repeat;
	color:#e1036b;
}

.white {
	border-color:#fff;
}

.white:after { 
	 content: ".";  
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden; 
}

.white h1, .white h2  {	
	color:#e1036b;
}

.box.white div{
	clear:both;
}

#col-two .white h1, .col-two .white h1, #col-two .white h2, .col-two .white h2 , #col-two .white h3, .col-two .white h3 {
	padding-left:20px;
	padding-bottom:.5em;
	line-height:1.1em;
}

#col-two .white h2, .col-two .white h2 {
	padding-bottom:.3em;
}

#contact h1{
	background: url(../images/arrow_w_d.png) 15px 0 no-repeat;
	padding: 16px 0 0 20px;
	font-style:italic;
	margin-top:-1px;
}

#col-three .white h2 , .col-three .white h2  {
	line-height:1.2em;
	padding-left:20px;
	background: url(../images/arrow_b_r.png) 0 12px no-repeat;
	margin-left:-2px;
}

#kingfisher {
	height:69px;
	width:70px;
	background: url(../images/kingfisher.png) 0 0 no-repeat;	
	position:relative;
	margin-bottom:-15px;
	margin-top:-2em;
	left:550px;
	z-index:3;
}

#file404 #kingfisher {
	margin:0 auto -15px auto;
	width:15em;
	left:15px;
	z-index:100;
}

#copyright {
	margin-top:4em;
	font-size:.8em;
	line-height:1.2em;
}

em {
	font-style:italic;	
}

h1, h2, h3, h4, h5 {
	font: 1.6em/1.6em Georgia, "Times New Roman", Serif;
}

h3, span.pseudo-hed {
	font:1.1em Georgia,'Times New Roman',sans-serif!important;
	color:#e1036b!important;
	clear:both;
	text-transform:none!important;
}	

.foot {
	background-image:url(../images/foot.png);	
}

.car {
	background-image:url(../images/car.png);	
}

.scooter {
	background-image:url(../images/scooter.png);	
}

.bike {
	background-image:url(../images/bike.png);	
}

.boat {
	background-image:url(../images/boat.png);	
}

.board {
	background-image:url(../images/board.png);	
}

.airplane {
	background-image:url(../images/airplane.png);	
}

ul.transport li {
	background-position: left center;
	line-height: 32px;
	padding-left: 36px;
	background-repeat: no-repeat;
}

#birdlist ul:after { 
	content: ".";  
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#birdlist ul{
	clear:both;
	height:100%;
}

#birdlist ul li {
	float:left;
	position:relative;
	width:309px;
	height:8em;
	padding-bottom:1.2em;
}

#birdlist ul li img {
	float:left;
	position:relative;
	padding: 5px;
	border:1px solid #fff;
}

#birdlist ul li a:link img, #birdlist ul li a:visited img {
	border-color:#9ce7ff;
}

#birdlist ul li a:hover img, #birdlist ul li a:active img {
	border-color:#e1036b;
}

#birdlist em {
	display:block;	
	font-style:italic;
}
#birdlist p{
	padding:5px 0 5px 10px;
	float:left;
	font-size:.8em;
	line-height:1.4em;
	width:169px;
}

#birdlist ul li ul {
	display:none;
}

#new li, li.new{
	background:url(../images/star.png) 95% top no-repeat;
}

#tab-nav li.new {
	background-position:20% top;
}

#tab-nav li {
	line-height:1em;
	padding:.2em 0;
}
#tab-nav li span {
	display:block;
	text-transform: uppercase;	
	font-size:.7em;
}

.ui-tabs-nav a:link span {
	color:#666;
}

.ui-tabs-nav a:hover span, a.selected span, .ui-tabs-nav .ui-tabs-selected a span {
	color:#e1036b;
	text-decoration:underline;
}

span.pseudo-hed span {
	color:#666;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:.6em!important;
}

.iucn {
	height:1em;
	width:1em;
	padding: .3em;
	display:block;
	text-align:center;
	line-height:.8em;
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em;
	font-variant:small-caps;
	margin-top:.2em;
}

.green {
	background-color:#f0ffda;
	border:1px #7ed601 solid;
}
.yellow {
	background-color:#fef6d7;
	border:1px #ffd801 solid;
}

p.iucn-key {
	font-variant:small-caps;
}

.iucn-key span{
	display:inline-block;
	margin: 0 0 5px 5px;
}
.references {
	text-indent:-30px;
	padding-left: 50px!important;
}

.audio-player {
	display:inline;
	padding:0;
	bottom:-.3em;
	left:0;
	position:relative;
}

#contactform form { 
	position:relative;
	padding: 10px 0 0 0; 
}

#searchform search {
	padding: 10px 0 0 10px; 
}

#contactform span#submit .send_button {
	float:right;
	position:relative;
	display:block;
	background:url(../images/arrow_b_d.png) center top no-repeat;
	cursor:pointer;
	border:none;
	margin:0 10px 0 0;
	padding:10px 0 0 0;
	font:1.6em/1.6em Georgia, "Times New Roman", Serif;
	color: #00689C;
}

#contactform span#submit .send_button:hover {
	color:#e1036b;
}

#contactform p input, #searchform input{ 
	width: 220px; 
	padding:.2em 9px; 
	border: 1px solid #9ce7ff; 
	color: #000;
	font: 1em/1em Arial, Helvetica, sans-serif;
}

#searchform input {
	width:100%;
}

#contactform p textarea { 
	width: 330px; 
	height:56px;
	margin-left:-10px;
	padding: 0.2em 9px;
	border: 1px solid #9ce7ff; 
	color: #000; 
	font: 1em/1em Arial, Helvetica, sans-serif;
	max-width:330px;
}

#contactform p input, #contactform p textarea { 
	background-color: #fff; 
}
#contactform p input.empty, #contactform p textarea.empty { 
	color: #006FA5; 
}
#contactform p input.stillempty, #contactform p textarea.stillempty { 
	background-color: #e1036b; 
}
#contactform p input.filled, #contactform p textarea.filled { 
	color: #000; 
}