body {
	font-family: /*"Lucida Grande", */Helvetica, Arial, sans-serif, Verdana;
	text-align: center;
	margin: 0px;
	font-size: 12px;
	background: #ffffff;
}
/* *, * focus { 
        outline: none; 
        margin: 0; 
        padding: 0; 
} */
#container {
	width: 1024px;
	margin: auto;
	text-align: left;
	border: 1px solid #ccc;
	margin-bottom: 0px;
	padding: 0px;
 	color: #666;
}

#top {
	width: 1024px;
	height: 150px;
}




#search_bar {
	float: left;
}

input {
	vertical-align: middle;
}

#site_search fieldset {
	background: none;
	border: 0;
	padding: 5px;
}

#site_search img {
	vertical-align: middle;
	border: 0;
}
	
#q {
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50); /*IE's opacity*/
	font-size: 11px;
	color: #06f;
}

li img {
	vertical-align: middle;
}

#top1 {
	width: 1024px;
	height: 150px;
}

.main_frame {
	float: right;
	width:700px;
	text-align:left;
	font-size:10px;
	line-height:18px;
}


#logged_in {
	width: 1024px;
	min-height: 34px;
	font-size: 10px;
	line-height: 32px;
	text-align: right;
	background: #bbb;
}

#logged_in img {
	vertical-align: middle;
}

#list {
	float:left;
	width:300px;
	font-size:10px;
	text-align:left;
	color:#444;
	margin-bottom:10px;
}

#password_form {
	float:right;
	width:700px;
	text-align:left;
	font-size:10px;
}

a img { 
 	border: none ; 
} 

h1 {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

h2 {
	text-align: left;
	font-size: 11px;
	font-weight: 700;
	line-height: 14px;
	margin:0px;
	padding: 0px;
}


/*This is the toggle css*/
h3.trigger {
	padding: 0 0 0 35px;
	margin: 0px;
	background: url(../style_images/toggle1.png) no-repeat;
/*	height: 24px;*/
	line-height: 24px;
/*	width: 100%;*/
	font-size: 11px;
	font-weight: 400;
/*	float: left;*/
}

h3.trigger a {
	display: block;
}
h3.trigger a:hover {
/*	text-decoration: underline;*/
	text-decoration: none;
}
h3.active {background-position: left bottom;}


h3 {
	text-align: left;
	font-size: 11px;
	line-height: 24px;
	font-weight: 400;
	margin: 0px;
	color: #000;
	vertical-align: middle;
}

h3 img {
	vertical-align: middle;
}

h3.head1 {
	font-size: 12px;
	text-indent: 3px;
	font-weight: 700;
	margin:5px 0px 3px 0px;
	padding: 5px 0px 5px 0px;
	background: #bbb;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	color: #000;
}

h4 {
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	margin:0px;
	margin-bottom: 3px;
	padding:0px;
	color: #000;
}

h4.order {
	font-size: 10px;
	font-weight: 400;
	margin:5px 0px 3px 0px;
	padding: 5px 0px 5px 0px;
	background: #ccc;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	color: #000;
}

h5.family {
	font-size: 10px;
	font-weight: 400;
	background: #eee;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-indent: 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	color: #000;

}

h4.order img, h5.family img {
	vertical-align: middle;
}


h5 {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	text-align: left;
	margin-bottom:5px;
	margin-top: 5px;
	text-indent: 10px;
}

h6 {
	font-size: 1.0em;
	line-height: 1.1em;
	font-weight: 400;
	text-align: left;
	margin:0px;
}

a {
	text-decoration: none;
	color: #000;
	font-weight: 400;
}

a:hover {
/*	text-decoration: underline;*/
	text-decoration: none;
	color:#06f;
}

/*Tooltip from cssplay.co.uk*/
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #aaa; background:#ccc; width:150px; filter:alpha(opacity=90); opacity:0.90;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background: url(../style_images/tooltip.png) 0 0; display:block; font-size:1px; filter:alpha(opacity=90); opacity:0.90;}

/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; margin-bottom: 10px}
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
/*.rbroundbox { margin: 1em auto; }*/

.box {
	background: #f5f5f5 url('../style_images/divbottom.gif') repeat-x bottom left;
	margin-bottom: 10px;
}

.in_the_box {
	padding: 10px;
}


/*#site_search fieldset {
	border: none;
	width: 130px;
	padding: 0px;
	margin: 0px;
}

#site_search legend {
	font-size: 0.9em;
}*/

.bird_name {
    width: 280px;
    font-size: 10px;
    margin-top: 5px;
}

.bird_bar {
	font-size: 9px;
    height: 12px;
    margin-bottom: 10px;
    background-color: rgb(214,221,255);
    border-top: 1px solid #eee;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #777;
}

#intro {
	width: 100%;
	float: left;
	margin:0px 0px 0px 0px;
}

#intro_text {
	font-size: 11px;
}

#intro p {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

p.intro {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 12px;
}


#blog_entry_form {
	float: left;
}

.species_table {
	line-height: 16px;
}

#blogdisplay {
	width: 624px;
	float: left;
	margin: 0px 0px 20px 0px;
}

#blogdisplay p {
	margin: 0px;
	margin-bottom: 4px;
	line-height: 16px;
	font-size: 12px;
	font-family: Times;
}

#blogdisplay li {
	font-size: 11px;
	line-height: 14px;
}

#blogdisplay img {
	border: 0px;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

.blog_title {
	font-family: Times;
	font-size: 28px;
	font-weight: light;
	margin-bottom: 15px;
}
.blog_date {
	font-family: Times;
	font-style: italic;
	font-size: 14px;	
	margin-bottom: 15px;
	color: #336;
}

/*.blog_entry {
	font-size: 12px;
}*/

#blogform_div {
	float: left;
	margin: 10px 0px 10px 0px;
}

.image_shadow {
  -moz-box-shadow: 3px 3px 7px #999;
   -webkit-box-shadow: 3px 3px 7px #999;
   box-shadow: 3px 3px 7px #999;	
}	


.thumb {
	width: 150px;
	height: 130px;
	font-size: 10px;
	padding: 0px;
	display: inline-block;
	text-align: center;
}

.recent {
	width: 390px;
	float: right;
	clear: right;
	text-align: left;
	font-size: 10px;
}

.recent fieldset {
	border: none;
}


.recent li {
	margin-left: 0px;
	margin-bottom: 2px;
	font-size: 10px;
	line-height: 13px;
}

.link_container {
	width: 100%;
	min-height: 105px;
	margin-top: 10px;
}

.link_thumb {
	width: 125px;
	height: 105px;
	float: left;
	clear: left;
}

.link_text {
	width: 240px;
	height: 105px;
	float: left;
	clear: right;
	font-size: 10px;
}


.recent .thumb_text {
	margin: 0px;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
}

.recent_blog {
	font-weight: 400;
	font-size: 10px;
	margin-left: 20px;
}

.text-input {
	border-top: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	background: #fff;
}


.pagination_container {
	  width: 700px;
	  margin: auto;
	  line-height: 35px;
	  text-align: center;
		align: center;
	  padding: 0px;
	  font-size: 10px;
	}
.pg {
		align: center;
		line-height: 14px;
	}

.pg a {
		color: #000;
		padding: 3px 5px 3px 5px;
		border: 1px solid #aaa;
		margin: 0px;
		text-decoration: none;
/*		-moz-border-radius: 4px;
		border-radius: 4px;	
		-moz-box-shadow: 3px 3px 7px #999;
		-webkit-box-shadow: 3px 3px 7px #999;
		box-shadow: 3px 3px 7px #999;			*/
}
	
.pg a:hover {
		border: 1px solid #ccc;
/*		-moz-border-radius: 4px;
		border-radius: 4px;			*/
		color: #06f;
		background: #ddd;
		-moz-box-shadow: 3px 3px 7px #333;
		-webkit-box-shadow: 3px 3px 7px #333;
		box-shadow: 3px 3px 7px #333;		
}
	
.pg a.active_pg {
		background: #06f;
		color: #fff;
		font-weight: 700;
		border: 1px solid #aaa;		
		/*border: 1px solid #000;*/
/*		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;				*/
}



#footer {
	width: 100%;
	min-height: 300px;
	background: #555;
	clear: both;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #ddd;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer .floatleft {
	  width: 25%;
	  float: left;
	  text-align: left;
	  padding: 20px;
	  margin: 0px;
   }
#footer .floatleft p {
	margin: 0px;
	padding: 0px; 
       vertical-align:middle;
 }
 
 #footer .floatleft p img {
 	vertical-align: middle;
 }
 
 #footer a {
 	color: #fff;
 }
 #footer a:hover {
 	color: #06f;
 }
 
#footer .clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}