@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
div title {display:none; visibility:hidden;}
body {
	line-height: 1; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {background-color:#ffffff; margin:0}
#headerWrap, #bodyWrap {background-color:#ffffff; border-bottom:2px solid #a6975a; padding:10px}
#header, #body {display:block; margin:0 auto; width:950px}
#header #nav {
	display:block;
	width:750px;
	float:right;
	height:45px;
	position: relative;
	top: 8px;
}
ul.nav {width:750px; margin:0 auto; height:30px}
ul.nav li {
	float:left;
	text-align:center;
	padding:13px 39px;
	}
ul.nav li a {
	color:#006600;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px
}
#bodyWrap {border:none}
#body {}
#footerWrap {background:url(../images/footerBG_07.png) repeat-x; display:block; height:250px; clear:both}
#footer {
	background:url(../images/footTabBig_10.png) no-repeat;
	margin-left:570px;
	width:590px;
	padding-top:3px
}
#panel {background:url(../images/footerTab_10.png) no-repeat;}

/*positioning and spacing*/
.indent {margin-left:10px;}
.padded {padding:10px;}
.paddedSM {padding:5px}
.marginTopBot {margin:10px 0}
.clear {clear:both}
.fLeft {float:left}
.fRight {float:right}
img.fRight {margin:0 0 10px 10px}
img.fLeft {margin:0 10px 10px 0}
.hidden {display:none;}
/*columns */
.col1_4, .col2_4, .col3_4, .col4_4 {
	float:left;
	display:block;
	width:20%;
	margin-left:3%
}
/*.col2_4, .col3_4, .col4_4 {margin-left:1%;}*/
.col1_2 {float:left; width:48%}
.col2_2 {float:left; width:48%; margin-left:4%}
.col1_3 {float:left; width:33%}
.col23_3 {float:left; width:58%; margin-left:5%}

.col1_5,.col2_5,.col3_5,.col4_5,.col5_5 {width:20%; float:left}
/*text*/
h1 {font-size:24px}
h2 {font-size:17px;}
h3 {font-size:16px; padding:10px 5px}
h3.ui-accordion-header {font-size:12px}
h2 a {color:#006600}
dt {margin:3px 0px 0px 20px;}
.col1_2 dt {margin:10px 0px 7px 20px;}
.small {font-size:11px}
.big {font-size:16px}
.justify {text-align:justify}
.line_2 {line-height:1.75}
.bold {font-weight:bold}
a, a:visited {text-decoration:none; color:#006600;}
a:hover {color:#a6975a}
/* colors*/
.green {color:#006600}

/*borders*/
.bottomBorder { border-bottom:1px dashed #a6975a; padding:5px 0}
.topBorder { border-top:1px dashed #a6975a; padding:5px 0}
.greenBorder {border-bottom:1px solid #a6975a}
/* Image slider */
* {margin: 0; padding: 0; outline: none;}
img {border: none;}
/*--Main Image Preview--*/
.main_image {
	width: 589px; height: 375px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	padding: 10px;	margin: 0;
}
.main_image a, .main_image a:hover {color:#ffffff; font-weight:bold; font-size:15px; text-decoration:underline;}
.block small, .about .block small { 
	padding: 5px; 
	font-size:15px;
	display:block;
}
small a, small a:hover {color:#000000}
.active small a, .active small a:hover {color:#ffffff}
.main_image .block small {margin-left: 5px; font-size:14px}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
	padding: 5px 0 0
}
.main_image a.collapse {
	background: url(../images/btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 

.about .image_thumb {
	float: left;
	width: 360px;
	}
.image_thumb {
	float: left;
	width: 598px;
	/*background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;*/
}
.image_thumb img, .about .image_thumb img {
	border: 1px solid #ccc; 
	/*padding: 5px; */
	background: #fff; 
	height:60px;
	display:block;
	width:125px;
	margin:30px auto 0
}
.image_thumb ul, .about .image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li, .about .image_thumb ul li{
	margin: 0; /*padding: 12px 8px;*/
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 146px;
	height:100px;
	float: left;
	border-bottom: 1px solid #DCD5C2;
	border-right: 1px solid #DCD5C2;
}
.image_thumb ul li.first, .about .image_thumb ul li.first {border-left: 1px solid #DCD5C2;}
.image_thumb ul li.hover, .about .image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active, .about .image_thumb ul li.active {
	background: #A6975A;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block, .about .image_thumb ul li .block {
	float: left; 
	padding: 0;
	width: 170px;
}	
.image_thumb ul li p,.image_thumb ul li .col1_2,.image_thumb ul li .col2_2,.image_thumb ul li .clear, .about .image_thumb ul li p{display: none;}

.featureTitle {display:block; width:140px; padding:3px 3px 0;background:#006E53; height:25px; color:#ffffff; font-weight:bold;}

h3.slide {background:url(../images/footerTab_10.png) no-repeat bottom left; padding:20px 23px}
h3.slide a{color:#a6975a; position: relative; top:-20px}

/*accordion */
#accordion {padding-top:30px; width:950px; margin:0 auto}

/*zoom thumbs */
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 5px 10px 10px;
	width: 450px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 140px;
	height: 140px;
}
ul.thumb li img {
	width: 130px; height: 130px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
/*drop down menu */
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 500px; visibility: hidden; position: absolute; top: 70%; left: -90px; }
ul.dropdown ul li 					{ font-weight: normal; color: #000; float: left; padding: 10px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{text-decoration:underline;border: none; width: 100%; display: inline-block; font-size:12px; font-weight:normal  } 
ul.dropdown ul li a:hover {color:#006600}


#permits h3, #wildlife h3, #coastal h3, #resources h3 {
	background:#A6975A none repeat scroll 0 0;
color:#FFFFFF;
padding:5px 10px;}