html {
	font-size: 100%;

}

body
{
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 75%;
	margin: 0px;
	padding: 0px;
	color: #fff;
	background-color: #000000;
	line-height: 1.2em;
	overflow: auto;
	text-align: center;
}

H2 {
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
	text-decoration: none;
}

H3 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.0em;
	margin: 0 0 0.5em 0;
	text-decoration: none;
}

img {
border: 0px;
display: block;
background-color: #fff;
}

a, a:visited {
	color: #fff;
	text-decoration: underline;
	border: 0;
	outline: none;
}

a:active, a:hover {
	color: #ff0000;
	text-decoration: none;
	border: 0;
}

a.blue:link, a.blue:visited {color: #263997; text-decoration: underline; border: 0;}
a.blue:active, a.blue:hover {color: #f00; text-decoration: none; border: 0;}

a.orange:link, a.orange:visited {color: #dc9700; text-decoration: underline; border: 0;}
a.orange:active, a.orange:hover {color: #f00; text-decoration: none; border: 0;}

a.bblue:link, a.bblue:visited {color: #00f; text-decoration: underline; border: 0;}
a.bblue:active, a.bblue:hover {color: #f00; text-decoration: none; border: 0;}

p {
	margin: 0 0 1.0em 0;
}

.ulBrown {
list-style: disc;
padding-left: 1em;
text-indent: 0;
color: #452b10;
font-weight: normal;
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 0.5em 0;
text-decoration: none;
}

.ulblack {
list-style: disc;
padding-left: 1em;
text-indent: 0;
color: #000000;
font-weight: normal;
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 0.5em 0;
text-decoration: none;
}

.ulGreen {
list-style: disc;
padding-left: 1em;
text-indent: 0;
color: #303b09;
font-weight: normal;
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 0.5em 0;
text-decoration: none;
}

.ulWhite {
list-style: disc;
padding-left: 1em;
text-indent: 0;
color: #ffffff;
font-weight: normal;
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 0.5em 0;
text-decoration: none;
}


.uldarkBrown {
list-style: disc;
padding-left: 1em;
text-indent: 0;
color: #32090c;
font-weight: normal;
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 0.5em 0;
text-decoration: none;
}

li, ol {
	margin: 0 0 0.5em 0;
}

#contentBox {
width: 920px;
margin: 0 auto;
padding: 40px 0 100px 0;
text-align: left;
}

#contentWrap {
margin: 0 10px 0 10px;
padding-bottom: 5px;
background-color: #fff;
line-height: 1.2em;
}

#header {
}

/* Navigation strip -------*/

#navContainer {
height: 28px;
background: #ffffff;
padding: 0 5px 0 5px;
}

#nav {
padding: 0;
margin: 0;
}

#nav li {
list-style: none;
margin: 0;
display: inline;
}

#navDivider {
width: 1px;
line-height: 28px;
float: left;
background: #a8a214 url(img/divider2.gif) 0 0 no-repeat;
}

#navOne a, #navOneOn a {
text-align: center;
text-decoration: none;
color: #fff;
width: 112px;
line-height: 28px;
float: left;
background: #a8a214;
margin-top: 0%;
margin-bottom: auto;
vertical-align: middle;
}

#navOneOn a, #navOne a:hover {
text-align: center;
text-decoration: none;
color: #2c2d30;
background: #C9C0B1;
}

#navTwo a, #navTwoOn a {
text-align: center;
text-decoration: none;
color: #fff;
width: 164px;
line-height: 28px;
float: left;
background: #a8a214;
margin-top: 0%;
margin-bottom: auto;
vertical-align: middle;
}

#navTwoOn a, #navTwo a:hover {
text-align: center;
text-decoration: none;
color: #2b1d00;
background: #C2AE74;
}

#navThree a, #navThreeOn a {
text-align: center;
text-decoration: none;
color: #fff;
width: 186px;
line-height: 28px;
float: left;
background: #a8a214;
margin-top: 0%;
margin-bottom: auto;
vertical-align: middle;
}

#navThreeOn a, #navThree a:hover {
text-align: center;
text-decoration: none;
color: #374649;
background: #A4CF6C;
}

#navFour a, #navFourOn a {
text-align: center;
text-decoration: none;
color: #fff;
width: 186px;
line-height: 28px;
float: left;
background: #a8a214;
margin-top: 0%;
margin-bottom: auto;
vertical-align: middle;
}

#navFourOn a, #navFour a:hover {
text-align: center;
text-decoration: none;
color: #32090c;
background: #CCAA6E;
}

#navFive a, #navFiveOn a {
text-align: center;
text-decoration: none;
color: #fff;
width: 108px;
line-height: 28px;
float: left;
background: #a8a214;
margin-top: 0%;
margin-bottom: auto;
vertical-align: middle;
}
#navFiveOn a, #navFive a:hover {
text-align: center;
text-decoration: none;
color: #303b09;
background: #dc9700;
}

#navSix a, #navSixOn a {
text-align: center;
text-decoration: none;
color: #fff;
width: 129px;
line-height: 28px;
float: left;
background: #a8a214;
margin-top: 0%;
margin-bottom: auto;
vertical-align: middle;
}

#navSixOn a, #navSix a:hover {
text-align: center;
text-decoration: none;
color: #a8a214;
background: #ffffff;
}

/* Company page -------*/

#greyNZ {
background: #2c2d30;
background-image: url(img/greyNZ.jpg);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 5px 5px 5px;
padding: 30px 50px 40px 50px;
}

#tanFern {
background: #bdb3a2;
background-image: url(img/tanFern.gif);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 5px 5px 5px;
padding: 20px 190px 10px 50px;
}


/* Science and Communication page -------*/

#greenlightbg {
width: 371px;
height: 488px;
float: left;
background: #374649;
background-image: url(img/stones.jpg);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 0 4px 5px;
padding: 30px 25px 30px 50px;
}


#whiteRight2 {
width: 339px;
height: 488px;
float: right;
background: #fff;
background-image: url(img/flax.jpg);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 5px 0 0;
padding: 30px 50px 30px 50px;
}



/* Affiliates page -------*/

#green {
height: 230px;
background: #303b09;
background-image: url(img/green.gif);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 5px 5px 5px;
padding: 30px 50px 30px 50px;
}



#whiteFull {
height: 240px;
background: #ffffff;
background-image: url(img/orangetussock.jpg);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 5px 5px 5px;
padding: 20px 190px 10px 50px;
}


/* Facilitation and training page -------*/

#medBrown {
background: #32090c;
background-image: url(img/medBrown.gif);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 5px 5px 5px;
padding: 30px 50px 30px 50px;
}


#whitebullet {
width: 400px;
height: 229px;
float: left;
background: #ffffff;
margin: 38px 0 4px 60px;
padding: 0;
}

#greenRight {
width: 375px;

float: right;
background: #B7B121;
margin: 0 5px 4px 0;
padding: 0;
}


/* Coastal Management page -------*/

#darkBrown {
background: #2b1d00;
background-image: url(img/darkBrown.gif);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 5px 5px 5px;
padding: 30px 50px 30px 50px;
}

#greyTussock {
width: 650px;
height: 329px;
float: left;
background: #f1f1f1;
background-image: url(img/greyTussock.jpg);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 0 5px 3px;
padding: 0;
}

#subTussock {
/*width: 645px;*/
background: transparent;
padding: 30px 50px 20px 50px;
}

#leftColTussock {
/*width: 240px;*/
float: left;
background: #transparent;
padding: 0 0 0 50px;
}

#rightColTussock {
/*width: 280px;*/
float: right;
background: #transparent;
padding: 0 40px 0 0;
}

#brownRight {
/*width: 240px;*/
height: 329px;
float: right;
background: #452b10;
margin: 0 5px 4px 0;
padding: 0;
}


/* Contact page -------*/

#whitebg {
width: 400px;
height: 229px;
float: left;
background: #ffffff;
margin: 20px 0 4px 60px;
padding: 0;
}

#whiteRight {
width: 400px;
height: 210px;
float: right;
background: #ffffff;
margin: 70px 5px 4px 0;
padding: 0;
}

#emailblue {
color: #263997;
font-weight: normal;
font-size: 1.2em;
line-height: 1.0em;
margin: 0 0 0.20em 0;
text-decoration: none;
}


/* Address -------*/

#addressContainer {
height: 42px;
background: #a8a214;
background-image: url(img/footer.gif);
background-repeat: no-repeat;
background-position: bottom; 
margin: 0 5px 0 5px;
padding: 8px 50px 8px 50px;
}

#address {
padding: 0;
margin: 0;
}

#address li {
list-style: none;
margin: 0;
display: inline;
}

#Name {
width: 210px;
text-align: left;
color: #fff;
padding: 0;
float: left;
}

#Postal {
width: 120px;
text-align: left;
color: #a8a214;
padding: 0;
float: left;
}

#Phone {
width: 180px;
text-align: left;
color: #fff;
padding: 0;
float: left;
}

#Skype {
width: 165px;
text-align: left;
color: #fff;
padding: 0;
float: left;
}

#Email {
width: 215px;
text-align: right;
color: #fff;
padding: 0;
float: left;
}



/* Copyright -------*/

#copyright {
font-weight: normal;
color: #b7b121;
font-size: 0.8em;
line-height: 0.8em;
text-align: right;
margin: 5px 0 75px 10px;
padding: 0 10px 0 0;
background: #000000
}

/* Text colours -------*/

.lime {
color: #a8a214;
}

.forest {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.0em;
	margin: 0 0 0.8em 0;
color: #015353;
}

.tan {
color: #b79e6b;
}

.green {
color: #303b09;
}

.peach {
color: #ccaa6e;
}


.greenlight {
color: #A4CF6C;
}


.orange {
color: #dc9700;
}

.peachlittle {
color: #ccaa6e;
font-weight: normal;
font-size: 1.2em;
line-height: 1.0em;
margin: 0 0 0.5em 0;
text-decoration: none;
}


.blacklittle {
color: #000000;
font-weight: normal;
font-size: 1.2em;
line-height: 1.0em;
margin: 0 0 0.5em 0;
text-decoration: none;
}



.brown {
color: #452b10;
font-weight: normal;
font-size: 1.2em;
line-height: 1.0em;
margin: 0 0 0.5em 0;
text-decoration: none;
}


.blue {
color: #263997;
font-weight: normal;
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 0.20em 0;
text-decoration: none;
}

.lime {
color: #a8a214;
font-weight: normal;
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 0.20em 0;
text-decoration: none;
}


.clear {
clear: both;
height: 1px;
width: 1px;
font-size: 1px;
padding: 0;
margin: 0;
line-height: 0;
}

.clear2 {
clear: both;
height: 15px;
width: 1px;
font-size: 1px;
padding: 0;
margin: 0;
line-height: 0;
}