body, div, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
/*
for above - Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.html
version: 2.2.2
*/
/* styles for the glossary and faq lists*/
dl, dt {
margin : 0;
padding : 0;
}
/* styles for the glossary and faq text*/
dt {
font-size : 1.2em;
font-weight : bold;
color : #ffff00;
background-color : #528412;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img {
border : 0;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
font-weight : normal;
}
q:before, q:after {
content : '';
}
abbr, acronym {
border : 0;
}
/* the general styles */
body {
font : 56.5%/2.2em Arial, Tahoma, Verdana, Helvetica, sans-serif;
color : #fffded;
background : #6666cc;
}
a {
text-decoration : none;
color : #cccc00;
}
a:hover {
color : #cc9900;
}
.hide, hr {
display : none;
}
strong {
font-weight : bold;
}
/*the main layout styles */

	/* for the rounded page top */

#containertop {
position : absolute;
width : 770px;
margin : -10px auto 0 auto;
height : 10px;
font-size : 0.1em;
background : url(../images/container_top.png) no-repeat left bottom;
}
* html #containertop{behavior: url(stylesheets/iepngfix.htc);} /* to correct transparent png in IE */
	/* container */
#container {
width : 770px;
margin : 30px auto 0 auto;
background : #171a0f url(../images/bg_container.jpg);
padding-bottom : 10px;
}
/* logo and Site Title */
h1 {
font-size : 3.4em;
height : 80px;
display : block;
width : 450px;
height : 65px;
padding-top : 20px;
margin-left : 20px;
background : url(../images/logo.gif) no-repeat 0 0;
padding-left : 72px;
color : #9999ff;
}
/* top navigation */
#navigation_wrapper {
background : #363b28 url(../images/nav_bg.gif) repeat-x 0 0;
height : 37px;
width : 729px;
margin : 10px auto auto auto;
}
#navigation {
float : left;
padding-left : 7px;
height : 37px;
background : url(../images/navigation_left.gif) no-repeat left top;
}
#navigation li {
float : left;
}
#navigation li a {
padding : 7px 10px 0 10px;
height : 30px;
float : left;
font-family : "Trebuchet MS";
font-size : 1.65em;
font-weight : bold;
letter-spacing : -0.03em;
color : #ffff66;
}
#navigation li a:hover {
color : #99ff33;
background : #6633ff;
}
/* curved end of navigation bar */
#end_navigation_wrapper {
float : right;
height : 30px;
padding : 7px 10px 0 0;
background : url(../images/navigation_right.gif) no-repeat right top;
}
/* main content */
#main_content{
width : 728px;
position : relative;
margin : 0 auto;
}
/* positions the main image on the index page */
#main_image {
width : 728px;
position : relative;
margin : 0 auto;
}
/* frame: the small rounded image in the corner picture (top,right,bottom,left) */
#frame_image_top, #frame_image_bottom {
position : absolute;
width : 728px;
height : 7px;
font-size : 0.1em;
top : 0;
left : 0;
background : url(../images/frame_image_top.png) no-repeat top;
}
#frame_image_bottom {
bottom : 0;
top : auto;
background : url(../images/frame_image_bottom.png) no-repeat bottom;
}
* html #frame_image_top,* html #frame_image_bottom{behavior: url(stylesheets/iepngfix.htc);} /* to correct transparent png in IE */
/* position on/off button*/ 
 #flashcontent{
		width: 50px;
		height: 50px;
		float : right;
padding : 0px 355px 0px 0px;	
   }
   /* the banner is the three images in a row on the index and games pages */
#banner_wrapper {
width : 742px;
overflow : hidden;
margin : 50px 0px 0px 26px;
}
#banner_wrapper2 {
width : 742px;
overflow : hidden;
margin : 50px 0px 0px 26px;
}
.banner {
float : left;
width : 222px;
float : left;
background : #353c2c url(../images/banner_bg.gif) repeat-y left;
margin-right : 26px;
padding-bottom : 6px;
position : relative;
}
.image_wrapper {
text-align : center;
}
.banner img {
border : 3px solid #181b0f;
}
.banner_last {
margin-right : 0;
}
.banner h2 {
height : 38px;
background : url(../images/banner_top.jpg) no-repeat left;
font : 1.9em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align : center;
color : #ffff99;
padding : 14px 0 0 16px;
}
.image_wrapper span {
position : absolute;
width : 220px;
height : 6px;
font-size : 0.1em;
left : 0;
bottom : -1px;
background : #353c2c  url(../images/banner_bottom.jpg) bottom no-repeat;
}
#bottom_corner {
float : right;
}
#specieslist {
border : 2px solid #9999ff;
height : 150px;
margin : 26px auto 0 auto;
padding : 5px;
width : 500px;
overflow : auto;
font-family : "Trebuchet MS";
font-size : 1em;
color : #ffff66;
background : #6666cc;
}
#specieslist h3 {
font-family : "Trebuchet MS";
font-size : 1em;
color : #560007;
}
#specieslist h4 {
font-family : "Trebuchet MS";
font-size : 1em;
color : #99ff66;
}
#specieslistnote {
margin :  auto 0 auto 130px;
font-family : "Trebuchet MS";
font-size : 1.15em;
color : #cccc99;
}
a {
text-decoration : none;
color : #cccc00;
}
a:hover {
color : #cc9900;
}
#main_content h2 {
font-family : "Trebuchet MS";
font-size : 1.65em;
color : #99cc66;
margin : 15px 5px 10px 5px;
}
#main_content {
font-family : "Trebuchet MS";
line-height : 30px;
font-size : 1.65em;
color : #fffdda;
padding : 12px 12px 5px 25px;
}

/* positions the anything slider*/
#anythingSlider
#image {
float : right;
border : 1px solid #000000;
margin :  50px 20px 0 15px;

}
/* styles the references*/
#references {
font-family : "Trebuchet MS";
line-height : 20px;
font-size : 11px;
color : #999933;
padding : 32px 12px 0 25px;
}
#main_content_image {
float : right;
border : 1px solid #000000;
margin : 5px 12px 0 15px;
}
/* styles the glossary and faq*/
#glossary {
border : 2px solid #9999ff;
height : 300px;
margin : 26px 10px 10px 0px;
padding : 5px;
width : 700px;
overflow : auto;
font-family : "Trebuchet MS";

}
/* the 3 lined panels of links within the site on the index page are called the services */
#services {
width : 766px;
margin : 26px auto 0 auto;
position : relative;
border : 2px solid #3b3f2d;
}
#servicescontent {
width : 766px;
margin : 0 auto;
overflow : hidden;
background : #39442b url(../images/services_bg.jpg) repeat-x bottom;
padding : 30px 0 20px 0;
}
#services h2 {
background : #2d3622 url(../images/services_top_bg.jpg);
height : 69px;
font-size : 1.5em;
color : #ffff99;
padding : 12px 12px 0 12px;
border-bottom : 1px solid #2b2e1f;
}
.serviceslist {
padding-left : 28px;
float : left;
font-size : 1.3em;
line-height : 1em;
}
/* styles the panels and makes a dotted line between rows */
.serviceslist li a {
display : block;
padding : 10px;
width : 197px;
font-family : "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing : -0.03em;
color : #000000;
background : #72b720 url(../images/list_dotted_border.gif) repeat-x bottom;
}
.serviceslist li a:hover {
color : #66ff00;
background : #2c3421 url(../images/list_dotted_border.gif) repeat-x bottom;
}
/* styles the survey */
#survey_content{
font-family : "Trebuchet MS";
line-height : 30px;
font-size : 1.65em;
color : #ffffcc;
padding : 32px 12px 0 25px;
}
/* styles the games and quiz windows */
#flash_content{
font-family : "Trebuchet MS";
line-height : 30px;
font-size : 1.65em;
color : #ffffcc;
padding : 5px 20px 0 65px;
}
/* styles for js accordian */
#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 2px solid #808000;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	background: #999933;
	color: #fffdda;
	margin: 0 0 4px 0;
	padding: 2px 3px 1px;
}
div.element p, div.element h4 {
	margin:0px;
	padding:3px;
}

blockquote {
	padding:5px 20px;
}
/* styles for fact file links */
#fact_links {
border : 2px solid #99cc33;
height : 100px;
margin : 26px auto 0 auto;
padding : 5px;
width : 500px;
overflow : auto;
font-family : "Trebuchet MS";
font-size : 1em;
color : #ffffcc;
background : #666600;
}
a {
text-decoration : none;
color : #99cc66;
}
a:hover {
color : #cc9900;
}
/* the footer */
#footer_wrapper {
width : 739px;
padding-left : 31px;
padding-bottom : 25px;
margin : 0 auto;
font-size : 1.2em;
background : url(../images/footer_left.png) no-repeat 0 0;
}
#footer {
position : relative;
width : 708px;
height : 67px;
background : #313b24 url(../images/footer_bg.jpg) repeat-x 0 bottom;
}
#footer .nav span {
position : absolute;
display : block;
right : -31px;
top : 0;
width : 31px;
height : 67px;
background : url(../images/footer_right.png) no-repeat right bottom;
}
#footer ul {
padding-top : 34px;
padding-right : 5px;
float : right;
}
#footer ul li {
float : left;
padding-left : 10px;
}
#footer a {
color : #ffff66;
}
#footer li a:hover {
color : #facd8a;
}