BODY 	{
	scrollbar-base-color: #426645;
	scrollbar-track-color: #a99b7a;
	scrollbar-arrow-color: #def58d;
	padding: 0px;
	border: #000000 0px solid;
	background-color: #2b4637;
	background-image: url("../bg/Image4.jpg");
	background-repeat: repeat;
	background-position: 0px 0px;
	background-attachment: fixed;
	}

/* PAGE LINKS */
#title { margin: 0px ; background: url(../bg/trees-1.jpg);TEXT-ALIGN: center} 
.content { font-family:  arial, verdana ; color: #4e5c43; font-size: .8em; font-weight: bold;
 	line-height: 1.25em;  } 
.content1 { font-family:  arial, verdana ; color: #f3edd6; font-size: .9em; PADDING: 3px 5px;
	 background:#3d4938 ; border: #030 1px solid; font-weight: bold; line-height: 1em;  } 
.content2 { font-family:  arial, verdana ; color: #4e5c43; font-size: .8em;  margin: 3px 0px;
	 border: #030 1px solid; background: url("../bg/Image3.jpg"); font-weight: bold; line-height: 1.25em;  } 
.content2a { font-family:  arial, verdana ; color: #4e5c43; font-size: .8em;  margin: 3px 0px;
	 border: #030 1px solid; background: url("../bg/Image3.jpg");font-weight: bold; line-height: 1.25em;  }
.content3 { font-family:  arial, verdana ; color: #4e5c43; font-size: 1em;  
	border: #030 1px solid;font-weight: bold; line-height: 1.25em;  }

 
h1 { font-family:  arial, verdana ;color: #f7ebd2; FONT-SIZE: 1.3em; border:#020 1px solid;  PADDING: 7px 7px; background: #456044; TEXT-ALIGN: center}
h2 { font-family:  arial, verdana ;color: #f7ebd2; FONT-SIZE: 1.1em; PADDING: 3px 1px; border:#020 1px solid; margin: 2px 0px; BACKGROUND: #3e563d; TEXT-ALIGN: center}
h3 { font-family:  arial, verdana ;color: #f7ebd2; FONT-SIZE: 1.2em; font-weight: bold; border:  #020 1px solid; background:  #456044;  margin: 2px 0px; PADDING: 5px 5px; TEXT-ALIGN: center}
h4 { font-family:  arial, verdana ;color:  #4e5c43; FONT-SIZE: 1.1em; border-bottom: #020 1px solid; margin: 2px;TEXT-ALIGN: left}
h5 { font-family:  arial, verdana ;color:  #4e5c43; FONT-SIZE: 1.3em; border-bottom: #020 2px solid; padding: 0px 15px; margin: 3px 10px; TEXT-ALIGN: left}
h6 { font-family:  arial, verdana ;color:#f3edd6 ; FONT-SIZE: 1.2em; PADDING: 5px 1px; border:#262217 1px solid; margin: 2px 2px; BACKGROUND:#735809; TEXT-ALIGN: center}

a:link	{ color: #f5f5f1; background-color: #61824a; PADDING: 0px 2px; 
			border:#000 1px solid;  	text-decoration: none; }

a:visited {  color: #f5f5f1; background-color: #65a98f; 
				border:#000 1px solid; text-decoration: none;}

a:active	{ color: #f5f5f1; background-color: #65a98f; 
				border:#000 1px solid; text-decoration: none; }

a:hover		{  color: #f5f5f1; background-color: #075b8d; 
				border:#000 1px solid; text-decoration: none; }

.pad		{ PADDING: 3px 10px; }

/* THE NEXT LINE IS THE MAIN PAGE FONT */


TABLE 		{ }

.title 		{ color: #224505; font: 1.4em  arial, verdana , sans-serif; letter-spacing: -1px; font-weight: bold;  align: center;}

.subtitle	{ color: #224505; font: 1.3em  arial, verdana , sans-serif; letter-spacing: 0px; font-weight: bold; }

.phonetitle 	{font-family:  verdana, arial, ; color: #4e5c43; font-size: .8em; font-weight: bold; line-height: 1.25em;}

.date-font	{ COLOR: #e7e3d8; FONT: .8em  arial, verdana , sans-serif; font-weight: bold; }

.just 		{ text-align: justify; }

.ul         {  padding: 0px 5px; margin: 1px 0px 0px 0px; TEXT-ALIGN: left} }
.data       {  }
.data  td     { font-family:  arial, verdana ; color: #4e5c43; font-size: .8em; font-weight: bold; line-height: 1.25em; TEXT-ALIGN:left; PADDING: 3px 10px; BORDER: #003300 1px solid; }

/* BORDER AND LINE CODE */

.page-splits	{ COLOR: #576044; height: 2px; BORDER-TOP: #576044 1px solid; width: 100%; }

.borders	{ BORDER: #000000 1px solid; }


/* RIGHT AND LEFT TEXT BOXS */

.note-text 	{ padding: 6px;
		  color: #333333;
		  FONT: bold .7em verdana, arial, sans-serif;
		  background-image: url("../bg/Image3.jpg");
		  text-align: left;
		  border: #020 1px solid;}

.note-title	{ padding: 5px;
		  background-color: #447759;
		  background-image: url("../picts/menu.gif");
		  COLOR: #f7ebd2;
		  FONT: bold .9em verdana, arial, sans-serif;
		  text-align: left;
		  border: #020 1px solid;}

 /* PAGE FOOTER CODE */

.footer {border-bottom: #576044 1px solid;border-top: #576044 1px solid;}
.footer-line	{border-right: #576044 1px solid;}
.footertext	{ COLOR: #322926; FONT: 11px arial, verdana, sans-serif; line-height: 1.25em; 
	font-weight: bold; }

.thistext  { COLOR: #322926; padding: 2px 2px; FONT: .9em arial, verdana, sans-serif; font-weight: bold; TEXT-ALIGN: center }
.thistext a  {  width: 170px; white-space: nowrap; display: block;FONT: .9em arial, verdana, sans-serif;  font-weight: bold; padding: 2px 2px; TEXT-ALIGN: center }

#link1 {position: relative;  left: 5%; width: 150px; height: 100px; font: 1em arial, sans-serif; z-index: 100;}
#link1  img {position: absolute; top: 0px; left: 160px; height: 150px; width:150px; border: #020 1px solid;}
#link1 a { display: block; text-align: center; font: bold 1em sans-serif; padding: 3px 3px; margin: 0 0 2px; 
   text-decoration: none; color: #f7ebd2; background: #567c60; border: #020 1px solid;}
#link1 a:hover {color: #030;  background: #f7ebd2; border: #020 1px solid;}
#link1 a img {height: 0; width: 0; border-width: 0;}
#link1 a:hover img {position: absolute; top: 0px; left: 160px; height: 150px; width:150px; border: #020 1px solid;}



 /* balloon CODE */
 
.balloonstyle
	{position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: #dfd1b7;
	width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;}
	
	
 /* POP CODE */
 
    a.special:link,a.special:visited {
                font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
                color: #020;
                text-decoration: none;
    }

    a.special:hover {
                color: #e9e2d8;
    }

    .note {
                position: absolute; 
                top: 0px;
                left: 0px;
                background: #e9e2d8;
                padding: 5px 10px;
                border: 1px solid #000;
                z-index: 1;
                visibility: hidden;
                font: bold 11px Arial, Helvetica, sans-serif;
                color: #020;
    }
	
/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #020;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:1; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#cabba6; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */

 /* SIDEBAR CODE */

.sidebar	{
		background-image: url("../bg/Image5.jpg");
		width: 150px;
		border-right: #807A77 1px solid;
		}


.sidebar-line	{
		border-left: #FFFFFF 1px solid;
		}

 /* HIDE MENU AND ITEMS FOR PRINTING */


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


 /* ORDER PAGE */

.price 		{ COLOR: #993300; FONT: 1.2em arial, verdana, sans-serif; font-weight: bold;}

.ordermargin	{ margin: 6px 0px 0px 0px;}


.orderbutton {	background-color:#8fcdae;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #132b1f;
		font-size: 1em;
		height: 23px;
		width: 80%;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		BORDER: #020 1px solid; }


.orderbuttonon { background-color:#c7ca80;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #132b1f;
		font-size: 1em;
		height: 23px;
		width: 80%;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		BORDER: #020 1px solid; }

 /* CONTACT FORM */

.button 	{ font-size: 13px; 
			width: 135px; 
			color:  #f3f1e9;
			font-weight: bold;
			text-align: center; 
			background-image: url("../bg/bg5.jpg");}
.button-on	{ font-size: 13px; 
			width: 135px; 
			color:  #282415;
			font-weight: bold;
			text-align: center; 
			background-image: url("../bg/maple1.jpg");}


.shadeform	{ FONT: 13px arial, verdana, sans-serif; font-size: .9em;
		font-weight: bold;
		COLOR: #2c2412;
		PADDING: 2px 3px; 
		background-color:#e4d9be;
		text-align: left;
		WIDTH: 300PX;
		BORDER: #000000 1px solid; }

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-color: #e4d9be;
		font-weight: bold;
		COLOR:#2c2412;
		text-align: left;
		PADDING: 5px 5px; 
		WIDTH: 300PX;
		HEIGHT: 135PX;
		BORDER: #000000 1px solid; }

.dropdown 	{ COLOR: #2c2412;
		WIDTH: 250PX;
		PADDING: 0px 3px; 
		background-color: #e4d9be;
		FONT-FAMILY: arial,
		font-size: .8em;
		font-weight: bold;
		 }





 /* LINKS PAGE CODE */


.linksmargin	{ margin: 10px; }

.searchbutton 	{ FONT: 11px arial, verdana, helvetica, sans-serif; }

.searchform 	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("../picts/shadeform.gif");
		background-color: #E7E6E5;
		WIDTH: 120PX;
		HEIGHT: 20PX;
		BORDER: #000000 1px solid; }


.searchdrop 	{ FONT: 12px arial, verdana, sans-serif;
		COLOR: #000000;
		WIDTH: 120PX;
		HEIGHT: 20PX;
		background-color: #E7E6E5;
		margin-top: 3px; }










 /* START CODE FOR THE GALLERY AND VIEWER */



.gallerytitle 	{ COLOR: #000000; FONT: 16px arial, verdana, helvetica, sans-serif; font-weight: bold; }

.gallerytext 	{ COLOR: #342425; FONT: 11px georgia, "times new roman", verdana, sans-serif; font-weight: normal; }

.rollover 	{ BORDER: #a39563 5px solid; }

.rolloveron 	{ BORDER: #342425 1px solid; padding: 4px; }

.viewer-border	{ BORDER: #FFFFFF 15px solid; }


.button-slideshow 
		{
		background-image: url("../picts/button-slideshow.gif");
		background-color:#CCCCCC;
		color: #000000;
		FONT-FAMILY: arial, verdana,  helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		font-size: 12px;
		height: 22px;
		cursor:pointer;
		padding-left: 7px;
		padding-right: 7px;
		BORDER: #000000 1px solid;
		}


.buttonon-slideshow
		{
		background-image: url("../picts/buttonon-slideshow.gif");
		background-color:#CCCCCC;
		color: #660000;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		font-size: 12px;
		height: 22px;
		cursor:pointer;
		padding-left: 7px;
		padding-right: 7px;
		BORDER: #660000 1px solid;
		}


/* Product Finder Presentation */

#pfcontainer {
    border: #020 1px solid; 
	background-image: url(../bg/Image4.jpg);
	padding: 2px;
}

#pfHead {
	font-family:  arial, verdana ;
	font-size: 1.1em;
	color: #f5eedb; font-weight: bold;
    border: #020 1px solid; 
	background-color: #456045;
    padding: 3px 3px;
	margin: 0 1px;
	width: 196px;
	text-align: center;
	top: 80;
}

#pfList {
    left: 0px;
    margin-top: 180px;
	width: 196px;
	
}

#pfList a:link, #pfList a:visited {
	display: block;
	font-family:  arial, verdana ;
	color: #f5eedb; font-weight: bold;
    text-decoration: none;
	border: #020 1px solid;
	background-color: #456045;
    padding: 3px 3px;
	margin: 0 1px 1px;
	width: 196px;
	text-align: center;
}

#pfList a:hover {
    color: #020;
	border: #020 1px solid;
	background-color: #99bf9c;
}

#pfList  a span {
    display: none;
}
#pfList  a:hover span.hoverimg, #pfList a.active span.hoverimg {
    z-index: 10;
    display: block;
    border: #020 1px solid;
	position: absolute;
    top: 200px;
    left: 9px;
    width: 190px !important;
    width: 192px;
}
#pfList a:hover span.hovertxt, #pfList a.active span.hovertxt {
    z-index: 11;
    display: block;
    position: absolute;
    top: 365px;
    left: 7px;
    width: 193px;
    padding: 3px 4px 6px 4px;
    color: #f5eedb;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
}
#pfList a.active span.hoverimg, #pfList a.active span.hovertxt {
    z-index: 1;
}

/* Species Finder Presentation */

#sfcontainer {
    border: #020 1px solid; 
	background-image: url("../bg/Image4.jpg");
	padding: 2px;
}

#sfHead {
	font-family:  arial, verdana ;
	font-size: 1.1em;
	color: #f5eedb; font-weight: bold;
    border: #020 1px solid; 
	background-color: #567c60;
    padding: 3px 3px;
	margin: 0 1px;
	width: 196px;
	text-align: center;
	top: 80;
}

#sfList {
    left: 0px;
    margin-top: 185px;
	width: 196px;
	
}

#sfList a:link, #sfList a:visited {
	display: block;
	font-family:  arial, verdana ;
	color: #f5eedb; font-weight: bold;
    text-decoration: none;
	border: #020 1px solid;
	background-color: #567c60;
    padding: 3px 3px;
	margin: 0 1px 1px;
	width: 196px;
	text-align: center;
}

#sfList a:hover {
    color: #020;
	border: #020 1px solid;
	background-color: #99bf9c;
}

#sfList  a span {
    display: none;
}
#sfList  a:hover span.hoverimg, #sfList a.active span.hoverimg {
    z-index: 10;
    display: block;
    border: #020 1px solid;
	position: absolute;
    top: 575px;
    left: 9px;
    width: 190px !important;
    width: 192px;
}
#sfList a:hover span.hovertxt, #sfList a.active span.hovertxt {
    z-index: 11;
    display: block;
    position: absolute;
    top: 743px;
    left: 7px;
    width: 193px;
    padding: 3px 4px 6px 4px;
    color: #f5eedb;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
}
#sfList a.active span.hoverimg, #sfList a.active span.hovertxt {
    z-index: 1;
}






 /* START THE CODE FOR THE MENUS */



.menuouter	{
			background-image: url("../bg/bar3.jpg");
			border-bottom: #020 1px solid;
			border-top: #020 1px solid;
			padding-top: 0px;
			padding-bottom: 0px;
			}



.menu	{ font-family: arial, verdana, helvetica, sans-serif;
		  font-size: 1em;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 5px;
		  padding-right: 5px;
		  margin-right: 5px;
		  cursor:pointer;
		  font-weight: bold;
		  text-align: center;
		  display: block;
		  line-height: 1.2em;
		  white-space:nowrap;
		  border: #020 1px solid; }

a.menu:link 	{
			
			width: 90px;
			white-space: nowrap;
			display: block;
			color: #f0e9c6 ;
			text-decoration: none;
			border: #020 1px solid;
			background-image: url("../bg/bar3.jpg");
			}


a.menu:visited 	{
			
			width: 90px;
			white-space: nowrap;
			display: block;
			color: #f0e9c6;
			text-decoration: none;
			border: #020 1px solid;
			background-image: url("../bg/bar3.jpg");
			}


a.menu:active  	{
			color: #adfea9;
			text-decoration: none;
			border: #020 1px solid;
			 background-image: url("../bg/bar3a.jpg");
			}


a.menu:hover  	{
			color: #edefe9;
			text-decoration: none;
			border: #020 1px solid;
			 background-image: url("../bg/bar3a.jpg");
			}




 /* MENU1 CODE */

.menu1outer	{
			background-image: url("../bg/mahogany.jpg");
			border-bottom: #020 2px solid;
			border-top: #020 2px solid;
			margin-bottom: 2px;
			padding-top: 0px;
			padding-bottom: 0px;
			}



.menu1	{ font-family: arial, verdana, helvetica, sans-serif;
		  font-size: .9em;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  margin-right: 4px;
		  cursor:pointer;
		  font-weight: bold;
		  text-align: center;
		  display: block;
		  line-height: 1em;
		  white-space:nowrap;
		  border: #807A77 1px solid; }

a.menu1:link 	{
			padding-top: 3px;
			padding-bottom: 3px;
			width: 130px;
			white-space: nowrap;
			display: block;
			color: #e3f0ea;
			text-decoration: none;
			border: #84bba0 1px solid;
			background-color: #264636;
			}


a.menu1:visited 	{
			color: #e3f0ea;
			text-decoration: none;
			border: #84bba0 1px solid;
			background-color: #264636;
			}


a.menu1:active  	{
			color: #020;
			text-decoration: none;
			border: #99bf9c 1px solid;
			background-color: #99bf9c;
			}


a.menu1:hover  	{
			color: #020;
			text-decoration: none;
			border: #99bf9c 1px solid;
			background-color: #99bf9c;
			}



#dropmenudiv{
	position:absolute;
	left: 15px;
	top: 5px;
	border:1px solid black;
	border-bottom-width: 0;
	font: normal .9em Verdana;
	line-height:18px;
	z-index:100;
}
#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 3px;
	text-decoration: none;
	font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
	background-color:#ccc69f;
	color:#39452c;
}

 /* GALLERY MENU CODE */

.menu-galleryouter	{
			border-top: #000000 3px double;
			margin-top: 10px;
			margin-left: 0px;
			width: 200px;
			padding-top: 0px;
			padding-left: 30px;
			padding-bottom: 0px;
			}



.menu-gallery		{ font-family: arial, verdana, helvetica, sans-serif;
		  font-size: 8pt;
		  padding-top: 3px;
		  padding-bottom: 3px;
		  padding-left: 5px;
		  padding-right: 5px;
		  margin-right: 4px;
		  cursor:pointer;
		  font-weight: bold;
		  text-align: center;
		  display: block;
		  width: 100px;
		  line-height: 16px;
		  white-space:nowrap;
		  border-top: #807A77 0px solid;
		  border-bottom: #807A77 1px solid;
		  border-left: #807A77 1px solid;
		  border-right: #807A77 1px solid; }


a.menu-gallery:link 	{ background-image: url("../bg/bar2b.jpg");
		  background-color:#CBC7C3;
		  color: #f4eedf; }


a.menu-gallery:visited 	{ background-image: url("../bg/bar2b.jpg");
		  background-color:#CBC7C3;
		  color: #f4eedf; }


a.menu-gallery:active  	{ background-image: url("../bg/bar2a.jpg");
		  background-color:#F0F0F0;
		  color: #f9f1d9; }


a.menu-gallery:hover  	{ background-image: url("../bg/bar2a.jpg");
		  background-color:#F0F0F0;
		  color: #f9f1d9; }
}