body {margin:0px 10px; font-size: 80%; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; background: #00458f url(images/enviro/background.gif) top left repeat-x;}
img {border:0px;}
#content {text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 10px 10px 0px;}

p {margin:10px 0px 10px 0px; padding:0px;}
li {margin:3px 0px 0px 0px; padding:0px;}

p.deck {font-style: italic; margin:5px 0px 0px 0px; padding:0px;}
p.date {margin:5px 0px 0px 0px; padding:0px;}



h1 { 
padding: 0px; font-size: 22px; margin: 5px 0px 0px 105px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#f00;
} 

h2 { 
padding: 0px 0px 0px 0px; font-size: 18px; margin: 10px 0px 3px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;
} 

h3 { 
padding:0px 8px 2px 0px; font-size: 14px; margin: 15px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#00458f; border-bottom:1px solid #2658c7; display:inline;
} 

h4 { 
padding: 0px 0px 0px 0px; font-size: 12px; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;
}

a {
text-decoration:none;
}

a:link { 
color: #c00 
} 
a:visited { 
color: #a00 
} 
a:hover { 
color: #f00; text-decoration:underline;
} 
a:active { 
color: #f00 
}

.smalltext {font-size: 11px;}

#footer a {font-size:15px; font-weight:bold;}

#footer a:link { 
color: #fff 
} 
#footer a:visited { 
color: #fff 
} 
#footer a:hover { 
color: black; text-decoration:underline;
} 
#footer a:active { 
color: #f00 
}



#content a:link { 
color: #001057;
} 

#content a:visited { 
color: #001057;
} 

#content a:hover { 
color: #034fc2;
} 

#content a:active { 
color: #ffcc00;
} 


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/enviro/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/enviro/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


#navlist
{
padding: 0 1px 1px;
margin-left: 5px;
font: bold 12px Verdana, sans-serif;
background: #444444;
width: 185px;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #000;
background: #444444;
text-decoration: none;
}

#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #fff; }

#navlist li a:hover
{
border-color: #adff2f;
color: #adff2f;
background: #000;
}



#map {
	margin:0;
	padding:0;
	width:727px;
	height:350px;
	background:url(images/enviro/map.gif) top left no-repeat #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
}

#map li {
	margin:0;
	padding:0;
	list-style:none;
}

#map li a {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
 			background:url(images/pixel.gif);
 			text-decoration:none;
	color:#000;
}

#map li a span { display:none; }

#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	border:1px solid #000;
	background:#fff;
	padding:5px;
		filter:alpha(opacity=80);
	opacity:0.8;
		}

#map a.bunny {
	top:20px;
	left:60px;
	width:80px;
	height:90px;
}

#map a.parrot {
	top:1px;
	left:275px;
	width:50px;
	height:50px;
}

#map a.snail {
	top:135px;
	left:30px;
	width:50px;
	height:50px;
}

#map a.dog {
	top:100px;
	left:150px;
	width:115px;
	height:95px;
}

#map a.cat {
	top:65px;
	left:315px;
	width:70px;
	height:120px;
}