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

/* ==========================================================
Navigation Stylesheet

website:   www.biochar.org.uk
version:   "PURE"
updated:   March 25 2011
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
url:       http://www.chromadesign.co.uk

============================================================ */

ul#nav{position: absolute; top: 160px; left: -10px; width: 980px; height: 30px;}
ul#nav a{border-bottom: none;}
ul#nav li{float: left; height: 30px; display: block;}

/* main tab widths and spacing */
li.home{width: 62px; margin-right: 0px;}
li.biochar{width: 130px; margin-right: 0px;}
li.about{width: 138px; margin-right: 0px;}
li.research{width: 152px; margin-right: 0px;}
li.production{width: 184px; margin-right: 0px;}
li.publications{width: 102px; margin-right: 0px;}
li.links{width: 142px; margin-right: 0px;}
li.contact{width: 70px;}
/* main tab link widths */
ul#nav li a{display: block; width: inherit; height: 30px; background-image: url(../i/nv_temp2/main2.jpg);}

ul#nav li.home a{width: 62px;}
ul#nav li.biochar a{width: 130px;}
ul#nav li.about a{width: 138px;}
ul#nav li.research a{width: 152px;}
ul#nav li.production a{width: 184px;}
ul#nav li.publications a{width: 102px;}
ul#nav li.links a{width: 142px;}
ul#nav li.contact a{width: 70px;} 

/* static positioning master image ... */
ul#nav li.home a, a:link a:visited a:active{background-position: 0px 0px;}
ul#nav li.biochar a, a:link a:visited a:active{background-position: -62px 0px;}
ul#nav li.about a, a:link a:visited a:active{background-position: -192px 0px;}
ul#nav li.research a, a:link a:visited a:active{background-position: -330px 0px;}
ul#nav li.production a, a:link a:visited a:active{background-position: -482px 0px;}
ul#nav li.publications a, a:link a:visited a:active{background-position: -665px 0px;}
ul#nav li.links a, a:link a:visited a:active{background-position: -768px 0px;}
ul#nav li.contact a, a:link a:visited a:active{background-position: -910px 0px;} 
/* ... and hover positioning */
ul#nav li.home a:hover{background-position: 0px 30px;}
ul#nav li.biochar a:hover{background-position: -62px 30px;}
ul#nav li.about a:hover{background-position: -192px 30px;}
ul#nav li.research a:hover{background-position: -330px 30px;}
ul#nav li.production a:hover{background-position: -482px 30px;}
ul#nav li.publications a:hover{background-position: -665px 30px;}
ul#nav li.links a:hover{background-position: -768px 30px;}
ul#nav li.contact a:hover{background-position: -910px 30px;} 

ul#nav li ul{width: inherit;}
/* nvul images to ensure sticky hover when you mouse down the ul list */
ul#nav li.biochar ul:hover{background: url(../i/nvul2/biochar.jpg) 0px 0px;}
ul#nav li.about ul:hover{background: url(../i/nvul2/about2.jpg) 0px 0px;}
ul#nav li.research ul:hover{background: url(../i/nvul2/research.jpg) 0px 0px;}
ul#nav li.production ul:hover{background: url(../i/nvul2/production.jpg) 0px 0px;}
ul#nav li.links ul:hover{background: url(../i/nvul2/links.jpg) 0px 0px;}
ul#nav li ul li{display: block; width: inherit; height: 24px;}
ul#nav li.links ul li{height: 44px;} /* exception */
ul#nav li ul li a{display: block; width: inherit; height: 24px; background-repeat: no-repeat;}
ul#nav li.links ul li a{height: 44px;} /* exception */

/* dropdown link images */
ul#nav li.biochar ul li a{background-image: url(../i/dd2/biochar.jpg);}
ul#nav li.about ul li a{background-image: url(../i/dd2/about.jpg);}
ul#nav li.research ul li a{background-image: url(../i/dd2/research.jpg);}
ul#nav li.production ul li a{background-image: url(../i/dd2/production.jpg);}
ul#nav li.links ul li a{background-image: url(../i/dd2/links.jpg);}

/* static positioning ...*/
ul#nav li ul li.one a, a:link a:visited a:active{background-position: 0px -9px;}
ul#nav li ul li.two a, a:link a:visited a:active{background-position: 0px -33px;}
ul#nav li ul li.three a, a:link a:visited a:active{background-position: 0px -57px;}
ul#nav li ul li.four a, a:link a:visited a:active{background-position: 0px -81px;}
/* ... and hover positioning */
ul#nav li ul li.one a:hover{background-position: 0px -190px;}
ul#nav li ul li.two a:hover{background-position: 0px -214px;}
ul#nav li ul li.three a:hover{background-position: 0px -238px;}
ul#nav li ul li.four a:hover{background-position: 0px -262px;}
/* exceptions for Links dropdowns - double-line */
ul#nav li.links ul li.one a, a:link a:visited a:active{background-position: 0px -9px;}
ul#nav li.links ul li.two a, a:link a:visited a:active{background-position: 0px -56px;}
ul#nav li.links ul li.three a, a:link a:visited a:active{background-position: 0px -103px;}
ul#nav li.links ul li.one a:hover{background-position: 0px -190px;}
ul#nav li.links ul li.two a:hover{background-position: 0px -237px;}
ul#nav li.links ul li.three a:hover{background-position: 0px -284px;}