BODY		{ 
		scrollbar-base-color: #000000;
		scrollbar-track-color: #666666;
		scrollbar-face-color: #000000;
		scrollbar-highlight-color: #999999;
		scrollbar-3dlight-color: #666666;
		scrollbar-darkshadow-color: #666666;
		scrollbar-shadow-color: #999999;
		scrollbar-arrow-color: #FFFFFF;
		background-color: #006633;
		color: white;
		font-size: 100%;
		margin: 0;
		padding: 0;
		border: 0; }

h1 { font-size: em 2.5;
     text-align: center; }
		 
p.main, ol.main, li.main { text-align: left;
         text-decoration: none;
         font-size: 16px;
         font-weight: bold;
				 font-family: georgia, verdana, arial, sans-serif;
				 padding-right:50px;
         padding-left:50px;}		 

p.signed { 
		 text-align: left;
		 text-decoration: none;
		 font-size: 1.5em;
		 font-family: georgia, verdana, arial, sans-serif;
		 font-style: italic;
		 padding-left:50px; }
		 
button {
		 color #006633; }     

/* .background-main { background-image: url("Picts/Background-Image.gif"); */

/*		   background-repeat: no-repeat;  */

/*		   background-position: center 0px }  */

/* THE NEXT LINE CONTROLS THE FONT SIZE FOR ALL PAGES */


TABLE 		{ COLOR: #FFF284; FONT: 11px georgia, verdana, arial, sans-serif; font-weight: bold }

/* a {color:black;text-decoration:none;font:bold}

a:hover{color:#606060} */

Table.menu
{
  font-size:100%;
  margin-top:1px; 
  position:absolute;
  visibility:hidden;
}

.title 		{ COLOR: #FFFFFF; FONT: 11px georgia, verdana, arial, sans-serif; font-weight: bold }

.subtitle 	{ COLOR: #FFFFFF; FONT: 11px georgia, verdana, arial, sans-serif; font-weight: bold; letter-spacing: 4px }

.formtitle 	{ COLOR: #FFFFFF; FONT: 18px georgia, verdana, arial, sans-serif; font-weight: bold; letter-spacing: 4px }

.smalltitle 	{ COLOR: #FFFFFF; FONT: 11px georgia, verdana, arial, sans-serif; font-weight: bold; letter-spacing: 4px }

.picturetitle 	{ COLOR: #FFFFFF; FONT: 9px georgia, verdana, arial, sans-serif; font-weight: bold }

.phonetitle 	{ color: #FFFFFF; font: 11px georgia, verdana, arial, sans-serif; font-weight: bold }

.poptitle	{ color: #FFFFFF; font: 11px georgia, verdana, arial, sans-serif; font-weight: bold }

.sectiontitle 	{ COLOR: #FF6600; FONT: 18px georgia, verdana, arial, sans-serif; font-weight: bold; letter-spacing: 4px }

.contactinfo   { COLOR: #CCFF99; FONT: 14px georgia, verdana, arial, sans-serif; font-weight: bold; letter-spacing: 2px }

.articlelink 	{ COLOR: #CCFF99; FONT: 12px georgia, verdana, arial, sans-serif; font-weight: bold; letter-spacing: 2px }

.hilite		{ COLOR: #CCFF99 }

.bodytext       { color: #CCFF99; font: 24px georgia, verdana, arial, sans-serif; font-weight: bold }

.just 		{text-align: justify;}

 /* POPUP CODE */

#ZOOM 			{ LEFT: 20px; POSITION: absolute; TOP: 20px; }

#slidenumber_loc	{ RIGHT: 20px; POSITION: absolute; TOP: 20px; white-space: nowrap }

.slide_text		{ COLOR: #FFFFFF; FONT: 10px georgia, verdana, arial, sans-serif; font-weight: bold; }

.slide_hilite 		{ COLOR: #C0C0C0; }

a:link		{ color: #F7DE00; text-decoration: underline; }

a:visited	{ color: #FFF06A; text-decoration: underline; }  

a:active	{ color: #F7DE00; text-decoration: underline; }

a:hover		{ color: #FFFF00; text-decoration: none; }

/* IMAGE MOUSEOVERS */

.image-border		{ LEFT: 0px; position: relative; top: 0px; border: #999999 1px solid; }

.image-borderon		{ LEFT: 2px; position: relative; top: 2px; border: #FFFFFF 1px solid; }

.rollover 		{ background-color: #999999; }

.rolloveron 		{ background-color: #FFFFFF; filter:gray; }

/* HIDE MENU AND ITEMS FOR PRINTING */

@media print {
.printhide {display:none;}
.printhelp	{ width:600px; }
}

@media screen{
.printonly { display:none }
}

 /* START FOOTER LINK COLORS */

a.footerlink:link	{ color: #B293FE; text-decoration: none }

a.footerlink:visited	{ color: #B293FE; text-decoration: none }

a.footerlink:active	{ color: #B293FE; text-decoration: none }

a.footerlink:hover	{ color: #666666; text-decoration: none }

.copyright 	{ COLOR: #999999; FONT: 10px georgia, arial, verdana, sans-serif; font-weight: bold; }

/* START BUTTON AND FORMS CODE */

.button { 	background-image: url("Picts/Button.gif");
    background-color:#000000;
		FONT-FAMILY: georgia, arial, verdana, helvetica, sans;
		color: #999999;
		font-size: 8pt;
		height: 21px;
		width: 100px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #999999 1px solid; }

.buttonon { background-image: url("Picts/ButtonOn.gif");
  	background-color:#000000;
		FONT-FAMILY: georgia, arial, verdana, helvetica, sans;
		color: #FFFFFF;
		font-size: 8pt;
		height: 21px;
		width: 100px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #FFFFFF 1px solid; }

.button-popups { background-image: url("Picts/Button-Popups.gif");
		background-color:#000000;
  	FONT-FAMILY: georgia, arial, verdana, helvetica, sans;
		color: #999999;
		font-size: 8pt;
		height: 21px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		BORDER: #999999 1px solid; }

.buttonon-popups { background-image: url("Picts/ButtonOn-Popups.gif");
		background-color:#000000;
		FONT-FAMILY: georgia, arial, verdana, helvetica, sans;
		color: #FFFFFF;
		font-size: 8pt;
		height: 21px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		BORDER: #FFFFFF 1px solid; }

.shadeform	{ FONT: 13px georgia, arial, verdana, sans-serif;
		background-image: url("Picts/ShadeForm.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid}

.textarea	{ FONT: 13px georgia, arial, verdana, sans-serif;
		background-image: url("Picts/ShadeForm.gif");
		text-align: left;
		WIDTH: 240PX;
		HEIGHT: 100PX;
		BORDER: #006633 1px solid}

.dropdown 	{ COLOR: #333333;
		WIDTH: 180PX;
		FONT: 11px georgia, verdana, arial, sans-serif}

.searchbutton 	{background-image: url("Picts/Button.gif");
		background-color:#000000;
		FONT-FAMILY: georgia, arial, verdana, helvetica, sans;
		color: #999999;
		font-size: 8pt;
		height: 20px;
		width: 35px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #999999 1px solid }

.searchform 	{ background-image: url("Picts/ShadeForm.gif"); 
    WIDTH: 100PX; HEIGHT: 20PX; 
		FONT: 11px arial, georgia, "Times New Roman", sans-serif; 
		BORDER: #000000 1px solid }

.searchdrop	{ WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px georgia, arial, verdana, sans-serif }

 /* CODE FOR THE SHOPPING CART */

.price 		{ COLOR: #99FFCC; FONT: 11px georgia, verdana, arial, sans-serif; font-weight: bold; }

.cartdropdown 	{ COLOR: #000000;
		WIDTH: 130PX;
		FONT: 10px georgia, arial, verdana, sans-serif;
		margin: 3px; }

 /* START THE CODE FOR THE MENUS */

.menutable 	{ background-image: url("Picts/Background-Menu.gif");
		height: 20px;
		border-collapse: collapse; }

.menu		{ font-family: georgia, verdana, arial, helvetica, sans;
		  font-size: 16px;
		  letter-spacing: 0px;
		  height: 18px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 5px;
		  padding-right: 5px;
		  cursor:hand;
		  font-weight: bold;
		  text-align: center;
		  line-height: 18px;
		  display: block;
		  white-space: nowrap;
		  border: #999999 0px solid; }

a.menu:link 	{ background-image: url("Picts/Menu.gif");
		  background-color: #000000;
		  color: #999999;}

a.menu:visited 	{ background-image: url("Picts/Menu.gif");
		  background-color: #000000;
		  color: #999999; }

a.menu:active 	{  background-image: url("Picts/Menu.gif");
		   background-color: #000000;
		   color: #999999; }

a.menu:hover 	{  background-image: url("Picts/MenuOn.gif");
		   background-color: #333333;
		   color: #F0F0F0; }

 /* GALLERY NAV MENU */

.menu-nav	{ font-family: georgia, verdana, arial, helvetica, sans;
		  font-size: 10px;
		  letter-spacing: 0px;
		  height: 20px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 12px;
		  padding-right: 8px;
		  margin-left: 2px;
		  margin-right: 15px;
		  margin-top: 1px;
		  cursor:hand;
		  font-weight: bold;
		  text-align: center;
		  line-height: 17px;
		  display: block;
		  white-space: nowrap;
		  border: #999999 0px solid; }

a.menu-nav:link 	{ background-image: url("Picts/Menu-Nav.gif");
		  background-color:#000000;
		  color: #999999;}

a.menu-nav:visited 	{ background-image: url("Picts/Menu-Nav.gif");
		  background-color:#000000;
		  color: #999999; }

a.menu-nav:active 	{  background-image: url("Picts/Menu-Nav.gif");
		   background-color:#000000;
		   color: #999999; }

a.menu-nav:hover 	{  background-image: url("Picts/MenuOn-Nav.gif");
		   background-color:#000000;
		   color: #F0F0F0; }

.navbar { position: relative; width: 100%; height: 23px; margin: 0; border: 0; padding: 0; background: "Picts/shadow-header.gif"; }

.navbartitle {
  display: block;
	float: left;
	color: white;
/*	background-color: #666333; */
	font-family: georgia, verdana, arial, helvetica, sans;
	font-size: 12px;
	font-weight: bold;
	margin: 0; border: 0; padding: 00;
	line-height: 23px;
	text-align: center;
	width: 155px;    /* Makes each title 155px wide */
	text-decoration: none;}

a.navbartitle:hover {
  background-color: #447755;} 

#t1 { width: 155px; } 
#t2 { width: 155px: }
#t3 { width: 155px; }
#t4 { width: 155px; }
#t5 { width: 155px; }
#t6 { width: 155px; }
#t7 { width: 155px; }

.submenu {
  position: absolute;
	z-index: 2;
	top: 23px;
	padding: 0; margin: 0;
	width: 145px;
	color: white;
	background-color: #000066;
	border: 1px solid #447755;
	font-family: georgia, verdana, arial, helvetica, sans;
	font-size: 11px;}

html .submenu { width: 120px; }   /* IE needs narrower width */

#birds_submenu { left: 3px; top: 142px; visibility: hidden; z-index: 2; }
#hbird_submenu { left:158px; top: 142px; visibility: hidden; z-index: 2; }
#insects_submenu { left: 313px; top: 142px; visibility: hidden; z-index: 2; }
#plants_submenu { left: 468px; top: 142px; visibility: hidden; z-index: 2; }
#mammals_submenu { left: 623px; top: 142px; visibility: hidden; z-index: 2; }
#misc_submenu { left: 778px; top: 142px; visibility: hidden; z-index: 2; }

.submenu a {
  display: block;
	color: #eee;
	background-color: #000066;
	width: 143px;                         /* changes the width of the dropdown menu */
	padding: 1px 0px 4px 5px;
	text-decoration: none;
	background-color: #000066;
	border-bottom: #447755 dotted 1px;
	border-top: 0; border-left: 0; border-right: 0;}

ul { position: relative; display: block; }
li { position: relative; display: block; }

.submenubox {
  z-index : 2;
  margin: 0; padding: 0; border: 0;}

.submenubox ul li a:link { }
.submenubox ul li a:visited {  }
.submenubox ul li a:hover{
  color: #c6e8e2;
  background-color: #447755;
  border-bottom: #447755 dotted 1px;}
	
img.left
  {
  margin:12px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
	}
	
	img.right
  {
  margin:12px;
  height:auto;
  width:auto;
  float:right;
  text-align:center;
	}
