/* CSS Document 

60_layout.css
updated by:   c westney | charlotte dot westney at nationalparks dot gov dot uk
updated on:   26 may 2009 13:31
colours:
 dark green:  #006835
  mid green:  #ADC94D
light green:  #DADF00
     orange:  #E78422

*/





*{
padding:0;
margin:0;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#333;

}

body:{
text-align:center;
}

.clear{
clear:both;
height:1px;
}

a img{
border:0;
}

/* ****** FONTS ******* */

h1{
font-size:2em;
margin-top:1em;
margin-bottom:1em;
font-size:1em;
}

h2{
margin-top:2em;
margin-bottom:0.8em;
font-size:1em;
}

h3{
margin-top:2em;
margin-bottom:0.2em;
font-size:1em;
}

p, ul, ol, label{
padding-bottom:0.8em;
line-height:1.3em;
font-size:0.8em;
}


ul, ol{
list-style-position:inside;
color:#E78422;
}

li{
font-size:85%;
}

li ul{
font-size:1em;
}

ol>li{
margin-bottom:1.8em;
font-weight:bold;
line-height:1.2em;
font-size:100%;
}

ol>li>span{
font-weight:normal;
}

a.block{
color:#E78422;
font-weight:bold;
text-decoration:none;
padding:5px 40px;
background:url(bg_smleaf_lg_up.gif) no-repeat;
}

a.block:hover, a.nblock:active{
text-decoration:underline;
background:url(bg_smleaf_or_up.gif) no-repeat;
}


/* ****** IMAGES *** */

.picture-left{
float:left;
position:relative;
left:-22px;
padding:4px;
border:1px solid #ADC94D;
width:200px;
}


.caption-right{
float:left;
clear:left;
position:relative;
left:-22px;
width:209px;
padding:5px;
font-size:85%;
}


.picture-right{
float:right;
position:relative;
top:-100px;
margin-left:20px;
margin-bottom:-70px;
}

#content .caption-right p{
margin-left:0;
font-size:90%;
color:#006835;
}

#content .caption{
font-size:70%;
color:#006835;
position:relative;
top:-1.5em;
left:5px;
}

.photogallery img{
margin:20px;
padding:4px;
border:1px solid #ADC94D;
}

.narrow img{
border:1px solid #ADC94D;
padding:4px;
margin:10px 0;
}

.narrow h1 img, .narrow h2 img, .narrow h3 img{
border:none;
padding:0;
margin:0;
}

/* ****** CONTENT ******* */
#content h1, #content h2, #content h3, #content p, #content ul, #content ol{
margin-left:240px;
}


.narrow{
margin-right:195px;
position:relative;
}


/* ****** WALK INFO AREA ******* */

.walkresult{
margin:2em 0;
}

.walkresult span.detail{
font-weight:bold;
margin-left:10px;
font-size:85%;
}

.icons{
margin-left:236px;
}

.icons img{
margin:0 10px 1em 0;
}



#key{
clear:left;
width:600px;
}

.icondescrip{
width:350px;
height:4.2em;
}


#content .icondescrip p{
margin-left:50px;
position:relative;
top:-30px;
font-weight:bold;
}

.icondescrip p span{
font-weight:normal;
font-size:85%;
line-height:1.1em;
}


#envir{
float:right;
clear:right;

}

#feature{
float:left;
clear:left;
margin-left:98px;
}

#walkinfo{
width:200px;
position:absolute;
top:-200px;
right:30px;
margin:0;
padding:0;
}

/* ***ie 6 hacks! *** */

* html #walkinfo{
position:absolute;
top:-166px;
right:-50px;
padding-right:0;
}

* html #walkinfo li{
padding-left:0;
}


* html #walkinfo li a img{
padding-left:0;
margin-left:0;
position:relative;
left:0px;
top:0px;
}

* html .narrow{
margin-right:190px;
width:420px;
}

* html .narrow img{
margin:0;
padding:0;
border:0;
margin-bottom:10px;

}

#content #walkinfo ul{
display:block;
margin-left:0;
list-style:none;
}

#content #walkinfo li{
font-weight:bold;
font-size:100%;
margin-bottom:10px;
list-style-type:none;
list-style-position:outside;

}

#content #walkinfo li span{
text-align:right;
float:left;
clear:left;
width:60px;
font-weight:normal;
margin-right:10px;
padding-bottom:10px;
}
#content #walkinfo li span.maplink{
width:100%;
font-size:85%;
text-align:left;
margin-left:63px;
}

#walkinfo li img{
margin:0;
border:1px solid #006835;
position:relative;
top:4px;
}

#walkinfo img{
margin-bottom:10px;
}


#walkinfo li a{
padding-left:0;
margin-left:0;
}

#walkinfo a:link, #walkinfo a:visited{
font-weight:bold;
text-decoration:none;
}

#walkinfo a:hover, #walkinfo a:active{
text-decoration:underline;
}

a.areawebsite:link, a.areawebsite:visited{
text-align:center;
display:block;
font-size:0.8em;

}

a.areawebsite:hover, a.areawebsite:active{
text-align:center;
}

#walkinfo li a.pdflink{
text-align:left;
margin:30px 0 10px 40px ;
display:block;
background: url(imgs/i_pdf.gif) no-repeat left;
padding-left:30px;
}

#content #walkinfo p{
margin-left:0;
}


/*  show/hide extra info layers ***** */

.extra {
visibility:hidden;
}

a.terrain:hover, a.terrain:focus{

}



/* ****** SIGNPOST ******* */
#signpost{
position:absolute;
left:480px;
top:52px;
}

.sign{
position:absolute;
}

.sign a{
display:block;
width:169px;
heigh:81px;
}

.sign span{
display:none;
}

.sign a:hover img{
visibility:hidden;
}

#np{
top:50px;
left:8px;
background:url(sign_nationalparks_on.gif) no-repeat;
}


#aonb{
top:50px;
left:206px;
background:url(sign_aonbs_on.gif) no-repeat;
}

#nt{
top:160px;
left:8px;
background:url(sign_nationaltrails_on.gif) no-repeat;
}

#nnr{
top:160px;
left:206px;
background:url(sign_nationalnaturereserves_on.gif) no-repeat;
}

#post{
left:169px;
}

/*  **** Footer background images and signpost location**** */

#partnersites{
background:url(bg_peakdistrict.jpg) no-repeat;
}
#about-us #partnersites{
background:url(bg_breconbeacons.jpg) no-repeat;
}
#about-us #signpost{
left:100px;
}

#whoweare #partnersites{
background:url(bg_dartmoor.jpg) no-repeat;
}
#whoweare #signpost{
left:10px;
}

#photogallery #partnersites{
background:url(bg_npennines.jpg) no-repeat;
}
#photogallery #signpost{
left:40px;
}

#media-centre #partnersites{
background:url(bg_exmoor.jpg) no-repeat;
}
#media-centre #signpost{
left:550px;
}

#southwestengland #partnersites{
background:url(bg_eastdevon.jpg) no-repeat;
}
#southwestengland #signpost{
left:250px;
}

/* ****** SITE NAVIGATION ******* */


#nav{
float:left;
margin:0;
z-index:10;
}

#content #nav ul{
margin-left:0;
list-style-type:none;
margin-bottom:10px;
}

#content #nav a, #content #nav span{
display:block;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
padding:10px 0 10px 69px;
margin-top:5px;
}


#nav #home a:link, #nav #home a:visited{
background:url(bg_leaf_dg_up.gif) no-repeat;
}
#nav #home a:hover, #nav #home a:active{
background:url(bg_leaf_lg_up.gif) no-repeat;
}
#nav #home span{
background:url(bg_leaf_or_up.gif) no-repeat;
}


#nav #aboutus a:link, #nav #aboutus a:visited{
background:url(bg_leaf_dg_mid.gif) no-repeat;
}
#nav #aboutus a:hover, #nav #aboutus a:active{
background:url(bg_leaf_lg_mid.gif) no-repeat;
}
#nav #aboutus span{
background:url(bg_leaf_or_mid.gif) no-repeat;
}

#nav #mediacentre a:link, #nav #mediacentre a:visited{
background:url(bg_leaf_dg_dn.gif) no-repeat;
}
#nav #mediacentre a:hover, #nav #mediacentre a:active{
background:url(bg_leaf_lg_dn.gif) no-repeat;
}
#nav #mediacentre span{
background:url(bg_leaf_or_dn.gif) no-repeat;
}


#nav #walks a:link, #nav #walks a:visited{
background:url(bg_leaf_dg_up.gif) no-repeat;
}
#nav #walks a:hover, #nav #walks a:active{
background:url(bg_leaf_lg_up.gif) no-repeat;
}
#nav #walks span{
background:url(bg_leaf_or_up.gif) no-repeat;
}

#nav #anniversaryevents a:link, #nav #anniversaryevents a:visited{
background:url(bg_leaf_dg_dn.gif) no-repeat 0px 5px;
}
#nav #anniversaryevents a:hover, #nav #anniversaryevents a:active{
background:url(bg_leaf_lg_dn.gif) no-repeat 0px 5px;
}
#nav #anniversaryevents span{
background:url(bg_leaf_or_dn.gif) no-repeat;
}

/* ****** Sub levels ******* */
#content #nav .sub a, #content #nav .sub span{
margin-left:36px;
margin-top:0;
padding-left:42px;
padding-bottom:2px;
}



#nav #aboutus .sub a:link, #nav #aboutus .sub a:visited{
background:url(bg_smleaf_dg_mid.gif) no-repeat 0 7px;
}
#nav #aboutus .sub a:hover, #nav #aboutus .sub a:active{
background:url(bg_smleaf_lg_mid.gif) no-repeat 0 7px;
}
#nav #aboutus .sub span{
background:url(bg_smleaf_or_mid.gif) no-repeat 0 7px;
}

#nav #mediacentre .sub a:link, #nav #mediacentre .sub a:visited{
background:url(bg_smleaf_dg_mid.gif) no-repeat 0 7px;
}
#nav #mediacentre .sub a:hover, #nav #mediacentres .sub a:active{
background:url(bg_smleaf_lg_mid.gif) no-repeat 0 7px;
}
#nav #mediacentre .sub span{
background:url(bg_smleaf_or_mid.gif) no-repeat 0 7px;
}

#nav #walks .sub a:link, #nav #walks .sub a:visited{
background:url(bg_smleaf_dg_up.gif) no-repeat 0 4px;
}
#nav #walks .sub a:hover, #nav #walks .sub a:active{
background:url(bg_smleaf_lg_up.gif) no-repeat 0 4px;
}
#nav #walks .sub span{
background:url(bg_smleaf_or_up.gif) no-repeat 0 4px;
}


#nav #aboutus #nationalparkstory a:link, #nav #aboutus #nationalparkstory a:visited{
background:url(bg_smleaf_dg_up.gif) no-repeat 0 4px;
}
#nav #aboutus #nationalparkstory a:hover, #nav #aboutus #nationalparkstory a:active{
background:url(bg_smleaf_lg_up.gif) no-repeat 0 4px;
}
#nav #aboutus #nationalparkstory span{
background:url(bg_smleaf_or_up.gif) no-repeat 0 4px;
}


/* *** next and last page links ****  */

div.pagenumbers{
margin-left:200px;
width:600px;
text-align:center;
padding:15px 0;
}

#content a.nextpage:link, #content a.nextpage:visited{
background:url(ar_next_ye.gif) no-repeat;
padding:10px 20px;
margin-left:10px;
}

#content a.nextpage:hover, #content a.nextpage:active{
background:url(ar_next_or.gif) no-repeat;
}

#content a.nextpage span, #content a.lastpage span{
display:none;
}

#content a.lastpage:link, #content a.lastpage:visited{
background:url(ar_prev_ye.gif) no-repeat;
padding:10px 20px;
margin-right:10px;
}

#content a.lastpage:hover, #content a.lastpage:active{
background:url(ar_prev_or.gif) no-repeat;
}


/* ***** Press Images Display ********* */


.photo-result{
margin-left:200px;
margin-bottom:30px;
}

.photo-result .photo-thumbnail img{
padding:4px;
border:1px solid #ADC94D;
float:left;
margin-right:30px;
}

#content .photo-result p{
margin-left:0;
margin-top:10px;
}

/* *** thumbnail viewer *************** */

#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;
background-color: #ADC94D;
}

#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: #ADC94D;
padding: 7px;
z-index: 5;
}


/*  **** Layout DO NOT EDIT **** */

#container, #partnersites, #footer{
margin-left:auto;
margin-right:auto;
}

#content{
padding:0 50px;
position:relative;
}

#header {
background:url(bg_rightshadowtop.jpg) top right no-repeat;
position:relative;
left:70px;
top:0;
width:886px;
}

#home #header{
left:0;
padding-left:70px;
}

#nav{
position:relative;
left:-20px;
}

#container {
width:956px;
background:url(bg_pageshadow.jpg) repeat-y right;
margin-top:20px;
}

#partnersites {
width:956px;
height:533px;
position:relative;
}



/* ****** FOOTER ******* */
#footer {
width:856px;
background:url(bg_pageshadowbottom.jpg) top no-repeat;
padding:30px 50px;
}

#footer img{
margin-right:30px;
position:relative;
left:-20px;
}

/* ******** Table Styles *********** */

.flashmovie{
text-align:center;
margin:10px 0;
}

.tb{
margin-left:130px;
font-size:80%;
}


.content-table{
border-bottom: 1px solid;
border-left: 1px solid;
border-top: 1px solid;
margin-bottom:2em;
margin-left:110px;
border-color:#ADC94D;

}

.t-header{
color:#333333;
font-weight:bold;
border-right: 1px solid;
border-bottom: 1px solid;
padding:7px;
margin-bottom:10px;
text-align:left;
}

.t-rowone{
color:#333333;
background-color:#ffffff;
border-right:1px solid;
padding:5px;
text-align:left;
}
.t-rowtwo{
border-right:1px solid;
padding:5px;
text-align:left;
}


.t-header{
background-color:#DADF00;
border-color:#ADC94D;
}

.t-rowone, .t-rowtwo{
border-color:#ADC94D;
}

* html #key {
position:relative;
top:0;
left:0;
}


* html #key .icondescrip img {
margin-left:0;
padding-left:0;
margin-right:0;
padding-right:0;
position:relative;

}