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

DWP*/

/*-----RESET-----*/

html, body	{
margin:0;
padding:0; 
/*height:100%; this makes the entire page grow */
}

p	{padding:0;}

html { font-size: 100%; }

img	{border:none;}

a	{outline:none;}

h1	{ /* h1 is for SEO it is for the logo link */
margin-left:0px;
font-size:9px;
margin-top:-15px;
}

/*-----HTML-----*/

html	{
background: #f6edde url(images/body_bk5.gif) top repeat-x;
overflow-y: scroll; /*fix so pages don't jump*/
}

body	{
font:0.65em Arial, "Helvetica Neue", sans-serif;
color:#444; 
text-align:	left;
}

.clear	{
clear:both;
}

h1, h2, h3, h4, h5	{
font-family: Georgia, "Times New Roman", serif;
color:#553b40;
}

.indent	{
margin-left:25px;
}

.caption p	{
text-align:center;
color:#6d786e;
font-weight:bold;
}

.photo	{
border:1px solid #444;
margin-top:15px;
}

a.external:link	{color:#444;}
a.external:visited	{color:#444;}
a.external:hover	{color:#553B40; font-weight:bold;}
a.external:active	{color:#444;}


.external_link a:hover	{
color:red;
}

/*-----CONTAINER & WRAPPER-----*/

#container	{
width:960px;
margin:0 auto;
height:100%; /*give the container a height to see it */
}

#container	{
text-align:left;
}

#container #wrapper	{
float:left;
display:inline;
width:100%;
padding-bottom:25px;
position:relative;
}

/*-----BUTTON-----*/

#wrapper #button	{ /* this is to hide the hover text for the sprite */
}

#wrapper #sprite	{
width:200px;
background:url(images/button_sprite7.png) no-repeat;
height:144px;
position:absolute;
top:305px;
right:0px;
}

#wrapper #button a span { 
width:200px;
height:100px;
position:absolute;
top:0px;
right:0px;
text-indent:-1999px;
}

#wrapper #sprite:hover, #wrapper #sprite:active, #wrapper #sprite:focus { 
background:url(images/button_sprite7.png) no-repeat;
background-position:0 -144px;
}

/*-----NAVIGATION-----*/

#wrapper #navigation	{
margin-top:140px;
}

#wrapper #navigation.home	{
margin-top:67px;
}

#wrapper #navbar {
font-family: Georgia, "Times New Roman", serif;
font-size:1.2em;
height:2.4em;
margin-left:157px;
padding-left:0px;
}

#wrapper #navbar li {
float:left;
display:inline;
list-style:none; 
margin-right:0px;
padding:0 35px 0 4px;
}

#wrapper #navbar li a {
color:#616B73;
display:block;
padding:15px;;
text-transform:uppercase;
text-decoration:none;
}

#wrapper #navbar a:visited	{
}

#wrapper #navbar a:hover, #wrapper #navbar a:focus	{ /* must have focus with hover in order for hover to work */
color:#f6edde; /* cream for hover */
}

#wrapper ul#navbar a:active	{ /*split second when clicked*/
}

#wrapper #navbar li #current	{
color:#553b40;
border:1px solid #fcd40a;
}

/*-----SUBNAV-----*/

#subnav_box	{
position:relative;
}

ul#subnav	{
margin: 0;
margin-top:25px;
padding: 0;
text-align:center;
}

ul#subnav li	{
padding-left:0;
margin-left:0;
display: inline;
list-style-type: none;
}

ul#subnav li a	{
display:block;
width:127px;
border-bottom:1px solid #616b73;
text-decoration:none;
padding:0;
margin-left:0px;
padding-top:10px;
padding-bottom:10px;
font-size:1.2em;
font-family:Georgia, "Times New Roman", serif;
color:#616b73;
}

ul#subnav li a:visited	{
}

ul#subnav li a:hover, ul#subnav li a:focus	{
color:#553b40;
background-color:#dad6cb;
}

#container #logo ul#subnav li a:active	{ /*split second when clicked*/
}

ul#subnav li #subnav_current	{
color:#553b40;
font-weight:bold;
}

/*-----CONTENT-----*/

#wrapper #content	{
margin-right:235px;
margin-bottom:0px;
margin-left:155px;
}

#wrapper #content h2	{
font-size:2.3em;
line-height:1.0em;
margin-top:92px;/*55px*/
}

#wrapper #content h2.double	{ /* margin top for 2 line headline */
margin-top:72px;
}

#wrapper #content h3	{
font-size:1.8em;
line-height:1.0em;
margin-top:25px;/*55px*/
margin-bottom:12px;
}

#wrapper h3#welcome	{
font-size:1.3em;
line-height:1.4em;
margin-top:35px;
margin-left:155px;
color:#6d786e;
}

#wrapper #content p 	{
padding-top:0;
font-size:1.2em;
line-height:1.5em;
}

#wrapper #content p.btmMargin 	{
padding-bottom:25px;
}

#contact #wrapper #content a	{
color:#4f808c;
}

/*benefits*/
#wrapper #content ul{
font-size:1.2em;
line-height:1.5em;
list-style-type:square;
padding-left:20px;
}

#wrapper #content ul li{
padding-bottom:10px;
}

/* benefits one-pagers*/
#wrapper #content ul#one_pagers li	{
list-style-type:none;
padding-bottom:10px;
}

#wrapper #content ul#one_pagers li a	{
color:#444;
text-decoration:none;
border-bottom:1px solid #444;
;
}

#wrapper #content ul#one_pagers li a a:visited	{
}

#wrapper #content ul#one_pagers li a:hover, #wrapper #content ul#one_pagers li a:focus	{ /* must have focus with hover in order for hover to work */
color:#553b40; /* brown for hover */
font-weight:bold;
}

#wrapper #content ul#one_pagers li a:active	{ /*split second when clicked*/
}

#wrapper #content ul#one_pagers li #current	{
color:#553b40;
border:1px solid #fcd40a;
}
/*technical reports*/

#reports #wrapper #content h4{
font-size:1.5em;
color:#8F9A9B;
margin-bottom:10px;
text-transform:uppercase;
} 

#reports #wrapper #content #report_docs 	{
padding-left:0;
margin-left:0;
list-style:square inside;
}

#reports #wrapper #content #report_docs li {
font-size:1.2em;
color:#555;
line-height:1.5em;
}

#reports #wrapper #content #report_docs li a {color:#555;}
#reports #wrapper #content #report_docs li a:visited {color:#333;}
#reports #wrapper #content #report_docs li a:hover, #reports #wrapper #content #report_docs li a:focus {color:green;}
#reports #wrapper #content #report_docs li a:active {color:#555;}


/*-----LOGO left side-----*/

#container #logo	{
float:left;
display:inline;
width:145px;
margin-left:-960px;
}

/*#container #logo_text p	{
margin-top:315px;
font-size:1.3em;
line-height:1.5em;
text-align:center;
font-family:Georgia, "Times New Roman",serif;
}*/

#home #container #logo #duck	{
padding-top:690px;
}

#background #container #logo #duck	{
padding-top:630px;
}

#benefits #container #logo #duck	{
padding-top:500px;
}

#fits #container #logo #duck	{
padding-top:590px;
}

#description #container #logo #frog	{
padding-top:930px;
}

#works #container #logo #frog	{
padding-top:960px;
}

#works #container #logo #frog	{
padding-top:3150px;
}

#maps #container #logo #frog	{
padding-top:240px;
}

#reports #container #logo #pelican	{
padding-top:300px;
}

#news #container #logo #salmon	{
padding-top:212px;
}

#contact #container #logo #pelican	{
padding-top:190px;
}

/*-----EXTRA right side-----*/

#container #extra_extra	{
position:absolute;
top:490px;
width:200px;
}


#container #extra	{
float:left;
display:inline;
width:200px;
margin-left:-200px;
padding-bottom:20px;
margin-top:490px;
}

#container #extra h4	{
color:#8f9a9b;
font-size:1.5em;
margin-bottom:10px;
text-transform:uppercase;
text-align:center;
}

#container #extra	p{
font-size:1.1em;
line-height:1.3em;
padding:0px;
margin:0px;
text-align:center;
}

#container #extra a{
font-size:1.0em;
padding-top:5px;
padding-bottom:10px;
color:#7f8c8d;
}

#container #extra a:visited	{color:#7f8c8d;}

#container #extra a:hover, #container #extra a:focus	{color:#553b40;font-weight:bold;}

#container #extra a:active	{color:#553b40; }

#background #container #extra	{
margin-top:480px;
}

#benefits #container #extra	{
margin-top:480px;
}

#description #container #extra	{
margin-top:540px;
}

/*-----FOOTER-----*/

#footer_image	{
background:url("images/grass2.gif") repeat-x;
height: 45px;
}

#footer	{
background-color:#6d786e;
height:300px;
font-size:1.1em;
}

#footer #footer_sleeve {
width:960px;
height: 180px;
margin:0 auto;
overflow: hidden;
position:relative;
padding-left:2px;
}

#footer #footer_sleeve #btmNav	{
float:right;
display:inline;
}

#footer #footer_sleeve #btmNav ul	{
float:right;
display:inline;
margin-top: 15px;
margin-bottom:15px;
}

#footer #footer_sleeve #btmNav li{
float:left;
display:inline;
list-style:none;
color:#f6edde;
padding:5px;
margin:5px;
}

#footer #footer_sleeve #btmNav li.last{
background:none;
padding-right:0px;
}

#footer #footer_sleeve #btmNav a	{
color:#f6edde;
/*text-decoration:none;
border-bottom: 1px solid;*/
}

#footer #footer_sleeve #btmNav a:visited	{
color:#f6edde;
}

#footer #footer_sleeve #btmNav a:hover, #footer #footer_sleeve #btmNav a:focus {
color:#fcd40a;
}

#footer #footer_sleeve #btmNav a:active	{
color:#fcd40a;
}

#footer #footer_sleeve #btmNav p	{
color:#f6edde;
padding-left:59px;
margin-top:10px;
}

#footer #footer_sleeve #footer_address {
color:#f6edde;
font-style:normal; 
margin-top:20px;
}

#footer #footer_sleeve #footer_address a {
color:#f6edde;
}

#footer #footer_sleeve #footer_address a:hover, #footer #footer_sleeve #footer_address a:focus {
color:#fcd40a;
}