/* makes hyperlinks look like links */
a:link					
{
  color: #336633;                            
  text-decoration: none;
  text-decoration: underline;                                         
}

	/* changes color of link after someone visits it so they know where they've been */
a:visited
{
  color: #339900;                                      
  text-decoration: none;                                         
  text-decoration: underline;
}

	/* gives you a headache when you hover mouse over a link */
a:hover
{
  color: #003300;                                                
  font-size: 1.1em;               
}

	/* no clue */
a:active
{
  color: #003300;                                                
  font-size: 1.1em;                  
}

	/* makes the green border around the middle section and keeps middle centered, shouldn't it have a dot or pound? */					
body
{
  text-align: center;			
  padding: 16px 16px 16px 16px;
  background-color: #669933;						      					  
}

	/* middle x works with body  CHANGE THIS BACK TO MIDDLE */
.middle
{
  position: relative;
  margin: auto;
  width: 934px;
  background-color: #F5F5DC;
  font: medium "Century Gothic", Helvetica, "Nimbus Sans L", FreeSans, Kalimati, Tahoma, Arial, serif;
  font-size: 16px;
  color: #336600;
  text-align: left;
  text-indent: 1em;
}

	/* write 15 pt at work, CHANGED TO MIDDLE TO EDIT PAGES, MAKE SURE IT GOES BACK TO xmiddle; lets me write with big font so it displays ok on most systems */
.xmiddle	
{
  position: relative;
  margin: auto;
  width: 934px;
  background-color: #F5F5DC;
  font: medium Century Gothic, Helvetica, Nimbus Sans L, FreeSans, Kalimati, Tahoma, Arial, serif;
  font-size: 16pt;
  color: #336600;
  text-align: left;
  border: thin solid #CC9966;
  text-indent: 1em;
  vertical-align: top;
}

.head2
{
  font-weight: bold;
  font-size: 20pt;
  text-align: center;
  text-indent: 0em;
}


.head3
{
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  text-indent: 0em;
}


.tablehead				
{
  font-weight: bold;
  font-size: 19pt;
  text-align: center;
  text-indent: 0em;
  width: 100%;
}

		/* used in main table pages to keep paragraph indented and left aligned */
.tableparagraph
{
  text-align: left;
  text-indent: 1em;
  width: 100%;
}

		/* removes indent for many text fields too */
.pix
{
  text-indent: 0em;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-style: none;
}

		/* no clue if it's still in any of the pages - check it */
.text
{
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-style: none;
  overflow: auto;
}

	/* align text in a table cell or whatever to the left */
.lefttext
{
  text-align: left;
  text-indent: 0em;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-style: none;
  overflow: auto;
}

	/* align text in a table cell or whatever to the left */
.ad
{
  text-align: left;
  text-indent: 0em;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-style: none;
}

		/* use to center text across a div or cell, example- description above a picture */
.centertext
{
  text-indent: 0em;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-style: none;
  overflow: auto;
}

	/* used on main table pages */
.table
{
  text-align: center;
  position: absolute; 
  width: 930px; 
  z-index: 1; 
  left: 2px; 
  top: 7px;
  text-indent: 0em;
  background-color: #F5F5DC;
}

	/* used on calibrate monitor gray table */
.grayTable
{
  text-align: center;
  position: absolute; 
  width: 758px; 
  z-index: 1; 
  left: 3px; 
  top: 58px;
  text-indent: 0em;
  background-color: #F5F5DC;
}


	/* used on creature pages for ending table with centered ads and ending sitemap */
.bottomtable
{
  text-align: center;
  position: absolute; 
  width: 930px; 
  z-index: 1; 
  left: 2px; 
  text-indent: 0em;
  background-color: #F5F5DC;
}

	/* top table on creature pages that includes heading, page, & scientific name */
.top
{
  text-align: center;
  position: absolute; 
  width: 927px;
  height: 45px;	
  z-index: 1; 
  left: 1px; 
  top: 9px;
  text-indent: 0em;
  font-weight: bold;
  overflow: auto;
}


	/* Main name in top table on creature pages */
.top1
{
  text-align: center;   
  font-size: 30px;
  width: 72%;
  overflow: auto;
}

	/* Page & scientific name in top table on creature pages */
.top2
{
  text-align: center;
  font-size: 14px;
  width: 14%;
  z-index: 2;
  overflow: auto;  
}
	/* smaller text than top 2 for longer words */
.top3
{
  text-align: center;
  font-size: 12px;
  width: 14%;
  z-index: 2;
  overflow: auto;  
}

	/* replacing the old failed align to the bottom */
.end
{
 position: absolute;
 text-indent: 0em;
 text-align: center;
 width: 927px;
 height: 300px;
 left: 3px;
 z-index: 1;
 overflow: auto; 
}

	/* replacing the old failed align to the bottom */
.end2
{
 position: absolute;
 text-indent: 0em;
 text-align: center;
 width: 927px;
 height: 350px;
 left: 3px;
 z-index: 1;
 overflow: auto; 
}

	/* need for table cell width */
.width25
{
 width: 25%;
 text-align: center;
}

	/* need for table cell width */
.width50
{
 width: 50%;
 text-align: center;
}

	/* need for table cell width */
.width100
{
 width: 100%;
 text-align: center;
}

	/* keeps borders off images in the tables */
.noBorder
{
 border-width: 0;
 }

	/*  used on curly tail lizard page transparent part of image for text on top of it from http://www.w3schools.com/css/css_image_transparency.asp */
.transparentbox
  {
  background-color: #FFFFFF;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  /* for Mozilla */
  -moz-opacity:0.4;
  }

	/*  used on zebra heliconian nectar page */
.transparentbox2
  {
  background-color: #FFFFFF;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
  }