/**
 * lightgray:  #ddd 
 * darkgray:   #ccc 
 * darkblue:   #172654 
 * darkgreen:  #006B2F 
 * lightgreen: #7AA749 
 * tan:        #DFBE88 
 */

/***** LAYOUT *****/
body { 
	min-width: 760px; 
	margin: 0;
	padding: 0;
}

div#wrap { 
	width: 760px; 
	position: relative; 
	margin: 0 auto;
	padding: 0 8px; 
}

div#header { 
	height: 200px; 
}

div#main { 
	width: 500px; 
	float: right; 
	min-height: 500px; 
	height: auto !important; 
	height: 500px; 
}

div#sidebar { 
	width: 260px; 
	float: left; 
	min-height: 300px; 
	height: auto !important; 
	height: 300px; 
}

.content { 
	padding: 15px; 
}

div#main .content {
	padding-top: 0;
}

ul#nav { 
	list-style: none;
	padding: 0; 
	margin: 0;
}

ul#nav li a { 
	display: block; 
	margin: 0em;
	padding: .2em;
	border-bottom: 1px solid #000;
}

ul#nav li a:hover { 
	border-bottom: 1px solid #000;
}

ul#nav li a#current { 
	background: white; 
	border: 1px solid #000; 
	color: black; 
}

div#footer { 
	width: 776px; 
	min-height: 93px; 
	height: auto !important; 
	height: 93px; 
	clear: both; 
	margin: 0 -8px;
}

div#footer div.content {
	padding-top: 50px; 
}

h1,h2,h3,h4,h5,h6 {
	margin: .5em 0;
	padding: 0;
}

h1.title { margin: 0 0 .5em 0 }

ul.buttons {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

ul.buttons li {
	float: left;
	margin: 0;
	padding: 0;
	background: red; 
	width: 49%;
	height: 100px;
	text-align: right;
	border: 1px solid green;
	margin: 1px;
}

ul.buttons li a {
	font-size: 120%;
	display: block;
	height: 80px;
	padding: 10px;
}

.bigpic {
	float: right;
	padding: 0 0 1em 1em;
}

/***** TYPOGRAPHY *****/
body {
	font-family: georgia, serif;
}

ul#nav li a { 
	text-decoration: none; 
	font-size: 120%;
}

ul#nav ul { font-size: 80%; }

div#sidebar p {
	font-size: 75%;
}

/***** COLOR *****/

body { background: url(images/paper.jpg) }

a { color: #006B2F; }
a:hover { color: #7aa749; }
a:visited { color: #172654; }

h1, h2, h3, h4, h5, h6 { color: #172654; }

div#wrap { 
	background: #e5e5f2 url(images/bkg_page.gif) center 0 repeat-y; 
}

div#header { 
	background: url(images/banner.jpg) 0 0 no-repeat; 
}

div#main { 
	background: url(images/gray-paper.gif); 
}

div#sidebar { 
	background: #006B2F url(images/bkg_sidebar.gif) 0 0 no-repeat; 
	color: #90c28d;
}

ul#nav li a { 
	color: white; 
	border-color: #7aa749;
}

div#sidebar a {
	color: white;
}

ul#nav li a#current { 
	background: white; 
	border-color: white; 
	color: black; 
}

ul#nav li a:hover {  
	color: white; 
	background: #90c28d;
	border-bottom-color: #90c28d;
}

div#footer {   
	background: url(images/bkg_footer.gif) center top no-repeat;
}

ul.buttons li a.b1 { 
	background: #ccc url(images/wetland.jpg) -9em -5em no-repeat; 
}
ul.buttons li a.b2 { 
	background: #ccc url(images/wetland.jpg) -6em -1em no-repeat; 
}
ul.buttons li a.b3 { 
	background: #ccc url(images/wetland.jpg) -1em -1em no-repeat; 
}
ul.buttons li a.b4 { 
	background: #ccc url(images/wetland.jpg) -10em -15em no-repeat; 
}
ul.buttons li a { color: #006b2f; text-decoration: none; font-weight: bold }
ul.buttons li a:hover { background: #172654; color: white; }