body {
/*background-image: url('purplefuzzbackground.gif'); repeat-x;*/
background: lightcyan; /* url('mossy.jpg') repeat-y; */
/*background-position: right top;
background-size: 20% ;*/
}
.sidebar {
font-family: "Comic Sans MS",cursive,sans-serif;
font-size:95%;
background-color: lemonchiffon;
border: 1px solid green;
border-style: solid;
box-shadow: 10px 10px 5px #888888;
/width: 100%;
line-height:140%;
padding:10px 10px 10px 15px;
/float: left;
/ visibility: hidden;
margin: 25px 150px 5px 100px;
}
.sidebar img {
	background-color:lightyellow;
}
.top img {
/position: absolute;
/top:3%;
/left:45%;
/ vertical-align:middle;
/margin-left:-10%;
}
#logo2 {
/ float: center;
/position: relative;
/ right: 10%;
/ top:15%;
color: green;
font-size:130%;
font-weight:bold;
}
.top p {
margin-left:26%;
position:relative;
/top:19%;
color:#33CC33;
font-size:105%;
}
.buttons a {
  display: block;
  width: 5em;
  float: left;
  background-color: #D1A319; 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	padding: 6px 14px;
	background: -moz-linear-gradient(
		bottom,
		#f2fa0a,
		#fa320a 29px,
		#fc850d 559px);
	background: -webkit-linear-gradient(bottom ,
	#f2fa0a,
	 #fa320a 29px,
	 #fc850d 559px);
	 background:  -o-linear-gradient(bottom , #f2fa0a, #fa320a 29px,#fc850d 559px);
	 background:  -ms-linear-gradient(bottom , #f2fa0a, #fa320a 29px,#fc850d 559px);
	 background:  linear-gradient(bottom , #f2fa0a, #fa320a 29px,#fc850d 559px)
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #3083db;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(016,227,209,0.7),
		0px 1px 0px rgba(209,071,090,0.3);
}
.buttons {
 text-align: center;
  position: fixed;
  list-style-type: none;
  top:0%; 
  / left:5%;
  width: 50px;
  margin:0;
  padding:0;
}
.catyear {
font-size: 100%;
font-style: oblique;
color: darkslategray;
text-align: left;
font-weight: bold;
position: relative;
/ top: 20%;
margin-left:26%;
/ margin-bottom: 20px;
}

   .top  a:hover, .top a:focus {
      background-color: #29c7fd;
      color: red;
      background: -moz-linear-gradient(
		bottom,
		#fc850d,
		#f2fa0a 30px);
	background: -webkit-linear-gradient(bottom ,
	#fc850d,
		#f2fa0a 30px);
	 background:  -o-linear-gradient(bottom , #fc850d, #f2da0a 29px);
	 background:  -ms-linear-gradient(bottom , #fc850d, #f2da0a 29px);
	 background:  linear-gradient(bottom , #fc850d, #f2da0a 29px)
		
      
      }


h1 {
font-family: "Bookman Old Style";
font-size: 250%;
color: darkolivegreen;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
text-shadow: 2px 2px #7fff00;
}
h2 {
	font-family: "Arial";
font-size: 200%;
font-style: oblique;
color: darkslategray;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
}
h3 {
	font-family: "Arial";
font-size: 155%;
color: midnightblue;
text-align: center;
font-weight: bold;
}
h4 {
	font-family: 'Vidaloka', serif;
	font-size: 125%;
	color:royalblue;
	font-weight: bold;
}
.quote {
	margin-left: 18%;
	margin-bottom: 20px;
	font-family: "Simonetta",Times, serif;
font-size: 95%;
color:Maroon;
background-color: DeepSkyBlue;
border: 1px solid yellowgreen;
border-style: solid;
text-align: left;
font-weight: bold;
width: 600px;
padding:10px 10px 10px 10px;
box-shadow: 10px 10px 5px #888888;
}

.notes {
	font-family: "Simonetta",Times, serif;
font-size: 95%;
color: #003366;
background-color: bisque;
border: 1px solid green;
border-style: solid;
text-align: left;
padding:10px 10px 10px 10px;
font-weight: bold;
width: 75%;
margin-bottom: 20px;
}
.notes:first-letter {
font-family: 'Sancreek', cursive;
font-size:150%;
}
ul.article {
	display: inline-block;
	font-family: "Scada",Times, serif;
	color:DarkGoldenRod;
	font-weight: bold;
	text-align: left;
	margin-bottom:10px;
    font-size: 100%;
}


div.listing {
	font-family: "Comic Sans MS", "Scada",san-serif;
font-size: 80%;
color: black;
text-align: left;
padding-bottom: 20px;
margin-left:12%; 
/*margin-right: 10%;*/
margin-right: 25%;
}

div.listing:first-line
{
font-weight: 600;
opacity: 0.99;
font-size: 100%;
}
#butterfly
{
color:coral;
font-weight: bold;
}
#native
{
color:forestgreen;
font-weight: bold;
}
#arknative
{
background-color: darkgreen;
color:lightgreen;
font-weight: bold;
}
#bird
{
color:dodgerblue;
font-weight: bold;
}
#frog
{
color:hotpink;
font-weight: bold;
}
#squirrel
{
color:crimson;
font-weight: bold;
}
#larva
{
color:salmon;
background-color: paleturquoise;
font-weight: bold;
}
#hummingbird
{
color:red;
font-weight: bold;
}
#new
{
color:#ff3300;
font-weight: bold;
background-color:cyan;
}
#pollinator
{
	color:cyan;
	background-color:blueviolet;
	font-weight:bold;
}

.testimonial {
	margin-left: 70%;
	margin-bottom: 20px;
	font-family: "Simonetta",Times, serif;
font-size: 95%;
color: pink;
background-color: darkorchid;
border: 1px solid hotpink;
border-style: solid;
text-align: right;
font-weight: bold;
padding:10px 10px 10px 10px;
/width: 600px;
box-shadow: 10px 10px 5px #888888;
}
.comment {
margin: 10px 25% 10px 25%;
font-family:  "Bradley Hand ITC","Condiment", cursive;
/ font-family: "Just Another Hand", cursive;
font-size: 95%;
color: Sienna;
background-color: yellow;
border: 1px solid hotpink;
border-style: solid;
text-align: center;
font-weight: bold;
padding:10px 10px 10px 10px;
/width: 600px;
box-shadow: 10px 10px 5px #888888;
}
.article table
{
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
font-size:125%;
background-color: honeydew;
}
.article table,.article th, .article td
{
border: 1px solid black;
padding: 10px;
}
.article td:first-child {
	font-style:italic;
	/*color:Fuchsia;*/
	background-color:lavenderblush;
	}
}