/***

light grey: #f3f2ed;

***/

html {
	margin: 0;
	padding: 0;
	background: #fff url(../img/bg-page.jpg) repeat-x;	
	text-align: center;
	color: #333;
	}

body {
	width: 94%;
	max-width: 800px;
	margin: 0 auto 0 auto;
	padding: 0; /* for Opera */
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	}
	
* html body {
	width: 800px;
	width:expression(document.body.clientWidth > 801 ? "800px" : "auto");
	}	
	
#wrapperAll {
	margin: 0;
	padding: 0 12px 11px 12px;
	background: #fff;
	text-align: left;
	}
	
#printHead, .print {
	display: none;
	}	
	
.whitespace {
	height: 16px;
	overflow: hidden;
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	background: #fff;
	}

/*** LINKS ***/

a { 
	color: #c30000;
	}
a:visited {
	color: #434533;
	}
a:hover { 
	border-bottom: 1px solid #900;
	}

#contentMain a {
	text-decoration: none;
	}

#contentMain a { 
	border-bottom: 1px solid #c30000;
	color: #c30000;
	}
#contentMain a:visited {
	border-bottom: 1px solid #434533;
	color: #434533;
	}
#contentMain a:hover { 
	border-bottom: 1px solid #900;
	color: #111;
	}

a IMG {
	border: none;
	}
	
#contentMain a.glossary, #contentMain a.glossary:link, #contentMain a.glossary:visited, #contentMain a.glossary:hover {
	border-bottom: 1px dotted #000;

	text-decoration: none;
	cursor: help;
	color: #333;
	}
	
#contentMain a.pagetop, #contentMain a.pagetop:visited {
	position: relative;
	display: block;
	float: right;
	width: 4.4em;
	margin-bottom: 1em;
	border-bottom: 1px solid #fff;
	padding: 4px 15px 1px 0; /* last value sets distance from bullet gif */
	background: #fff url(../img/i-top.gif) bottom right no-repeat;
	font-size: 14px;
	text-decoration: none;
	color: #333; /* link colour */
	}
	
* html a.pagetop {
	width: 4.6em;
	height: 1%;
	}
	
#contentMain a.pagetop:hover {
	background: #fff url(../img/i-top.gif) bottom right no-repeat;
	text-decoration: underline;
	color: #333; /* link colour */
	}

blockquote a {
	width: 100%;
	text-align: right;
	color: #333;
	}
	
blockquote a:hover {
	text-decoration: underline;
	color: #333;
	}
	
.caps {
	text-transform: uppercase;
	}
	
.media {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	color: #555;
	}
	
a.audio span {
	padding-left: 27px;
	background: transparent url(../img/i-audio.gif) no-repeat;
	background-position: left top;
	}
	
a.video span {
	padding-left: 27px;
	background: transparent url(../img/i-video.gif) no-repeat;
	background-position: left top;
	}	

/*** HEADER ***/

#wrapperNavHeader {
	height: 210px;
	margin: 0;
	padding: 19px 0 0 22px;
	padding-bottom: 0;
	background: #fff;
	}	
	
#wrapperNavHeader IMG {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#contentHeader {
	/*height: 67px;
	background: #cc0001 url(../img/bg-tagline.gif) no-repeat top right;
	text-align: left;*/
	}	
	
/*** CONTACT DETAILS ***/

#contentAside {
	/*float: right;
	width: 188px;*/
	/*margin-left: -198px;*/
	width:184px;
	background: #efefef;
	padding-bottom: 12px;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	}


#contentAside h3 {
	margin: 0;
	/*margin-top: 8px;*/
	padding: 8px 0 0 8px;
	/*margin-left: 8px;*/
	font-weight: normal;
	font-size: 16px;
	}

#contentAside ul.address {
	margin-top: .4em;
	margin-bottom: .6em;
	margin-left: 0;
	padding-left: 8px;
	list-style-type: none;
	}
	
#contentAside .address li {
	margin-left: 0;
	background: transparent none;
	padding-left: 0;
	font-family: Verdana, Arial, snas-serif;
	font-size: 11px;
	line-height: 1.35em;
	}


/***** SECTION NAV *****/

#wrapperNavSection {
	float: left;
	width: 180px;
	margin-top: 0;
	padding-top: 0;
	border-bottom: 6px solid #fff;
	}
	
* html #wrapperNavSection {margin-left:5px;} /* for ie only */

#navSection h3 {
	margin: 0;
	padding-right: 8px;
	text-align: center;
	}
	
#navSection h3 a {
	text-decoration: none;
	}	

#navSection ul {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	white-space: nowrap;
	}
	
#navSection li {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
	font-size: 12px;
	}

#navSection li a {
	position: relative;
	display: block;
	width: 174px;
	border-bottom: 2px solid #fff;
	padding: 6px 0 5px 8px;
	text-decoration: none;
	}
	
#navSection li a:link, #navSection li a:visited { color: #222; }

#navSection li a:hover {
	background: #434533;
	color: #fff;
	}
	
#navSection li.current a:link, #navSection li.current a:visited {
	background: #e3dfd1;
	font-weight: bold;
	color: #000;
	}

#navSection li.current a:hover {
	color: #fff;
	background: #ef4023;
	}
	
#navSection li ul {
	display: none;
	}

#navSection li.current ul {
	display: block;
	height: 1%;
	/* border-bottom: 2px solid #aacb00; */
	}

#navSection li.current .l2 li a, #navSection li.current .l2 li a:visited {
	width: 166px;
	border: 0 none;
	padding-left: 16px;
	background: #fff;
	font-weight: normal;
	color: #000;
}

#navSection li.current .l2 li.current a, #navSection li.current .l2 li.current a:visited {
	font-weight: bold;
	}
	
#navSection li.current .l2 li a:hover  {
	text-decoration: underline;
	background: #fff;
	color: #434533;
	}
	
/*--- NZFPM ---*/

#nzfpm {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	/*border: 1px solid #ccc;*/
	width: 184px;
	padding: 0 0 8px 0;
	background: #f5f5f5 url(../img/bg-nzfpm.gif) no-repeat;
	background-position: right bottom;
	font-family: Verdana, Arial, sans-serif;
	}
	
#nzfpm h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-left: 22px;
	padding-bottom: 6px;
	border-bottom: 2px solid #fff;
	background: #ccc url(../img/bg-box.gif) no-repeat;
	background-position: 8px 8px;
	font-size: 12px;
	line-height: 1.2em;
	color: #101010;
	}
	
#nzfpm h3 a, #nzfpm h3 a:visited, #nzfpm h3 a:hover {
	text-decoration: none;
	border-bottom: 0 none;
	color: #101010;
	}	
	
#nzfpm p, #nzfpm ul {
	margin-top: .4em;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: .2em;
	padding-left: 6px;
	line-height: 1.35em;
	font-size: 11px;
	}
	
#nzfpm ul li a {
	display: block;
	margin: 0;
	border-bottom: 0 none;
	padding-left: 21px;
	padding-bottom: 2px;
	background: transparent url(../img/bg-right-arrow.gif) no-repeat;
	background-position: left top;
	line-height: 1.5em;
	text-decoration: none;
	color: #111;
	}
	
#nzfpm li {
	font-size: 11px;
	}

#nzfpm ul li a span {
	border-bottom: 1px solid #F5F5F5;
	}	
	
#nzfpm ul li a:hover span {
	border-bottom: 1px solid #222;
	}	
	
#nzfpm ul {
	list-style-type: none;
	margin-top: .2em;
	padding: 0 0 10px 6px;
	}	
	
#contentMain ul.subFeatures {
	margin-left: 0;
	padding-left: 0;
	background: #f5f5f5;
	padding: .8em .8em .4em .8em;
	}

#contentMain ul.subFeatures li {
	margin-bottom: 8px;
	padding-bottom: .6em;
	padding-left: 58px;
	}
	
#contentMain ul li.iLanded {
	background: transparent url(../img/i-landed.jpg) no-repeat;
	background-position: left .18em;
	}
	
#contentMain ul li.iMargin {
	background: transparent url(../img/i-margin.jpg) no-repeat;
	background-position: left .18em;
	}		
	
#contentMain ul li.iChange {
	background: transparent url(../img/i-change.jpg) no-repeat;
	background-position: left .18em;
	}
	
#contentMain ul li.iBreakdown {
	background: transparent url(../img/i-breakdown.jpg) no-repeat;
	background-position: left .18em;
	}
	
#contentMain ul li.iTrend {
	background: transparent url(../img/i-trend.jpg) no-repeat;
	background-position: left .18em;
	}
	
#contentMain ul li.iCommentary {
	background: transparent url(../img/i-commentary.jpg) no-repeat;
	background-position: left .18em;
	}
	
#contentMain ul li.iBiofuel {
	background: transparent url(../img/i-biofuel.jpg) no-repeat;
	background-position: left .18em;
	}		
	
#contentMain ul li.iData {
	background: transparent url(../img/i-data.jpg) no-repeat;
	background-position: left .18em;
	}
	
#contentMain p.demo {
	margin-top: .8em;
	margin-bottom: 1.6em;
	}

#contentMain p.demo a {
	display: block;
	width: 320px;
	height: 106px;
	padding: 8px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	text-decoration: none;
	font-weight: bold;
	}
	
#contentMain p.demo a:hover {
	background: #efefef;
	border: 1px solid #aaa;
	}
	
p.demo IMG {
	border: 2px solid #aaa;
	display: block;
	float: left;
	margin-right: 8px;
	}	
	
	
/*---- DISCLAIMER ----*/

.disclaimer {
	position: relative;
	margin-top: 1.2em;
	margin-bottom: .8em;
	border: 2px solid #efefef;
	padding: .6em .8em .6em .8em;
	}
	
#contentMain .disclaimer p {
	font-size: .85em;
	}	


/*** DIVIDERS ***/

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;          /* keep flush with surrounding blocks */
	padding: 0;
	}

.divider {
	clear: both;
	height: 8px;
	background: #fff url(/img/dots.gif) repeat-x 0 6px;
	}
	
.break {
	height: 1.4em;
	background: #fff url(/img/dots.gif) repeat-x 0 .7em;
	}
	
/* Screen reader elements */	
.reader, .pullquote a span {
	position: absolute;
 	left: 0;
 	top: -1000px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
	}	

/*** CONTENT ***/

#contentMain {
	height: 1%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 201px;
	padding: 0 0 4px 14px;
	background: #fff;
	color: #222;
	}

/***** PAGE-LEVEL NAV *****/

#navPage {
	margin: 1.2em 10px 0 0;
	padding: .8em 0 0 0;
	background: #fff url(../img/dots.gif) repeat-x 0 0;
	color: #66694E;
	}
	
/***** Footer *****/
#footer {
	clear: both;
	margin-top: 0;
	}

/*** Text styles ***/

blockquote {
	margin-left: 1.5em;
	margin-right: 1.5em;
	border: 1px solid #E3EBAF;
	padding: .6em 1em 0 1em;
	background: #fff;
	color: #be2025;
	}
	
blockquote p {
	line-height: 1.25em;
	}

blockquote.pullquote {
	float: right;
	width: 36%;
	margin: 0 0 10px 8px;
	border: 0;
	padding: 4px 8px .25em 22px;
	background: #fff url(../img/bg-quote-left.gif) no-repeat;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	color: #be2025;
	}
	
.pullquote p {
	padding-right: 12px;
	background: #fff url(../img/bg-quote-right.gif) no-repeat bottom right;
	line-height: 1.6em;
	}
	
.pullquote a {
	position: relative;
	display: block;
	float: left;
	font-size: .8em;
	text-decoration: none;
	}

#contentMain h1 {
	margin-top: 0;
	margin-bottom: .2em;
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #be2025;
	line-height: 1.2em;
	}

#contentMain h2 {
	margin-top: 1em;
	margin-bottom: .2em;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #c30000;
	line-height: 1.2em;
	}

#contentMain h3 {
	margin-top: 0;
	margin-bottom: .2em;
	font-size: 16px;
	font-weight: normal;
	color: #111;
	line-height: 1.2em;
	}
	
h4 {
	margin-bottom: 0;
	font-size: 1em;
	font-weight: normal;
	font-weight: bold;
	color: #24261C;
	}

#contentMain p, #contentMain li, #contentMain dl {
	margin-top: 0;
	margin-bottom: .6em;
	padding-top: 0;
	line-height: 1.4em;
	}
	
#contentMain p, #contentMain dl, #contentMain ul {
	font-size: .93em;
	}	
	
#contentMain li ul {
	font-size: 100%;
	}	

#contentMain p.intro {
	font-size: 1.1em;
	}
	
#contentMain p.seealso {
	margin-top: .8em;
	margin-bottom: .8em;
	border: 2px solid #f3f2ed;
	padding: .6em .8em .8em .8em;
	line-height: 1.2em;
	}	

abbr {
	text-decoration: none;
	}

#contentMain ul {
	margin-left: .8em;
	padding-left: 0;
	}

#contentMain ul li {
	margin: 0 0 0 0;
	padding: 0 0 0.15em 14px;
	background: transparent url(../img/bg-bullet.gif) no-repeat 0 .45em;
	list-style: none; 
	}
	
.ednote {
	background: #ff6;
	color: #000;
	}
	
/*--- COLS ---*/

.wrapper2col {
	position: relative;
	float: left;
	}

.colTwo, .col2 {
	position: relative;
	float: left;
	width: 48.5%;
	margin-right: 1.5%;
	}
	
.colSixty, .sixty {
	position: relative;
	float:left;
	width: 60%;
	margin-right: 1.5%;
	}
	
.colForty, .forty {
	position: relative;
	float: left;
	width: 35%;
	margin-right: 1.5%;
	}	
	
.right {
	float: right;
	margin-right: 0;
	}	
	
ul.two, div.two {
	position: relative;
	float: left;
	width: 47%;
	}
	
div.two {
	padding-right: 2%;
	}
	
div.two ul {
	margin-top: 0;
	}	
	
#contentMain ul.two li {
	line-height: 1.2em;
	}	
	

#contentMain ul.toc {
	position: relative;
	margin-top: .4em;
	margin-left: 0;
	padding-top: .6em;
	padding-bottom: .4em;
	padding-left: .8em;
	background: #f3f2ed;
	}

#contentMain ul.toc li {
	position: relative;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	background: #f3f2ed url(../img/00.gif) no-repeat 0 .45em;
	line-height: 1.2em;
	list-style-type: none;
	}	
	
#contentMain ul.stats {
	position: relative;
	margin-left: 0;
	padding-top: .4em;
	padding-bottom: .2em;
	padding-left: 0;
	background: #f3f2ed;
	}

#contentMain ul.stats li {
	margin-left: 0;
	padding-left: .8em;
	background: #f3f2ed url(../img/00.gif) no-repeat 0 .45em;
	line-height: 1.2em;
	list-style-type: none;
	font-size: .93em;
	}
	
sup {
	position: relative;
	top: 0.3em;
	line-height: 0;
	}	
	
/*** Publication list ***/

dl.docs {
	padding-bottom: 1em;
	}

.docs dt {
	margin-top: .6em;
	margin-bottom: .2em;
	line-height: 1.25em;
	}
	
#contentMain .docs a, #contentMain .docs a:visited {
	color: #000;
	border-bottom: 1px solid #000;
	}	
	
.docs dt a span {
	padding-top: 2px;
	/* IE fix padding-top */
	text-transform: uppercase;
	font-weight: bold;
	}	

.docs dd {
	margin-left: 0;
	padding-left: 0;
	line-height: 1.35em;
	}
	
/*** Download document ***/


.pdf IMG {
	display: block;
	float: left;
	width: 40px;
	margin-right: 6px;
	padding-top: .2em;
	}
	
.ppt IMG {
	display: block;
	float: left;
	width: 46px;
	margin-right: 6px;
	padding-top: .2em;
	}
	
#contentMain .pdf dd {
	margin-left: 46px;
	font-size: .93em;
	line-height: 1.2em;
	}	


/*** Profile List ***/

dl.profile {
	position: relative;
	margin-top: 2em;
	padding-bottom: 1em;
	}

.profile dt {
	position: relative;
	margin: 0;
	margin-top: .6em;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.2em;
	color: #be2025;
	}

.profile dt IMG {
	vertical-align: middle;
	}

.profile dt IMG {
	display: block;
	float: left;
	width: 105px;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-right: 8px;
	z-index: 0;
	vertical-align: top;
	}
	
.profile dt span {
	color: #111;
	}	

.profile dd {
	margin-top: .4em;
	margin-left: 115px;
	line-height: 1.2em;
	}
	
.profile dd.stats {
	margin-top: .4em;
	margin-bottom: .8em;
	font-size: .93em;
	}	
	
.profile dd.cap {
	clear: left;
	margin-bottom: .6em;
	}
	
#iLeft, #iRight {
	border: 1px solid #aaa;
	}
	
#iLeft div, #iRight div {
	margin: 0 8px 8px 8px;
	padding-bottom: 2px;
	}
	
#contentMain #iLeft h2, #contentMain #iRight h2 {
	margin-left: -4px;
	margin-bottom: 0;
	margin-top: 4px;
	padding-bottom: .2em;
	margin-right: -4px;
	padding-top: .2em;
	padding-left: 8px;
	background: #CCCCCC;
	font-size: 1.2em;
	color: #111;
	}	
	
#contentMain a.screen, #contentMain a.screen:visited {
	display: block;
	margin-top: 3px;
	margin-bottom: .8em;
	margin-left: -4px;
	margin-right: -4px;
	border-bottom: 0 none;
	background: #efefef;
	text-decoration: none;
	}
	
#contentMain a.screen IMG {
	display: block;
	margin: 0 auto;
	padding: 3px;
	border: 1px solid #aaa;
	background: #fff;
	}
	
#contentMain a.screen:hover IMG {
	border: 1px solid #373737;
	}	


/***** Form elements *****/
form {
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
	}
	
INPUT.query {
	/*height: 16px;*/
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
	font-size: 1.1em;
	}
	
INPUT.search-button {
	margin-top: 0;
	margin-left: 4px;
	margin-right: 0;
	padding: 0 3px 1px 3px;
	background: #E3EBAF;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	vertical-align: top;
	}
	
TEXTAREA {	
	margin-bottom: 4px;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	overflow: scroll;
	}

code {
	font-size: 1.065em; /* cross checked */
	font-family: "Andale Mono", monospace;
	font-style: normal;
	}

.nb, .footnote {
	font-style: italic;
	}
	
#contentMain .detail {
	font-size: .85em;
	}	

/*** FOOTER ***/
#navFooter {
	position: relative;
	clear: both;
	border-top:6px soild #fff;
	margin-top: .6em;
	padding: 2px;
	background: #f3f2ed;
	font-family: Verdana, Arial, sans-serif;
	}
	
#navFooter p {
	margin: .5em 0 0 0;
	padding-bottom: .7em;
	text-align: center;
	font-size: 11px;
	color: #000;
	}
	
#navFooter a, #navFooter a:visited {
	text-decoration: none;
	color: #111;
	}
	
#navFooter p strong {
	font-weight: normal;
	color: #111;
	}
	
#navFooter a:hover {
	/*text-decoration: underline;*/
	}

/*** TABLES ***/

#contentMain table {
	margin-top: .4em;
	margin-bottom: 1.2em;
	border-bottom: 4px solid #e3dfd1;
	padding: 1px;
	background: #fff;
	}

#contentMain th {
	text-align: center;
	padding: 4px 4px 2px 4px;
	background: #e3dfd1;
	line-height: 1.25em;
	font-size: .93em;
	color: #000;
	}

#contentMain td {
	vertical-align: top;
	background: #f3f2ed;
	}
	
#contentMain td p {
	margin-bottom: 0;
	line-height: 1.2em;
	}	
	
#contentMain td ul {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	}

#contentMain td ul li {
	margin: 0 0 0 0;
	padding: 0 0 0.15em 14px;
	background: transparent url(../img/bg-bullet.gif) no-repeat 0 .45em;
	line-height: 1.2em;
	list-style: none; 
	}
	
#contentMain tr:hover td {
	background: #fff;
	}
	
#contentMain tr:hover td ul li {
	margin: 0 0 0 0;
	padding: 0 0 0.15em 14px;
	background: transparent url(../img/bg-bullet.gif) no-repeat 0 .45em;
	line-height: 1.2em;
	list-style: none; 
	}
	
/*--- NEXT STEPS ---*/

.nextSteps {
	border: 1px solid #aaa;
	margin-top: 1em;
	margin-bottom: .8em;
	padding: 4px;
	background: #efefef;
	}
	
	
#contentMain .nextSteps ul {
	margin-top: 0;
	padding-top: 0;
	}
	
.nextSteps li {
	line-height: 1.4em;
	}	
	
#contentMain .nextSteps h3 {
	font-size: 1em;
	margin-left: 4px;
	}	
	
.nextSteps a, .nextSteps a:visited,
.demo a, .demo a:visited {
	border-bottom: 1px solid #cc0001;
	text-decoration: none;
	font-weight: bold;
	color: #cc0001;
	}
	
.nextSteps a:hover {
	background: #fff;
	}