/*
-----------------------------------------------
New Forest Centre 
Author:www.imaginet.co.uk 
Version:05 September 2011
----------------------------------------------- */



/* Global Styles 
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   text-decoration:none;
   color:#360;
}
a:hover {
   color:#690;
   text-decoration:underline;
}
a img {
   border:none;
}
#page p a, #page table a {
   text-decoration:underline;
}
#page p, #footer p {
   margin:0 0 1em 0;
   line-height:1.4em;
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em; 
}
.breaker { 
   clear:both; 
   width:100%; 
   height:1px; 
   font-size:0.1em; 
   overflow:hidden; 
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
div.bot {
   overflow:hidden;
   background-repeat:no-repeat;
   font-size:0.01em;
}
div.test {
   background-color:#f00;
}
div#validation {
   padding:1em 0 1em 0;
   text-align:center;
   display:none;
}
span.date {
   font-size:0.9em;
   color:#6c7d8e;
}
#sitemeter {
   visibility:hidden;
}
#imaginet {
   padding:1em 0 2em 0;
   display:none;
}




/* Page Structure 
----------------------------------------------- */

html body {
   background-color:#fff;
   color:#000;
   text-align:center;
   font:81.25%  Arial, Verdana, Sans-serif;
   margin:11px 0 2em 0;
}
#page {
   width:780px;
   margin:0 auto;
   text-align:left;
   padding:1em 0 0 0;
}
#left {
   width:180px;
   float:left;
}
#main {
   width:584px;
   float:right;
   padding:0 0 1em 0;
}




/* Masthead  
----------------------------------------------- */

#masthead {
   color:#fff;
   width:780px;
   background-color:#679147;
   margin:0 auto;
   text-align:left;
}
#masthead a {
   color:#fff;
}
#logo {
   width:330px;
   float:left;
}
#mastblock {
   width:440px;
   float:right;
   padding:25px 0 0 0;
}
#blockright {
   width:250px;
   float:right;
}
#blockleft {
   width:170px;
   float:left;
   background:url("../graphics/mastline.png") no-repeat right top;
}
#blockleft p {
   font-weight:bold;
   padding:0 0 0 18px;
}
#blockleft p span {
   font-size:1.4em;
   line-height:2.2em;
}
#mastsearch input#keywords {
   width:135px;
   border:1px solid #4f8426;
   margin:0 2px 0 2px;
}
#mastnav {
   margin:0 0 1em 0;
}
#mastnav a {
   padding:0 0 0 23px;
   margin:0 0 1em 0;
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/basket.gif");
   background-repeat:no-repeat;
   background-position:0 2px;
}




/* Footer   
----------------------------------------------- */

#footer {
   color:#fff;
   width:780px;
   background-color:#679147;
   margin:0 auto;
   text-align:left;
   padding:0.5em 0 0.5em 0;
}
#footer a {
   color:#fff;
}
#footer_details {
   width:780px;
   margin:0 auto;
   font-size:0.85em;
   text-align:center;
   color:#666;
   padding:0.5em 0 0 0;
}
#footleft {
   width:250px;
   float:left; 
}
#footleft p {
   padding:0 0 0 15px;
   margin:0;
}
#footright {
   width:450px;
   float:right; 
}
#footer ul li {
   list-style-type:none;
   display:inline;
   padding:0 5px 0 10px;
   background:url("http://www.newforestcentre.org.uk/css/graphics/footerdiv.gif") no-repeat left;
}
#footer li.first {
   background:none;
}




/* Left Navigation 
----------------------------------------------- */

#leftnav {
   width:180px;
   background-color:#956e8d;
   margin:0 0 1em 0;
}
#leftnav a {
   color:#fff;
}
#leftnav ul li {
   border-top:1px solid #fff;
}
#leftnav ul li.first {
   border:none;
}
#leftnav ul li a {
   display:block;
   padding:0.5em 8px 0.5em 11px;
   margin:0 0 0 0;
   overflow:visible;
   _width:161px;
}
#leftnav ul li a:hover {
   color:#fff;
   background-color:#ac8ea6;
}
#leftnav ul li.active {
   background-color:#ac8ea6;
   font-weight:bold;
}
#leftnav ul li ul {
   padding:0 0 1em 0;
}
#leftnav ul li ul li {
   border:none;
}
#leftnav ul li ul li a {
   font-weight:normal;
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/leftnav02.gif");
   background-position:17px 4px;
   background-repeat:no-repeat;
   padding:0 8px 0.2em 27px;
   _width:139px;
}
#leftnav ul li ul li ul {
   padding:0.2em 0 0 0;
}
#leftnav ul li ul li ul li a {
   font-weight:normal;
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/leftnav03.gif");
   background-position:36px 6px;
   background-repeat:no-repeat;
   padding:0 8px 0.2em 49px;
   _width:123px;
}





/* Promo Box   
----------------------------------------------- */

#promobox {
   background-color:#d7f1f6;
   width:180px;
   margin:0 0 1em 0;
}
#promobox h2 {
   color:#3291a3;
   font-size:1.2em;
}
#promobox h2 a {
   color:#3291a3;
}
#promobox p {
   font-size:0.9em;
}
#promobox .pad {
   padding:1em 15px 1em 15px;
}




/* Home 1   
----------------------------------------------- */

#home1 {
   width:584px;
   background-color:#ede5d3;
   margin:0 0 1em 0;
}
#home1 .breaker {
   background-color:#fff;
}
#homeintro {
   width:274px;
   float:left;
}
#homeintro .pad {
   padding:1em 0 0.5em 20px;
}
#homepic {
   width:292px;
   float:right;
}
#homeintro h1 {
   font-size:1.3em;
   border:none;
   padding:0;
   margin:0 0 0.2em 0;
}
#homeintro h2 {
   font-size:1em;
   margin:0 0 0.5em 0;
}
#homeintro p {
   font-size:1em;
   margin:0 0 0.5em 0;
}
#homeintro ul li {
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:16px 5px;
   padding:0 10px 0 30px;
   margin:0 0 0.5em 0;
}
#homeintro ul li a {
   color:#000;
}
#homeintro ul li a:hover {
   color:#360;
}





/* Home 2   
----------------------------------------------- */


#home2 {
   width:584px;
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/home2bg.gif");
   background-repeat:repeat-y;
   background-position:0 0;
   margin:0 0 0 0;
}
#home2a {
   width:184px;
   float:left;
}
#home2b {
   width:200px;
   float:left;
}
#home2b .gap {
   padding:0 0 0 16px;
}
#home2c {
   width:184px;
   float:right;
}
#home2 .hed h2 {
   color:#fff;
   background-color:#679147;
   font-size:1em;
   margin:0;
   padding:0.4em 11px 0.5em 11px;
}
#home2 .hed h2 a {
   color:#fff;
}
#home2 .box {
   padding:1em 11px 0.8em 11px;
}





/* Forms 
----------------------------------------------- */

#main form {
   margin:0 0 1em 0;
}
#main form {
   margin:0 0 1em 0;
}
#main form .formbox {
   padding:0.5em 15px 0.5em 15px;
   background-color:#d8e5ce;
}
#main form h2 {
   font-size:1.2em;
   padding:0.3em 11px 0.4em 11px;
   color:#fff;
   background-color:#679147;
   margin:0 0 0 0;
}
#main form .formbox table td {
   padding:0 5px 0.5em 0;
}
form table td a {
   text-decoration:underline;
}




/* Shop  
----------------------------------------------- */

#shopmain {
   width:384px;
   float:left;
}
#shopnav {
   width:184px;
   float:right;
   background-color:#d8e5ce;
   padding:0 0 1em 0;
}
#shopnav h2 {
   color:#fff;
   background-color:#679147;
   font-size:1em;
   padding:0.4em 11px 0.5em 11px;
   margin:0 0 0.3em 0;
}
#shopnav ul li {
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:12px 4px;
   padding:0 10px 0 24px;
   margin:0 0 0.2em 0;
}
#shopmain .thumbnail {
   width:120px;
}



/* Basket 
----------------------------------------------- */

#basket {
}
#basket table th {
   color:#fff;
   background-color:#679147;
   padding:5px;
   border-color:#fff;
   border-style:solid;
   border-width:1px 0 0 0;
}
#basket table td {
   padding:5px;
   background-color:#d8e5ce;
   border-color:#fff;
   border-style:solid;
   border-width:1px 0 0 0;
}
#basket table tr.total td {
   font-size:1.2em;
   text-transform:uppercase;
   background-color:#ebf6e3;
   border-top:1px solid #679147;
   color:#360;
}
#basket table tr.proceed td {
   background-color:#ebf6e3;
}





/* Site map 
----------------------------------------------- */


#sitemap {
   margin:0 0 1em 0;
}
#sitemap ul li {
   border-color:#b3c8a3;
   border-width:1px 0 0 0;
   border-style:solid;

   background-image:url("http://www.newforestcentre.org.uk/css/graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:0 9px;
   padding:5px 10px 0 14px;
   margin:0 0 0.5em 0;
}
#sitemap ul li ul {
   padding:0.5em 0 0.5em 0;
}
#sitemap ul li ul li {
   border:none;
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/arrow02.gif");
   background-position:20px 5px;
   padding:0 10px 0 30px;
}
#sitemap ul li ul li ul li {
   border:none;
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/bullet02.gif");
   background-position:20px 6px;
   padding:0 10px 0 34px;
}






/* Listing 
----------------------------------------------- */

div.listing {
   margin:0 0 1em 0;
}
div.listing hr {
   margin:1em 0 1em 0;
}
div.listing h2 {
   color:#fff;
   background-color:#679147;
   font-size:1em;
   padding:0.4em 11px 0.5em 11px;
   margin:0 0 0.3em 0;
}
div.listing h3 {
   font-size:1.3em;
   margin:0 0 0.5em 0;
}
div.listing ul {
   margin:0 0 2em 0;
}
div.listing ul li {
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:0 4px;
   padding:0 10px 0 14px;
   margin:0 0 1em 0;
}
div.listing ul li ul {
   padding:0.5em 0 0.5em 0;
}
div.listing ul li ul li {
   border:none;
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/arrow02.gif");
   background-position:20px 5px;
   padding:0 10px 0 30px;
}
div.listing table td table td {
   padding:0 5px 0.2em 0; 
}

div.listing table {
   padding:15px 0;
}

div.listing table table {
   padding:0;
}


/* Page Nav 
----------------------------------------------- */

div.pagenav {
   color:#b3c8a3;
   padding:15px 0 0 0;
}
div.pagenav strong {
   color:#000;
}




/* Downloads 
----------------------------------------------- */

div.downloads {
   border-color:#b3c8a3;
   border-width:1px 0 0 0;
   border-style:solid;
   padding:0.5em 0 0 0;
}
div.downloads h2 {
   color:#679147;
   font-size:1.2em;
   margin:0 0 1em 0;
}
div.downloads ul {
   margin:0 0 1em 0;
}
div.downloads ul li {
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/arrow3a.gif");
   background-repeat:no-repeat;
   background-position:0px 1px;
   padding:2px 0 1em 26px;
   font-weight:normal;
}

div.downloads ul li.excel {background-image:url("http://www.newforestcentre.org.uk/css/graphics/icon_excel.gif");}
div.downloads ul li.link {background-image:url("http://www.newforestcentre.org.uk/css/graphics/icon_link.gif");}
div.downloads ul li.pdf {background-image:url("http://www.newforestcentre.org.uk/css/graphics/icon_pdf.gif");}
div.downloads ul li.photo {background-image:url("http://www.newforestcentre.org.uk/css/graphics/icon_photo.gif");}
div.downloads ul li.ppoint {background-image:url("http://www.newforestcentre.org.uk/css/graphics/icon_ppoint.gif");}
div.downloads ul li.text {background-image:url("http://www.newforestcentre.org.uk/css/graphics/icon_text.gif");}
div.downloads ul li.word {background-image:url("http://www.newforestcentre.org.uk/css/graphics/icon_word.gif");}


div.downloads ul li a {
   text-decoration:none;
}
div.downloads ul li a:hover {
   text-decoration:underline;
}




/* Gallery
----------------------------------------------- */

div.gallery {
  margin:0 0 1em 0;
}
div.gallery table {
  border-color:#b3c8a3;
  border-style:solid;
  border-width:1px 1px 0 0;
  margin:0 0 1em 0;
}
div.gallery table th, div.gallery table thead td {
   color:#fff;
   padding:5px;
   background-color:#333;
   border-color:#b3c8a3;
   border-width:0 0 0 1px;
}
div.gallery table td {
  padding:1em 5px 5px 5px;
  width:33.3%;
  background-color:#fff;
  border-color:#b3c8a3;
  border-style:solid;
  border-width:0 0 1px 1px;
}




/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 1em 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 1em 10px;
}
img.left1, img.right1 {
   border:1px solid #bac4ce;
}
img.none2 {
   float:none;
   border:1px solid #bac4ce;
}
img.none1 {
   float:none;
   border:none;
}
div.picblock_right {
   width:150px;
   float:right;
   margin:0 0 0 20px;
}
div.picblock_right img {
   width:150px;  
}




/* Content   
----------------------------------------------- */

div.content {
}
hr {
   height:1px;
   font-size:0.01em;
   color:#fff;
   border-color:#b3c8a3;
   border-width:1px 0 0 0;
   border-style:solid;
   overflow:hidden;
   margin:0 0 1em 0;
}
p strong span {
   color:#0055a5;
}
h1 {
   color:#679147;
}
h1 {
   font-size:1.8em;
   margin:0 0 0.5em 0;
   padding:0 0 0.3em 0;
   border-bottom:1px solid #b3c8a3;
}
h1 a {
   color:#679147;
}
div.content h2 {
   color:#956e8d;
   font-size:1.4em;
   margin:0 0 0.5em 0;
}
div.content h3 {
   font-size:1.1em;
   margin:0 0 1em 0;
}
h4 {
   font-size:1em;
   margin:0 0 1em 0;
}
div.content h2 a, div.content h3 a {
   color:#e40000;
   text-decoration:underline;
}
div.content h2 a:hover, div.content h3 a:hover {
   color:#e40000;
}
div.content ul {
   line-height:1.4em;
   list-style-type:none; 
   margin:0 0 1em 0;
}
div.content ul li {
   background-image:url("http://www.newforestcentre.org.uk/css/graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:26px 5px;
   padding:0 10px 0 40px;
   margin:0 0 1em 0;
}
div.content ul li a, div.content ol li a {
   text-decoration:underline;
}
div.content table {
  border-color:#b3c8a3;
  border-style:solid;
  border-width:0 1px 1px 0;
  margin:0 0 1em 0;
  border-collapse:collapse;
}
div.content table th, div.content table thead td {
   color:#fff;
   padding:5px;
   background-color:#679147;
   border-color:#679147;
   border-width:0 0 0 0;
}
div.content table td {
  padding:5px;
  background-color:#fff;
  border-color:#b3c8a3;
  border-style:solid;
  border-width:1px 0 0 1px;
}
div.content table.table1 td {
   background-color:#fff;
}
ol {
   line-height:1.4em;
   padding:0 0 0 40px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}