body { font-family: "Times New Roman", Times, serif; color: #FF00FF;
	background-color:#000000;
	min-width:640px;
	background-attachment: fixed;
	background-image: url(../images/bg2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
p {font-family:"Times New Roman", Times, serif; text-align:center; color:#FFF; font-size:100%; padding:5px; line-height:18px;}
h1 {font-size:20px; padding:5px;}
h2 {font-size:18px; padding:5px;}
h3 {font-size:16px; padding:5px; color:#FF9933;}
a:link { color: #FFFF00; text-decoration:underline;}
a:visited { color: #FFFF00; text-decoration:none;}
a:hover { color:#FFF; text-decoration:none;background:#aae; }
#panel{
	height: 100px;
}
#logo {
	height: 25px;
	width: 150px;
	float:left; margin:20px 0 0 55px;
}
#banner {
margin-top:20px;
	height: auto;
	width: 350px;
	float:left;
	padding-left: 100px;
}
#header,#menu,#content,#sub-section,#footer {

overflow:hidden;

display:inline-block;
}

/* safari and opera need this */

#header,#menu,#footer {width:100%}

/* safari and opera need this */

#menu {height:35px;
	text-transform: uppercase;
	color: #FFFFFF;
	vertical-align: middle;
	font-weight: normal;
	text-indent: 20px;}
	/***********hover begin***********/
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:120px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
left:-10px; /* position:the image */
top:-100px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
/*******************end**************/
#nav_bar { margin-left:500px;width: auto; height:auto;} 
#nav_bar ul { padding:5px 0; margin-left:0; font:14px Verdana, Arial, Helvetica, sans-serif}
#nav_bar li {list-style:none; margin:0; display:inline;}
#nav_bar ul li a {padding:3px 1px; margin-left:3px; border-bottom:none; text-decoration:none;}
#nav_bar ul li a:link {color:#FFFF00;}
#nav_bar ul li a:visited {color: #FFFF00;}
#nav_bar ul li a:link:hover, #nav_bar ul li a:visited:hover {color: #FFFFFF; background:#aae; border-color:#227}
/***********vert_nav***************/
.navlist
{
padding: 1px;
margin-left: 0; font-size:14px;
width: auto;
color: gray; }

.navlist li
{
list-style: none;
margin: 0px;
text-align:center;
}

.navlist li a
{
display: block;
padding: 0.7em 0.5em 0 1em;
text-decoration: none;
}

.navlist li a:link { color: #FFFF00; }
.navlist li a:visited { color: #FFFF00; }

.navlist li a:hover
{
font-weight:bold;
color: #FFF; background:#aae;
border-right: 3px  #66FF00 solid;
}
/**************text*****************/
.banner-text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #CCCCCC;
	letter-spacing: -1px;
}
.species { font-size:110%; font-style:italic; color:#FF9933; padding:5px;}
.bodytext { padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF; 
	font-weight: normal;
	line-height: 24px;
}
.bodytitle { padding:5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #66FF00;
	font-weight: normal;
}
.footertext-left {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: middle;
	float: left;
	line-height: 21px;
}
.footertext-right {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: middle;
	float: right;
	line-height: 24px;
	padding-right: 21px;

}
.footertext-right-1 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: middle;
	float: right;
	line-height: 24px;
}
.home { font-size:20px;
	color: #00FF00;
	font-weight: normal;}
.green { text-align:center; padding:5px; font-size:16px;
	color: #66FF00;
	font-weight: bold;
}
.notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFCCFF;
	font-weight: normal;
}
/********************end text******************/
/********************forms**********************/
#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{ 
 margin: 0px; padding-left:20px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}
.form_spacer { overflow:hidden; height:10px;}
/********************images*********************/
.image_r { margin-left:5px; background-color:#993333; float:right; width: auto; padding:5px; border:1px solid #FFFFFF;}
.image_l { margin:0 5px 0 5px; background-color:#993333; float:left; width: auto; padding:5px; border:1px solid #FFFFFF;}
/********************end images****************/
#content,#sub-section {float:left}
#content { margin:10px 0 10px 60px;width:70%; display:inline;}
#sub-section {
margin:20px 0 0 20px;
width:20%;
}
#sub-section p 
  {
  margin: 10px 10px;
  color: #FFF;
  }
#footer { background-color:#000;clear:left;border-top:1px solid #993333; border-bottom:2px solid #993333;}