/* CSS Document */

/*remove browser default formatting*/
ul, ol { list-style: none; }
body, html, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, blockquote { margin: 0; padding: 0; }
a img { border: none; }
a { text-decoration: none; }
h1 {font-size: 42px; } 
h2 {font-size: 30px; }
h3 {font-size: 18px; }
h4 {font-size: 15px; }
h5 {font-size: 11px; }
h6 {font-size: 10px; }

/* BASIC */
body { margin: 0px; padding: 0px; font-size:14px; background: #D9E7D5 url(images/800760bg.gif) repeat-y center top; color:#000; 	/*IE5 bug*/	text-align: center; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 0px 5px 0px; color: #2BA8A8;}
p { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 5px 5px 5px; line-height: 1.2;}	
ul.bulleted { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 20px; list-style: square; line-height: 1.2;}
ol.notbulleted { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 20px; line-height: 1.2;}
/* LAYOUT */
#wrapper { width: 760px; margin-right: auto; margin-left: auto;	text-align: left; font-size: 14px; background: #FCFFD7; }
/* box model hacks for IE 5.5 */
* html #wrapper { width: 761px; w\idth: 760px; }
 
#banner { width: 720px; background: url(images/banner_bg.jpg) repeat-x left top; margin-top: 10px; border-bottom: 1px solid #73AFB7; padding: 10px 20px; height: 80px; }
* html #banner { width: 760px; w\idth: 720px; }	
	
#title { padding: 3px 3px 3px 3px; text-align: center;}
.floatRight { float: right;	margin: 5px 10px 2px 15px; }
img.floatRight { border: 2px solid #000000; }
.floatLeft { float: left; margin: 5px 10px 2px 5px; }

/*NEW STYLES*/
.clearBoth { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.alignright {text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.backtotop { text-align: center; padding: 10px; }
.anchorheading {font-size: 18px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 0px 5px 0px; color: #2BA8A8;} /*for named anchors--h3 tag not allowed in anchor tag*/
.tableh4 {font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 0px 5px 0px; color: #2BA8A8;} /*for named anchors--h4 tag not allowed in anchor tag*/

a:link { text-decoration: underline; color: #2BA8A8; } 
a:visited {text-decoration: underline; color: #66AAAA; outline: none;}  /*Firefox dotted line bug*/
a:hover {text-decoration: underline; color: #F58E07;}   
a:active {text-decoration: underline; color: #FFD092;}   /*Same colors for color and background-color in two contexts #subnav a and a:active*/

.imglink {width: 234px; height: 154px; float: left; padding: 20px 0px; margin: 0px 62px 10px 62px; border: ridge 3px #2BA8A8; }
/*hack for IE5.5 width: 180px; w\idth: 234px; */
* html .imglink { margin: 0px 42px 10px 42px;  }
* html .imglink { m\argin: 0px 62px 10px 62px;}

.imglink3 {width: 224px; height: 154px; float: left; padding: 20px 0px; margin: 0px 5px 10px 5px; border: ridge 3px #2BA8A8; }
/*hack for IE5.5 width: 180px; w\idth: 234px; */
* html .imglink3 { margin: 0px 3px 10px 3px;  }
* html .imglink3 { m\argin: 0px 5px 10px 5px; }

/* NAVIGATION */
#nav { clear: left; margin: 5px 5px 15px 5px; height: 23px;  border-left: 1px solid #999999; }
#nav li { list-style-type: none; padding: 0px;	margin: 0;	float: left; }
#nav a {
	text-align: center;
	padding: 2px;
	width: 113px;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	display: block;
	background-color: #FFD092;
} 
#nav a:hover { background-color: #33CCCC; font-weight: bold; padding-bottom: 1px; }

/*highlight current page link.*/
body#home a#homeLink, body#fauna a#faunaLink, body#news a#newsLink, body#events a#eventsLink,body#resources a#resourcesLink, body#links a#linksLink
	{ background-color: #FEFFD9; font-weight: bold; padding-bottom: 1px; }
#birds #nav a#faunaLink, body#bats a#faunaLink, body#mammals a#faunaLink, body#reptiles a#faunaLink, body#birdcount a#faunaLink, body#fish a#faunaLink, body#flora a#faunaLink
	{ background-color: #FCCA8A; font-weight: bold; padding-bottom: 1px; }
/*text color of current page link on hover.*/
#home #nav a#homelink:hover, #fauna #nav a#faunaLink:hover, #news #nav a#newsLink:hover, #resources #nav a#resourcesLink:hover, 	#links #nav a#linksLink:hover {color: #2BA8A8; }
/*to make entire link clickable in lteIE6*/
* html #nav a { height: 1px; }

/*SUBNAVIGATION-GLOBAL*/
#subnav { clear: left; margin: -16px 5px 15px 5px; height: 23px; border-left: 1px solid #FCFFD7; }
#subnav li { list-style-type: none; padding: 0px; margin: 0; float: left; }
#subnav a {
	text-align: center;
	padding: 2px;
	width: 113px;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;
	border-right: 1px solid #FCFFD7;
	border-bottom: 1px solid #FCFFD7;
	display: block;
	background-color: #FFD092;
} 
#subnav a:hover { background-color: #33CCCC; font-weight: bold; padding-bottom: 1px; }
/*to make entire link clickable in lteIE6*/
* html #subnav a { height: 1px; }

/*more layout*/
#content { width: 720px; padding: 0px 20px 10px 20px; border-left: 1px solid #D6ECAE; }
/*#content { width: 720px; padding: 10px 20px; border-left: 1px solid #D6ECAE; }*/
/*IE5.5 box model bug*/
* html #content { width: 760px; w\idth: 720px; }

#footer { clear: both; width: 720px; padding: 10px 20px; border-top: 1px solid #294E56; }
* html #footer { width: 760px; w\idth: 720px; }

/*display: inline http://www.adobe.com/cfusion/communityengine/index.cfm?event=findByTextId&productid=1&textid=DOUBLED_FLOAT_MARGIN*/
.photoalbumlink {background-color:#FCFFD7; width: 170px; height: 200px; float: left; padding: 0px 10px 0px 10px; margin: 0px 20px 5px 20px; border: solid 2px #FCFFD7; font-size: 10px; display: inline; }
/*hack for IE5.5 width: 180px; w\idth: 234px; */
* html .photoalbumlink { margin: 0px 17px 5px 17px; }
* html .photoalbumlink { m\argin: 0px 20px 5px 20px; }

.photoalbumlink a:link { text-decoration: none; color: #2BA8A8; } 
.photoalbumlink a:visited {text-decoration: none; color: #66AAAA;}  
.photoalbumlink a:hover {text-decoration: none; color: #F58E07;}   
.photoalbumlink a:active {text-decoration: none; color: #FFD092;}