body {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	text-align: center;
	margin: 0px;
	font-size: 12px;
}
/* *, * focus { 
        outline: none; 
        margin: 0; 
        padding: 0; 
} */
#container {
	width: 1024px;
	margin: auto;
	text-align: left;
}

#top {
	width: 1024px;
	height: 150px;
/*	background-image: url('images/toppic.jpg');
	background-repeat: no-repeat;*/
}

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

.slideshow { height: 150; width: 1024; margin: 0px }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }


#logged_in {
	width: 1024px;
	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: 1.2em;
	font-weight: 700;
	line-height: 1.3em;
	margin:0px;
	padding: 0px;
}


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

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


h3 {
	text-align: left;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: 700;
	margin: 0px;
}

h3 img {
	vertical-align: middle;
}

h4 {
	font-size: 1.1em;
	font-weight: 700;
	text-align: left;
	margin:0px;
	margin-bottom: 3px;
	padding:0px;
}

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

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

a {
	text-decoration: none;
	color: #222;
	font-weight: 700;
}

a:hover {
	text-decoration: underline;
}

/*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;
}
.bird_bar {
	font-size: 10px;
    height: 12px;
    margin-bottom: 10px;
    background-color: #ccc;
    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;
}

p.intro {
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 1.2em;
}

#rand_gallery {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0px;
}

#rand_gallery img {
	margin: 0px;
	margin-right: 5px;
	border: 0px;
}

#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: 1.5em;
	font-size: 0.9em;
}

#blogdisplay li {
	font-size: 0.9em;
	line-height: 1.3em;
}

#blogdisplay img {
	border: 0px;
}

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

.blog_title {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}
.blog_date {
	font-size: 13px;	
	margin-bottom: 5px;
}

.blog_entry {
	font-size: 12px;
}

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

.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;
}


.recent li {
	margin-left: 0px;
	margin-bottom: 2px;
	font-size: 0.9em;
	line-height: 1.2em;
}

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

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

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


.recent .thumb_text {
	margin: 0px;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.2em;
}

.recent_blog {
	font-weight: 400;
	font-size: 11px;
	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;
}

#footer {
	width: 100%;
	clear: both;
	margin-top: 10px;
	padding: 0px;
	line-height: 12px;
}

#footer p {
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 12px;
}