/* 
 np_layout.css
 created  by:  charlotte.westney AT nationalparks.gov.uk
 last update: 3 May 2011| 15:47 GMT
/* **************************************************************** */

*, h1, h2 {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#444;
}

body{
width:993px;
background-color: #fff;
margin-left:auto;
margin-right:auto;
}



/* **************************************************************** 
                            General
/* **************************************************************** */

a img{
border:0;
}

.right{
float:right;
}

.clear{
clear:both;
height:1px;
width:100%;
display:block;
}

iframe{
margin:0;
padding:0;
}

hr{
height:1px;
border:0;
margin:1.5em 250px 1em 0;
clear:both;
}

.full{
width:100%;
}

.half{
width:49%;
float:left;
margin-right:2px;
}

/* **************************************************************** 
                           Font Styles
/* **************************************************************** */

p.copyright, p.copyright a {
font-size:80%;
}

p.address{
margin-left:180px;
padding-bottom:20px;
}

#content p{
margin-bottom:1.2em;
margin-top:1.3em;
line-height:1.4em;
font-size:90%;
}

#content h1{
font-size:1.8em;
margin:1.2em 0 0.5em 0;
font-weight:normal;
}

#content h2{
font-size:1.3em;
font-weight:normal;
margin:1.8em 0 0.5em 0;
}

#content h3{
font-size:1.1em;
font-weight:bold;
margin:1.1em 0 0.3em 0;
}

#content h4{
font-weight:bold;
margin:0.8em 0 ;
}

#content .further-information h2{
margin-top:0;
}

#content .further-information h3{
font-size:140%;
font-weight:bold;
margin-bottom:17px;
padding:3px 17px;
position:relative;
left:-17px;
color:#fff;
left:-17px;
margin:0 -17px 17px 0;
clear:both;
}
#content .further-information h4{
margin-top:17px;
}

.content-left h3{
font-size:140%;
font-weight:bold;
padding:3px 17px;
color:#fff;
margin-top:17px;
clear:both;
}

#content p.leftblock{
width:100px;
float:left;
margin-right:17px;
margin-bottom:0px;
clear:both;
}

#content p.rightblock{
margin-left:117px;
margin-bottom:0px;
}

/* **************************************************************** 
                        Link Styles
/* **************************************************************** */

#content a:visited{
color:#880088;
}

a.rss, a.pdf, a.word, a.zip, a.ppt, a.excel, a.twitter, a.youtube, a.facebook{
background-repeat:no-repeat;
padding-left:28px;
padding-bottom:5px;
line-height:1.7em;
display:inline;
}

#content .further-information a.pdf, #content .further-information a.word, #content .further-information a.ppt, #content .further-information a.zip, #content .further-information a.twitter, #content .further-information a.youtube, #content .further-information a.facebook{
padding-left:28px;
}



a.nextpage{
padding-right:17px;
background-repeat:no-repeat;
background-position:right 3px;
margin-left:5px;
}

a.lastpage{
padding-left:17px;
background-position:left 3px;
background-repeat:no-repeat;
margin-right:5px;
}

#content a.anchor{
padding-left:17px;
text-decoration:underline;
color:#333333;
}

#content span.anc a{
background-image:none;
padding-left:0;
}

#content a.newpage{
padding-left:17px;
text-decoration:underline;
color:#333333;
margin-bottom:0.5em;
}

#content .further-information a{
padding-left:17px;
text-decoration:underline;
color:#333333;
}

#breadcrumb-trail a{
font-weight:bold;
}

#content #breadcrumb-trail a:visited{
color:#333333;
}
.tree .content-left a{
font-weight:normal;
}
/* **************************************************************** 
                        Image Styles
/* **************************************************************** */

.picture-right{
float:right;
clear:right;
margin-left:17px;
margin-bottom:17px;
margin-right:0;
}

.picture-left{
float:left;
width:auto;
clear:left;
margin-right:17px;
margin-bottom:17px;
}

.picture-right img, .picture-left img{
border:0;
}

.caption-right{
float:right;
clear:right;
width:236px;
margin-left:17px;
margin-bottom:1.5em;
margin-top:-17px;
padding:0 7px;
}

#content .picture-right, .caption-right{
border-bottom:5px solid;
}

#content .picture-left{
border-bottom:5px solid;
}

#content .caption-right p{
font-size:80%;
color:#fff;
margin-right:0;
}
#content .caption-right p strong{
font-size:100%;
color:#fff;
margin-right:0;
}

#content .caption-right a, #content .caption-right a:visited{
font-size:100%;
color:#fff;
}




.contactus #content .picture-right, .contactus #content .picture-left, #content .noborders .picture-left, #content .noborders .picture-right{
border:0;
}

.pics-587{
position:relative;
left:-17px;
margin-right:-17px;
padding:0;
min-width:604px;
clear:both;
height:100px;
}

.pics-587 img{
border:0;
padding:0;
margin:0;
float:left;
}

#content .pics-587 p{
width:183px;
float:right;
margin-right:7px;
color:#333;
}
.photogallery img{
display:inline;
margin:17px 17px 0 0;
border:3px  solid;
}

.photogallery h2 img, .photogallery h1 img{
border:none;
}


/* **************************************************************** 
                       Content Section
/* **************************************************************** */

#content p, #content h3, #content h4, #content ul, #content ol{
margin-right:250px;
}

#content .further-information p, #content .further-information ul, #content .further-information ol, #content .half p, #content .half ul{
margin-right:0;
}


#content ul{
margin-bottom:1.5em;
}

#content li{
margin-bottom:0.5em;
line-height:1.3em;
list-style-type:square;
margin-left:17px;
}

#content li.link-list{
line-height:1.2em;
list-style-type:none;
margin-left:5px;
} 

.content-left li.link-list{
line-height:1.2em;
list-style-type:square;
margin-left:17px;
padding:3px 
} 
#content #maplinks ul{
width:200px;
margin-right:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
}
#content .highlight{
padding:0.5em;
margin:0 267px 0 0;
}

#pagenotfound #content{
margin-left:25px;
}

.footNote, .footNote a{
font-size:85%;
}

.text-section{
border-bottom:3px dotted;
clear:left;
min-height:150px;
}

.text-section .picture-left{
clear:both;
}

.pagenumbers{
margin-top:20px;
text-align:center;
width:570px;
}

.history-block{
margin-left:100px;
display:block;
padding-bottom:70px;
background-image:url(ar_history_down.gif);
background-position:center bottom;
background-repeat:no-repeat;
}

.history-year{
font-size:120%;
font-weight:bold;
color:#8eb5c8;
display:block;
float:left;
width:95px;
}

div.inlinebox{
float:left;
width:226px;
margin-right:34px;
margin-bottom:34px;
text-align:center;
}

div.inlinebox img{
border:1px solid #6a99c8;
padding:7px 17px
}

#content div.inlinebox p{
margin-right:0;
text-align:left;
padding:0px 17px;
}

div.boxwrap{
margin:34px 0;
clear:both;
}

#LME_maplinks a{
margin-left:75px;
margin-bottom:100px;
font-size:80%;
position:relative;
top:-7px;
}

/* ***********************  FullWidth Styles ********************** */
                            

#content .fullwidth p{
margin-right:0
}


div.boxbig{
width:468px;
float:left;
margin-bottom:34px;
}

#content div.boxbig h4{
margin:0;
padding:3px 5px 0px 3px;
}

div.boxsmall{
width:250px;
float:left;
margin-left:68px;
}


#content .boxsmall p,  #content .boxbig p, #content .boxbig ul, #content .boxsmall ul{
padding:5px;
margin:0;
}

#content .boxsmall h3, #content .boxbig h3{
margin:0;
padding:3px 5px;
}

#content .boxsmall iframe{
margin:0;
padding:0;
}


/* **************************************************************** 
                            Further Information
/* **************************************************************** */

#content .further-information{
margin:1em 0 2em 0;
padding:0 0 0.2em 17px;
clear:both;
}


.further-information p{
margin-top:1em;
}


#content .further-information li{
list-style-type:none;
line-height:1.6em;
margin-left:0;
}

#content .further-information li.link-list{
list-style-type:square;
line-height:1.3em;
margin-left:17px;
}
/* ***
#content .further-information input, #content .further-information textarea{
margin-left:3em;
margin-bottom:1em;
float:left;
}


#content .further-information label{
float:left;
clear:left;
width:6em;
}

#content .further-information #submit{
clear:left;
margin-left:9em;
}

*** */

/* **************************************************************** 
                        Left Content Area Styles
/* **************************************************************** */

.content-left{
margin-bottom:34px;
clear:left;
}
.content-left p{
padding:5px 5px 5px 20px;
font-size:100%;
}

.content-left-image{
width:100%;
text-align:center;
}

.content-left-image img{
border:0;
margin:7px 0;
}

.content-left h2{
font-size:180%;
font-weight:normal;
padding:7px 0 7px 10px;
}

.content-left ul{
list-style-type:none;
}

.content-left li a{
margin-left:0;
} 


/* **************************************************************** 
                     Map and links
/* **************************************************************** */
#ukmap{
width:190px;
margin-top:17px;
float:left;
}
#ukmap img{
border:0;
padding:0;
}

#maplinks{
width:165px;
padding:0;
margin:17px 0;
}
#maplinks li{
width:190px;
margin:0;
padding:0;
list-style-type:none;
}

#maplinks li a{
text-decoration:none;
margin-right:0;
display:block;
padding:3px;
padding-left:20px;
background:url(ar_tree.gif) no-repeat 2px;
}

#maplinks li a:hover{
text-decoration:underline;
}/* **************************************************************** 
                      SiteMap
/* **************************************************************** */

#sitemap ul{
list-style-type:none;
padding-left:2em;
margin-right:0;
}

#sitemap li{
list-style-type:none;
padding-top:5px;
padding-bottom:5px;
margin-right:0;

}

#sitemap li.link1, #sitemap li.link2, #sitemap li.link3, #sitemap li.link4, #sitemap li.link5, #sitemap li.link6{
list-style-type:square;
padding-top:5px;
padding-bottom:5px;
color:#8684B0;
}


/* **************************************************************** 
                    Form items and Search Results
/* **************************************************************** */

.feedback-text {
margin-left:10px;
float:left;
margin-bottom:10px;
}

.feedback-label{
width:8em;
text-align:right;
float:left;
clear:left;
margin-right:1em;
}

.radio{
margin-right:17px;
}

.send-buttons{
margin-right:17px;
font-weight:bold;
}

.searchresults .send-buttons{
margin-left:11em;
}

.searchresults .feedback-label{
width:10em;
}

.searchresults{
padding-bottom:17px;
border-bottom:#6d8958 1px solid;
}

.searchresult{
margin-top:17px;
margin-bottom:34px;
}
.searchimage{
float:left;
clear:both;
}

.searchtext{
margin-left:150px;
margin-bottom:17px;
clear:right;
}

.searchdate{
float:left;
clear:left;
line-height:1.5em;
font-size:85%;
}

.searchresult a{
font-weight:bold;
}


.radiogroup{
margin:1em 17px 0 17px;
width:150px;
text-align:center;
float:left;
}
.radiogroup img{
margin-bottom:0.5em;
}


.radiogroup input{
float:left;
margin-left:70px;
margin-top:5px;
}



/* **************************************************************** 
                    Events search and results Styles
/* **************************************************************** */


#content .event-searchbox{
width:500px;
background-color:#CECCDE;
color:#FFF;
font-weight:bold;
margin:0 ;
}

.event-search-label{
width:100px;
text-align:right;
float:left;
clear:left;
margin-right:20px;
margin-bottom:5px;
color:#fff;
}

.event-dropdown{
float:left;
margin-right:5px;
margin-bottom:5px;
}

#yearFrom{
margin-right:150px;
}

.event-searchbutton{
position:relative;
left:100px;
margin-top:10px;
clear:left;
}

.event-result{
width:700px;
margin-left:20px;
margin:2em 0;
}

.event-result img{
float:left;
margin-bottom:5px;
}

.event-result .event-summary{
margin-left: 184px;
line-height:1.4em;
}

a.event-link:link, a.event-link:visited, a.event-link:hover, a.event-link:active{
font-weight:bold;
background-image:url(ar_heather.gif);
background-repeat:no-repeat;
padding-left:20px;
position:relative;
left:-20px;
}

a.event-link:link, a.event-link:hover, a.event-link:active{
color:#918EB7;
}

a.back-link:link, a.back-link:visited, a.back-link:hover, a.back-link:active{
font-weight:bold;
background-image:url(ar_heather.gif);
background-repeat:no-repeat;
padding-left:20px;
color:#918EB7;
}

.event-detail{
font-weight:bold;
font-size:100%;
}

.event-description {
color:#333;
width:570px;
margin:20px 0;
}

#content .event-description .picture-right{
position:relative;
left:170px;
border:0;
}

.event-detailbox a{
color:#333;
}

iframe{
border:0;
margin: 10px 12%;
}


/* **************************************************************** 
                       Flash files
/* **************************************************************** */

.video{
margin:17px 0;
padding:7px;
border:1px solid #c27461;
width:424px;
}

.flashmovie{
background:#000;
float:left;
clear:both;
margin:34px;
}

.flashmovie#history{
margin-left:100px;
}

.movie{
border:7px solid #918EB7;
float:left;
}

.visiting  .flash-alt .picture-left{
padding-right:2em;
margin-right:3em;
margin-left:3em;
border-right:0;
}

.visiting .flash-alt h3{
clear:left;
margin-top:5em;
}




/* **************************************************************** 
                       Form Layout
/* **************************************************************** */
.form{
width:553px;
}

.form .submit{
margin-top:1em;
border:1px solid #fff;
background-color:inherit;
padding:0.2em;
}

.form .checkbox{
margin-bottom:0.5em;
}

.form-label{
clear:left;
width:90px;
text-align:right;
padding:7px;
float:left;
}

.form label{
line-height:1.7em;
}

.form-input{
border-left: 1px solid #fff;
width:410px;
padding:7px;
float:left;
}


/* **************************************************************** 
                Thumbnail Viewer - pop-up floating photos
/* **************************************************************** */

#thumbBox{ 
position: absolute;
left: -100px;
top: -100px;
width: auto;
padding: 7px;
padding-bottom: 0;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
line-height:2em;
}

#thumbBox #thumbImage{ 
text-align: center
}

#thumbBox #thumbImage a{
text-align:left;
color:#fff;
}

#thumbBox #thumbImage p{
text-align:left;
color:#FFF;
line-height:1.4em;
margin-top:1em;
}

#thumbBox .footerbar{ 
color: #fff;
text-align: right;
background-position:right ;
background-repeat:no-repeat;
padding-right:20px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 7px;
z-index: 5;
}


/* **************************************************************** 
                  Photo Library Search and results
				  (ext photo library and Press Images)
/* **************************************************************** */

.photo-library-result{
width:570px;
border-bottom:1px solid #fff;
}

.photo-library-result .form{
width:396px;
float:left;
border-left:1px solid #fff;
}

.photo-library-result .form a{
font-weight:bold;
}

.photo-library-result .form .form-input{
width:277px;
}

.photo-thumbnail {
padding:7px;
float:left;
width:125px;
text-align:center;
}

.photo-thumbnail img{
border:0;
}

.parks1 {
width:50%;
float:left;

}

.parks2{
}



/* **************************************************************** 
                       POSTCARD VIEW STYLES
/* **************************************************************** */


#postcard{
clear:left;
margin-top:77px;
}

#postcardimage{
text-align:center;
background:url(bg_postcard.gif);
}

#postcard .further-information{
width:566px;
margin:34px auto;
padding:17px;
}

#postcard a.newpage{
padding-left:17px;
}


#postcardmessage{
width:566px;
margin:0 auto;
background:#E8EAEB;
padding:17px;
}

#postcardmessage p{
margin-bottom:17px;
}

#postcard h4{
font-size:160%;
font-weight:normal;
}

/* **************************************************************** 
                       Flash replacement styles
			These are standard sIFR styles... do not modify
/* **************************************************************** */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 58px;
	line-height:70px;
}

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}


/* **************************************************************** 
                      Global Template Areas
 */

/* **************************************************************** 
                            Top Section 
/* **************************************************************** */

#top-section{
width:100%;
}

#top-section-logo{
float:left;
}

#top-section-logo img{
border:0;
}

.full #top-section-logo img{
margin:10px 0 10px 17px;
}

#top-section-right{
margin-left:340px;
padding-right:17px;
padding-top:3px;
text-align:right;
}

#top-section-top-navigation li{
list-style-type:none;
display:inline;
padding-left:10px;
padding-right:5px;
margin-top:40px;
background:url(bg_line.gif) repeat-y ;
}

#top-section-top-navigation li.home{
background:none;
}

.link-topnav{
font-weight:bold;
color:#333333;
text-decoration:none;
font-size:90%;
}


#top-section-search{
color:#6D8958;
font-size:85%;
margin-top:20px;
}

#qt{
border: solid #798161 1px; 
font-size:90%;
padding:2px;
}


/* **************************************************************** 
                        Main Navigation Section
/* **************************************************************** */

.main-nav-image-container{
width:993px;
margin: 0px;
padding: 0px;
clear:both;
height:auto;
position:relative;
}


.main-nav-image{
float:left;
width:803px;
}

#main-nav-image-navigation{
float:left;
width:190px;
min-height:170px;
}

#main-nav-image-navigation ul{
margin: 0px;
padding: 0px;
}

#main-nav-image-navigation li {
margin: 0px;
padding: 0px;
line-height:1.8em;
list-style-type: none;
}

#main-nav-image-navigation a:link, #main-nav-image-navigation a:visited{
font-weight:bold;
text-decoration:none;
font-size:95%;
padding-left:20px;
margin:0;
width:170px;
display:block;
}

li.tree{
background-image:url(bg_tree_dk.gif);
background-position:left;
background-repeat:repeat-y;
}

li.sand{
background-image:url(bg_sand_dk.gif);
background-position:left;
background-repeat:repeat-y;
}

li.heather{
background-image:url(bg_heather_dk.gif);
background-position:left;
background-repeat:repeat-y;
}

li.sunset{
background-image:url(bg_sunset_dk.gif);
background-position:left;
background-repeat:repeat-y;
}

li.meadow{
background-image:url(bg_meadow_dk.gif);
background-position:left;
background-repeat:repeat-y;
}

li.water{
background-image:url(bg_water_dk.gif);
background-position:left;
background-repeat:repeat-y;
}

li.stone{
background-image:url(bg_stone_dk.gif);
background-position:left;
background-repeat:repeat-y;
}

#main-nav-image-picture{
padding:0;
margin:0;
position:relative;
} 

.column1{
width:34px;
height:170px;
padding:0;
margin:0;
opacity: .5;
filter: Alpha(Opacity=50);
position:absolute;
top:0;
z-index:200;
}

.column2{
width:17px;
height:170px;
padding:0;
margin:0;
opacity: .5;
filter: Alpha(Opacity=50);
position:absolute;
top:0;
z-index:200;
}

.column3{
width:17px;
height:170px;
padding:0;
margin:0;
opacity: .5;
filter: Alpha(Opacity=50);
position:absolute;
top:0;
left:744px;
z-index:200;
}


/* **************************************************************** 
                       Section Navigation Styles
/* **************************************************************** */
#section-navigation li{
list-style-type:none;
line-height:1em;	
border-bottom:1px #fff solid;
text-transform:lowercase;
}
a.section, a.section-active{
padding-left:10px;
padding-right:5px;
}

#section-navigation li.section-sub{
padding-left:5px;
list-style-position: outside;
}

#section-navigation li.section-sub a.section, #section-navigation li.section-sub a.section-active{
padding-left:17px;
background-color:inherit;
color:#333;
line-height:1.2em;
}

#section-navigation li.section-sub2{
padding-left:20px;
list-style-position: outside;
}

#section-navigation li.section-sub2 a.section, #section-navigation li.section-sub2 a.section-active{
padding-left:15px;
background-color:inherit;
color:#333;
line-height:1.2em;
}

#section-navigation li.section-sub3{
padding-left:31px;
list-style-position: outside;
}

#section-navigation li.section-sub3 a.section, #section-navigation li.section-sub3 a.section-active{
padding-left:12px;
background-color:inherit;
color:#333;
line-height:1.2em;
}

#section-navigation a:link, #section-navigation a:visited{
font-weight:bold;
text-decoration:none;
font-size:95%;
padding-top:7px;
padding-bottom:7px;
margin:0;
width:auto;
display:block;
}

#section-navigation h2 a:link, #section-navigation h2 a:visited{
font-weight:normal;
font-size:100%;
text-decoration:none;
padding:0;
margin:0;
}

/* **************************************************************** 
                     Footer Section
/* **************************************************************** */


#footer li{
list-style-type:none;
display:inline;
float:left;
}

#footer li a{
color:#FFF;
font-weight:bold;
font-size:80%;
position:relative;
margin:10px 10px 0 10px;
top:5px;
}

#footer li.npbbs a{
padding-right:100px;
float:left;
top:0;
}
#footer li.biodiversity{
display:none;
}
#footer li.twitter{
position:absolute;
top:30px;
left:320px;
}
#footer li.facebook{
position:absolute;
top:30px;
left:440px;
}
#footer li.twitter img, #footer li.facebook img{
position:relative;
}
#footer-print{
display:none;
}

/* **************************************************************** 
                            Layout - DO NOT EDIT!
/* **************************************************************** */

#content-container{
width:100%;
float:right;
margin-left:-207px;
margin-bottom:20px;
}

#content{
margin-left:207px;
padding-top:17px;
margin-bottom:20px;
position:relative;
width:auto;
}

#content-left-container{
width:190px;
float:left;
}

#breadcrumb-trail{
margin-bottom:20px;
color:#333333;
font-size:100%;
}

#homepage-content{
width:100%;
float:left;

}

#footer {
height:95px;
color:#FFF;
text-align:center;
position:relative;
}


/* **************************************************************** 
                      Photo Display
/* **************************************************************** 


body.photo-display-body{
background-color:#ceccde;
}

.photo-display{
float:left;
width:auto;
margin-right:17px;
margin-bottom:17px;
}

#photo-display{
float:left;
background-color:#918EB7;
color:#fff;
}

#photo-display .topbar{
text-align:right;
background-position:left;
background-repeat:no-repeat;
padding:1em;
}

#photo-display a.close{
color:#fff;
background-position:right bottom;
background-repeat:no-repeat;
padding-right:20px;
}

#photo-display p{
padding:1em;
color:#fff;
}*/