* {
	padding:0;
	margin:0;
}

body {
	font-family:Trebuchet, 'Trebuchet MS', Arial, sans-serif;
	font-size:0.81em; /*13px - relative to 16px*/
	line-height:1.38em; /*18px - relative to 13px*/		 
}

a img {
	border:none;
}

/* --------------------------
   HOMEPAGE SPECIFIC HEADINGS 
	 -------------------------- */
#home h1 {
	letter-spacing:normal;
	text-transform:none;
}

#home h1,
#home h2 {
	color:#740;
	font-size:1.38em; /*18px - relative to 13px*/
	line-height:1.50em; /*27px - relative to 18px*/
}

#home h2 {
	border-bottom:4px solid #785;
	letter-spacing:0.12em;
	text-transform:uppercase;
}

/* -----------------------
   DEFAULT PAGE TAG STYLES 
	 ----------------------- */
h1 {
	color:#740;
	font-size:2.77em; /*36px - relative to 13px*/
	font-weight:normal;
	letter-spacing:0.12em;
	line-height:1em;
	text-transform:uppercase;
}

h2 {
	color:#740;
	font-size:2.08em;	/*27px - relative to 13px*/
	font-weight:normal;
}

h3 {
	color:#740;
	font-size:1.38em; /*18px - relative to 13px*/
	line-height:1.50em; /*27px - relative to 18px*/
	letter-spacing:0.12em;
	margin-top:1em;
	text-transform:uppercase;
}

h4 {
	color:#740;
	font-size:1.23em; /* 16px - relative to 13px */
	line-height:1.69em; /* 27px - relative to 16px */ 
	margin-top:1.13em; /* 18px - relative to 16px */
}

h5 {
	color:#740;
	font-size:1em; /*13px - relative to 13px*/
	line-height:2.08em; /*27px - relative to 18px*/
	letter-spacing:0.12em;
	margin-top:1.38em;
	text-transform:uppercase;
}

p {	padding-top:1.38em; /*18px - relative to 13px*/ }

a { 
	color:#188;
	text-decoration:none; 
}

a:hover { text-decoration:underline; }


ul li {
	list-style-image:url(images/essa-li-bullet.gif);
	list-style-type:square;
}

/* ------------------------
   PAGE ID AND CLASS STYLES 
	 ------------------------ */
	 
/* Header banners */
#banner {
	background:transparent url(images/essa-header-01.jpg) top left no-repeat; /* Insert a default image here for pages/section without a header image */
	width:1026px;
	height:168px;
	text-align:center;
	text-indent:-999em;
	margin:0 auto;
	}
	
	/**
	 * Page banners are organized below 
	 * They are in the format #{body-id} #logo - the body-id is the id on the body tag of the page 
	 *
	 */
	#frog #banner {	background:transparent url(images/essa-header-01.jpg) top left no-repeat; }
	#weir #banner {	background:transparent url(images/essa-header-02.jpg) top left no-repeat; }
	#snake #banner {	background:transparent url(images/essa-header-03.jpg) top left no-repeat; }
	#fish #banner {	background:transparent url(images/essa-header-04.jpg) top left no-repeat; }
	#home #banner {	background:transparent url(images/essa-header-04.jpg) top left no-repeat; }
	#wetland #banner {	background:transparent url(images/essa-header-05.jpg) top left no-repeat; }
	#moose #banner {	background:transparent url(images/essa-header-06.jpg) top left no-repeat; }
	#bird #banner {	background:transparent url(images/essa-header-07.jpg) top left no-repeat; }
	#eagle #banner {	background:transparent url(images/essa-header-08.jpg) top left no-repeat; }
	#mountain #banner {	background:transparent url(images/essa-header-09.jpg) top left no-repeat; }
	#owl #banner {	background:transparent url(images/essa-header-10.jpg) top left no-repeat; }
		/* example - #projects #logo { #tools #logo {	background:transparent url(images/essa-header-03.jpg) top left no-repeat; } */

/* Top half of page */
#home #top_half {
	background:#dadece url(images/essa-page-gradient.gif) top left repeat-x;
	border-bottom:4px solid #785;	
}

#top_half {	background:#e7eae1 url(images/essa-page-gradient.gif) top left repeat-x; }

	#top_half #header {
		width:1026px;
		margin:0 auto;
	}
	
	#top_half .content {
		margin:0 auto;
		overflow:auto;
		padding:23px 24px 13px;
		width:912px;		
	}
	
	#home #top_half .content { padding:23px 24px; }

	#top_half .content #col_1 {
		float:left;
		width:526px;
	}	
	
	/* Our services */
	#top_half .content #col_2 {		
		margin-left:550px;
		padding:0;
		width:362px;
	}
	
		#top_half #col_2 h2 {
			border-width:3px;
			text-align:center;
		}
		
		/* Our Services List */
		#top_half #col_2 ul { padding:0; }
		
			/* Our Services list - left column */
			#top_half #col_2 ul.left { float:left; }
			
			/* Our Services list - right column */
			#top_half #col_2 ul.right { float:right; }
		
			#top_half #col_2 ul li {		
				margin:0.69em 0 0 15px;
				width:157px;
			}
			
				#top_half #col_2 ul li a { color:#066; }				

	/* Primary navigation */
	#top_nav {
		background-color:#bb7c15;
		margin:4px auto;
		padding:0 24px;
		width:912px; /* Box model */
	}
	
		#top_nav li {
			float:left;			
			font-size:1.08em; /*14px - relative to 13px*/
			font-weight:bold;
			line-height:1.29em; /*18px - relative to 14px*/
			list-style:none;
			margin:0;
			padding:0;
			text-transform:uppercase;
		}
		
			#top_nav li a,
			#top_nav li a:active,
			#top_nav li a:visited {
				color:#f8eedd;
				display:block;
				padding:7px 14px 7px 14px;
			}
			
			#top_nav li a:hover,
			#top_nav li a.active,
			#top_nav li a.active:active,
			#top_nav li a.active:visited {
				background-color:#d6b073;
				color: #520;
				text-decoration:none;
			}

	/* Bottom half of page */
	#bottom_half {
		clear:both;
		margin:0 auto 30px auto;	
		padding:0 24px;
		width:912px;
	}
	
		#bottom_half h2 {	margin:23px 0 0 0; }
		
		/* Breadcrumb */
		#bottom_half #breadcrumb {
			color: #888;		
			margin:12px 0 0 0;
		}
		
			#bottom_half #breadcrumb li {
				display:inline;
				line-height:1.38em;
				list-style:none;
			}
			
			#bottom_half #breadcrumb li a,
			#bottom_half #breadcrumb li a:active,
			#bottom_half #breadcrumb li a:visited {
				color:#888;
				text-decoration:underline;
			}
			
				#bottom_half #breadcrumb li a:hover {
				text-decoration:none;
			}
			
			
		#bottom_half .content #main_column {
			float:left;
			padding:0 58px 0 0;
			margin:0 24px 30px 0;
			width:632px;
		}
	
	#bottom_half .content #main_column ul,
	#bottom_half .content #main_column ol {
			margin:0.69em 0 0 35px;
		}
		
	
		
	#bottom_half .content #main_column li {
			margin:0.5em 0 0 0;
	}
	
/* ---------------------
	 INTERNAL PAGE SUBNAV 
	 --------------------- */
	#bottom_half #right_sidebar {
		background:#eceee5;
		float:right;
		width:198px;
	}	
		
		#bottom_half #right_sidebar h2 {
			background:#dadece;
			border-bottom:2px solid #785;
			border-top:2px solid #785;
			font-size:1.38em; /*18px - relative to 13px*/
			line-height:1.50em; /*27px - relative to 18px*/
			letter-spacing:0.12em;
			margin-top:0;
			text-align:center;
			}
			
			
			/* First Level */
			#bottom_half #right_sidebar li {
				border-bottom:1px solid #96ba54;
				color:#740;
			    font-weight:bold;
				list-style:none;
			}
			
				#bottom_half #right_sidebar li a,
				#bottom_half #right_sidebar li a:visited,
				#bottom_half #right_sidebar li a:active {
					background-color:#dadece;
					color:#066;
					display:block;					
					font-weight:normal;
					padding:0.35em 10px 0.35em 6px;
				}								
			
				#bottom_half #right_sidebar li a:hover {
					background-color:#eceee5;
					border:none;
					text-decoration:none;
				}
				
				/* Active links */		
				#bottom_half #right_sidebar li a.active,
				#bottom_half #right_sidebar li a.active:active,
				#bottom_half #right_sidebar li a.active:visited,
				#bottom_half #right_sidebar a.active ul {
					background-color:#eceee5;
					color:#740;
					font-weight:bold;
				}
					
					/* Second Level */				
					#bottom_half #right_sidebar li li {
						background:transparent url(images/essa-li-bullet.gif) 6px 9px no-repeat;
						border:none;
						list-style-image:none;
						padding-left:13px;						
					}
					
					#bottom_half #right_sidebar li li a,
					#bottom_half #right_sidebar li li a:visited,
					#bottom_half #right_sidebar li li a:active {
						background:none;						
						text-decoration:none;
					}
					
					#bottom_half #right_sidebar li li a:hover {text-decoration:underline;}
					
					/* Active links */
					#bottom_half #right_sidebar li li a.active,
					#bottom_half #right_sidebar li li a.active:active,
					#bottom_half #right_sidebar li li a.active:visited {
						color:#740;
						font-weight:bold;						
					}
					
					#bottom_half #right_sidebar li li a.active:hover {text-decoration:none;}
					
						/* Third Level */
						#bottom_half #right_sidebar li li li {
							background:none;
							list-style-image:none;
						}
						
						#bottom_half #right_sidebar li li li a {padding:0.17em 10px 0.17em 6px;}
					
/* ------------------------
   NEWS SECTION ON HOMEPAGE 
	 ------------------------ */
 
	#news li { list-style:none; }
	
	#news ol {
		border-bottom:1px solid #dadece;	
		padding:25px 0 15px 0;
		position:relative;		
	}
		
		/* Ensures that the list items line up correctly */
		#news ol li:after { content: ""; display: block; height: 0; clear: both; }
	
		#news ol li.date {
			float:left;
			position:absolute;
			width:116px;
		}
		
		#news ol li.title {
			color:#740;
			font-size:1.38em; /*18px - relative to 13px*/		
			position:absolute;
			margin-left:116px;
			width:310px;
			float:left;
			white-space:normal;
		}
		
			#news ol li.title a {
				color:#740;
			}
		
		#news ol li.teaser {
			list-style-image:none;
			margin-left:450px;			
		}
	
/* ------------------------------
   FREE TOOLS SECTION ON HOMEPAGE 
	 ------------------------------ */
	 
	#free_tools {
		font-size:0.92em; /*12px - relative to 13px*/
		float:left;
		margin:10px 0 15px 0;		
	}
	
	#free_tools h3 {
		font-size:1.38em; /*18px - relative to 13px*/
		font-weight:normal;
		letter-spacing:normal;
		line-height:1.50em; /*27px - relative to 18px*/
		margin:0;
		text-transform:none;
	}
	
	#free_tools li {	 
		background:url(images/essa-tool-li-gradient.gif) top left repeat-x;
		border:3px solid #dadece;
		float:left;
	 	display:block;
		margin:0 24px 0 0;
		min-height:195px;	 /* This must be set - you can change it as the content in the boxes change */
		height:auto !important;
 		height:195px;	
		padding:6px 12px;
		width:258px;		
	}
	
	#free_tools li.last-child { margin:0; } /* This must always be set - stops the boxes from wrapping over onto the next line */
	
		/* Free tools box contents */
		#free_tools li h3 {
			font-size:1.5em; /*18px - relative to 12px*/
			line-height:1.11em; /*20px - relative to 18px*/
			margin-bottom:0.5em; /*9px - relative to 18px*/
			text-align:center;
		}
		
		#free_tools li p { padding:0; }
		
		#free_tools li img {
			float:left;
			margin:5px 13px 0 0;
		}
		
		#free_tools .links {		
			text-align:center;
			margin-top: 0.75em;
		}
			
			#free_tools .links li {
				background:none;
				border:none;
				float:none;
				margin:0;
				padding:0;
				width:auto;
				display:inline;
				list-style:none;							
			}
			
			#free_tools .links li a {
				padding:0 7px 0 4px;
				font-weight:bold;
				text-transform:uppercase;
			}
			
			#free_tools .links li a.about {
				border-right:1px solid #066;
				color:#066;				
			}
			
			#free_tools .links li a.download { color:#b20; }
	
	/* More tools link */
	#more_tools {
		display:block;
		font-size:1.38em; /*18px - relative to 13px*/
		text-align:right;		
	}

/* ------
   FOOTER 
	 ------ */
#footer {
	background:#bb7c15;
	border-top:3px solid #740;
	clear:both;
	color:#eec688;
}

	#footer_wrapper {
		clear:right;
		margin:0 auto;
		overflow:auto;
		padding:36px 24px;
		width:912px;
	}	

	#footer a { color:#f8eedd; }

	#footer .links li { display:inline; }			
	
	#footer #copyright {
		float:left;
		padding-top:0.69em;
	}	
		
	#footer #credit {
		float:right;
		padding-top:0.69em;
	}
	
img.floatLeft { 
    float: left; 
    margin: 4px; 
	border:none;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
	border:none;
}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
}

.redtext {
	color: #FF0000;
	font-weight: bold;
}