#outerWrapper{
width:980px;
margin-left:auto;
margin-right:auto;
}

#wrapper{
width:940px;
margin-left:auto;
padding: 0 10px 0 10px;
margin-right:auto;
}

#map_outer_wrapper{
background-color: #eaf5f8;

padding-bottom: 80px;
background-color: #ffffff;
background-image: url("../images/footer_grad.gif");
background-repeat: repeat-x;
background-position: left bottom;
}

#map_wrapper{
width:940px;
margin-left:auto;
padding: 0 10px 0 10px;
margin-right:auto;
}

#hero_outer_wrapper{
background-color: #eaf5f8;
}

#hero_wrapper{
width:940px;
margin-left:auto;
padding: 0 10px 0 10px;
margin-right:auto;
}

#outerBodyWrapper{

padding-bottom: 80px;
background-color: #ffffff;
background-image: url("../images/footer_grad.gif");
background-repeat: repeat-x;
background-position: left bottom;
}

#bodyWrapper{
width:940px; /* Same as #hero_wrapper but without the 10px padding each side */
margin-left:auto;
padding:0; /* background is white so it looks wider than #hero_wrapper if it has padding */
margin-right:auto;
background-color: #ffffff;
}

#header{
background-color:transparent;
}

#header img{
margin-right: 30px;
}

#footer{
background:url("../images/grass.jpg") repeat-x scroll center bottom transparent;
position: relative;
top:0px;
bottom: 0;
left: 0;
right: 0;
height: 211px;
}

p.thank_you_text {
color:white;
margin:10px auto 0;
width:687px; 
}

/****************** NAVIGATION *****************************/

#nav{
clear:both;
margin-top: 40px;
}

#nav a{
color:#54656e;
text-decoration:none;
font-size:1.6em;
font-weight: normal;
padding: 8px 10px 8px 10px;
}

#nav a:hover{
text-decoration:underline;
padding: 8px 10px 8px 10px;
}

#nav .home{
border-right: 1px dashed #97cbde;
}


#nav .current{
border-left:1px solid #a2dbda;
border-right:1px solid #a2dbda;
border-top:1px solid #a2dbda;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}



#nav ul{
padding-top:7px;
padding-bottom:6px;
margin:0;
}

#nav li{
display:inline;
margin-right:20px;
}

/* COPY */
.copy{
width: 430px;
padding: 30px 0 0 30px;
}

.copy_submit_wetland{
padding: 30px 0 0 30px;
}

#copy_submit_success{
padding:30px;
}

.copy_instructions{
padding: 30px 30px 30px 30px;
}

/* CENTRE MEDIA COLUMN */
#centre_media{
width: 400px;
float: right;
padding: 30px;
}

#centre_media img{
border: 1px solid #a2dbda;
}

#centre_media img.video{
border:0;
margin-top: 20px;
}
/*footer div */
/* Footer */
#footer_logo {
    float:left;
}

p#footer_content_text, h2#footer_content_title{
    margin-left: 52px;
    margin-right: 20px;
    text-align: justify;
}

div.inner {
    padding:18px 18px 15px 18px;
    width:904px;
    overflow:auto;
    margin: 0 auto;
    background-color: white;
    margin-top: 20px;
    
}
div#footer a{
    color:#d7684f;
}
div#footer img#wwn-logo-footer{
    float:left;
    margin-right:18px;
}
div#footer h2{
    font-size:12px;
    font-weight:bold;
}
div#footer span{
    width:830px;
    margin-left:18px;
    margin-right:30px;
}

div#footer #footer_text{
	float:left;
	width: 850px;
}

/* Fix for panoramic images, jQuery panorama puts 2 copies of the image next to each other so that you get a continuous image
but it makes them display:block so they actually sit one below the other! */
img.advancedpanorama{
	float:left;
}

/* FAQS */
#faq{
	padding:30px;
	min-height:400px;
}

#faq li.question{
	padding-bottom:0;
}

#faq li.answer{
	padding-bottom:2em;
}

/* CONTENT PAGES */
#page{
	padding:30px;
	min-height:400px;
}

/* CONTACT */
#contact{
	padding:30px;
	min-height:400px;
}