/* CSS file divided into
- base styles
- layout styles
  - don't touch
- header
- leftside
- centre
  - teasers
  - tables
- rightside
- footer
*/
/* ---- BASE STYLES FOR SITE ---- */
body {
  margin: 0;
  padding: 0 0 30px 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#fff;
  color:#000;
}
a img, img {
  border: 0;
  margin:0;
  padding:0
}
div {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%
}
div div, div div div, div div div div {
  font-size:100%
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
}


/* TOP NAVIGATION ELEMENTS */
#menu0  {visibility: hidden; position: absolute; top: 130px; z-index: 11; background-color: #e0efe9;} 
#menu1  {visibility: hidden; position: absolute; top: 130px; z-index: 11; background-color: #e0f4f5;}
#menu2  {visibility: hidden; position: absolute; top: 130px; z-index: 11; background-color: #ffefce;}
#menu3  {visibility: hidden; position: absolute; top: 130px; z-index: 11; background-color: #f5d6d1;}
#menu4  {visibility: hidden; position: absolute; top: 130px; z-index: 11; background-color: #dfd8df;}
#menu5  {visibility: hidden; position: absolute; top: 130px; z-index: 11; background-color: #e1d6e1;}
#nav #theme-te:hover {background-color: #bbccc6;}
#nav #theme-prt:hover {background-color: #A7d3d5;}
#nav #theme-rt:hover {background-color: #e2cfa7;}
#nav #theme-os:hover {background-color: #d6b9b4;}
#nav #theme-prof:hover {background-color: #cdc3ce;}
#nav #theme-maori:hover {background-color: #c3b9c3;}
p, h2, h3, h4 {
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  padding-right: 5px;
}
.nospace {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  font-size: 150%; 
  font-weight: bold;
  min-height: 43px; 
  margin: 0;
  border-width: 0;
  padding: 0 0 0 53px;
  color: #454545;
}
h1:first-line {
  font-size: 120%; 
  font-weight: bold;
  margin: 0;
  border-width: 0;
  padding: 0 0 0 53px;
  color: #454545;
  min-height: 43px; 
}
h2 {
  color: #d04a32;
  font-size:140%
}

h3 {
  color: #d04a32;
  letter-spacing:1px;
  font-size:130%
}
h4 {
  letter-spacing:1px;
  font-size:120%
}
h5 {
  font-family:arial,helvetica,sans-serif;
  font-size:100%;
  letter-spacing:1px;
}

del {
  color:#FF0000;
  text-decoration:line-through;
}
ins {
  color:#FF0000;
  text-decoration:none;
}
form {
  margin:0;
  padding:0;
}
input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size:100%;
}

/* --- LAYOUT STYLES --- */
/* Control layout - *don't* touch these */
#outer-wrapper {
  min-width: 700px; /* see IE exception css too */
  margin: 0;
  padding:0;
  /* faux-column technique, this is the left one (colour band background set in theme.css's) */
}
#wrapper {
  /* faux-column technique, this is the right one */
  background: transparent  url(/images/bgrust.gif) repeat-y right; 
}
#header {
  background: #8C8C8C url(/images/bgheadermotif.jpg) no-repeat top left;
  height: 96px;
  min-width: 550px;
  width: 100%;
}
#container {
  float:left;
  width:100%;
  background: transparent  url(/images/bgfawn.gif) repeat-y right; 
  margin: 0;
  padding: 0;
  margin-left:-0px; /* negative width of #rightside which is currently zero */
  overflow:hidden; /* msie fix for wide content */
}
#leftside {
  float: left;
  clear: left;
  background-color: transparent;
  width:220px; /* width of #leftside */
  margin-left: 34px; /* width of #rightside (0) plus with of colour band (34) */
  height: 100%;
}
#nav {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  height: 34px;
  max-height: 34px;  
  min-width: 720px; /* see IE exception css too */
  color: #000;
  background: #d7d7d7 url(/images/bgfawn.gif) repeat-y right; 
  border-top: thin solid #fff;
}
#crumb {
  float: left;
  width: 100%;
  margin: 0 34px 0 0px;
  font-weight:bold;
  font-size: 120%;
  color: #000;
  padding: 0 0 0 0;
  background: #fff url(/images/bgfawn.gif) repeat-y right; 
}
#crumb a {
  color: #000;
  background-color: transparent; 
}
#main {
  /* the width from #leftside (260px) + the negative margin from #container (34px) */
  border-width: 0;
  padding: 0 0 0 14px;
  margin: 0px 34px 0 260px;
  background-color: white;
}
#rightside {
  padding-left:100%;
  margin-left: 0; /* negative width of right column  (currently set as ) */
}

.clearing {
  height:0;
  clear:both;
}

/* --- END LAYOUT STYLES --- */
/* ---- HEADER AND TOP NAVIGATION --- */
#header #logo {
  float:left;
  background: transparent;
  margin-top: 15px;
  margin-left: 15px;
  height: 71px;
  width: 189px;
}
#header #akeys {
  float:left
}
#header #search {
  float: right;
  width: 180px;
  color: #FFF;
  margin: 50px 50px 0 0;
}
#header #searchbox{
  width: 140px;
}
#header #searchgo {
  margin: 0 0 0 0;
  border: 0;
  padding: 0 0 0 0;
  background-color:  #D04A32;
  border-color:  #D04A32;
  color: #fff;
  width  : 25px;
  height : 20px;
}

#header #rightband {
  background-color: #D04A32; /* the rust colour */
  float: right;
  width: 34px;
  height: 96px;
  /* max-height: 200px; */
}
#header #leftband {
  background-color: #71CBD2; /* the turquoise colour */
  float: left;
  width: 34px;
  height: 96px;
  max-height: 200px;
}
#navspacer {
  float: left;
  background:  #d7d7d7 url(/images/navspacer.gif) no-repeat left;
  padding: 0px 0px 0px 0px; 
  width: 34px;  
  height: 34px;
}

#nav #navtheme {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
  width: 34px;
  height: 34px;
  text-decoration: none
}
#nav #theme-te {
  float: left;
  font-size: 85%;
  margin-left: -7px;
  background:  #d7d7d7 url(/images/bullet-nav.gif) no-repeat left;
  padding-left: 10px;
  width: 65px;
  height: 34px;
  text-decoration: none
}

#nav #theme-prt {
  float: left;
  font-size: 85%;
  background:  #d7d7d7 url(/images/bullet-nav.gif) no-repeat left;
  padding-left: 10px;
  width: 167px;
  height: 34px;
  text-decoration: none
}
#nav #theme-rt {
  float: left;
  font-size: 85%;
  background:  #d7d7d7 url(/images/bullet-nav.gif) no-repeat left;
  padding-left: 10px;
  width: 73px;
  height: 34px;
  text-decoration: none
}
#nav #theme-os {
  float: left;
  font-size: 85%;
  background:  #d7d7d7 url(/images/bullet-nav.gif) no-repeat left;
  padding-left: 10px;
  width: 95px;
  height: 34px;
  text-decoration: none
}
#nav #theme-prof {
  float: left;
  font-size: 85%;
  background:  #d7d7d7 url(/images/bullet-nav.gif) no-repeat left;
  padding-left: 10px;
  width: 85px;
  height: 34px;
  text-decoration: none
}
#nav #theme-maori {
  float: left;
  font-size: 85%;
  background:  #d7d7d7 url(/images/bullet-nav.gif) no-repeat left;
  padding-left: 10px;
  width: 85px;
  height: 34px;
  text-decoration: none
}
#nav a {
  color: #000;
  text-decoration: none;
}

#nav a:link,  #nav a:active {
	color: #000;
	text-decoration: none;
}

#nav a.on:link {
	color: #fff;
	text-decoration: none;
	background-color: #4a4 /*7ecc2a*/
}
#nav a.on:active {
	text-decoration: none;
}

#crumb #crumbtheme {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: none;
  width: 34px;
  min-height: 30px;
}
#crumb #crumbtext {
  float: left;
  padding: 5px 0px 5px 28px;
  margin: 0px -34px 0px 0px;
  border: none;
}
/* ---- END HEADER AND TOP NAVIGATION --- */
/* ---- LEFT COLUMN ---- */
/* first level  - note that theme colours are set in theme css */

#leftside #lefttheme {
  padding: 0 0 0 0;
  float: left;
  width: 0px;
  height: 100%;
}

 #left-menu-content h1,#left-menu-content h2, #left-menu-content h3, #left-menu-content p,  #left-menu-content strong {
  display: none; /* we want people only using h2+ and bullets for style reasons */
}
#left-menu-content,  #left-utility-content {
  margin-left: 0px;
  float: none;
  width: 213px;
}
#left-menu-content ul, #left-utility-content ul  {
  padding: 4px 0 12px 0;
  border-right: 1px solid white; 
  margin: 0 0 0 0;
  list-style: none;
  width: 100%
}
#left-menu-content ul li ul {
  padding: 4px 0 0px 0;
  border-right: none;
  margin: 0 0 0 0;
  list-style: none;
  width: 100%
}

#left-menu-content ul li,   #left-utility-content  ul li, #left-menu-content h3 {
  margin-right: 20px;
  padding: 0 0 10px 27px;
  background-image: url(/images/bullet-utility.gif);  /* theme css will change theme part  to theme colours */
  background-repeat: no-repeat;
  background-position:  0px .5em;
  border-bottom: 2px solid white; 
  color: #000;
  text-decoration: none;
}
#left-menu-content ul li ul li {
  margin-right: 0px;
  padding: 0 0 8px 27px;
  background-image: url(/images/bullet-utility.gif);  /* theme css will change theme part  to theme colours */
  background-repeat: no-repeat;
  background-position:  0px .5em;
  border-bottom: 0;
  border-top: 2px solid white; 
  font-size: 100%;
  color: #000;
  text-decoration: none;
}
#left-menu-content ul li  {
  font-weight:bold;
}

#left-menu-content ul li a, #left-menu-content ul li ul li a,  #left-utility-content  ul li a , #left-menu-content h2 a, #left-menu-content p a, #left-menu-content h3 a {
  padding: 0 0 0 0;
  font-size: 100%;
  color: #000;
  text-decoration: none;
}

#left-menu-content ul li a:hover, #left-menu-content ul li ul li a:hover , #left-utility-content ul li a:hover, #left-menu-content h2 a:hover, #left-menu-content p a:hover, #left-menu-content h3 a:hover {
  color: #000;
  text-decoration: underline;
}

#left-menu-spacer {
  margin-top: -10px;
  margin-left: 0px;
  float: none;
  width: 220px;
  padding:0px 0px 0px 0px;
}

#left-menu-end {
  margin-top: 0px;
  margin-left: 0px;
  float: none;
  width: 220px;
  padding:0px 0px 0px 0px;
  height: 50px;
}
/* -- end left hand list navigation -- */
/* ---- END LEFT COLUMN ---- */
/* ---- CENTRE COLUMN --- */
#main hr {
  border: 0;
  color: #afbd22;
  background-color: #afbd22;
  height: 1px;
}


#totop, #totop a, .gotoc, .gotoc a {
  font-size: 80%;
  text-align: right;
  padding-right: 5px;
  margin-left: -18px;
}
.gotoc, .gotoc a {
  margin-top: -24px;
}
#main-padding {
  padding:0 10px 10px 10px;
}
.footnote {
  color:#666
}
.form-layout {
  background : #e9f0e9;
}
.highlight-box {
  border: solid 1px #000;
  padding:5px
}
.indent {
  margin-left:12px
}
.indent1 {
  margin-left:12px
}
.indent2 {
  margin-left:24px
}
.indent3 {
  margin-left:36px
}
.indent4 {
  margin-left:48px
}
.goright { text-align: right;}
.goleft { text-align: left;}
.gocenter { text-align: center;}
.listing {
  margin-bottom:-15px
}
.shade {
  background-color:#C0C0C0
}

/* --- tables --- */
table {
  border-collapse:collapse;
  border-spacing:0;
  border:solid 1px #CCC
}
table.noborder {border-style: none;}
th {
  background:#EEEFE7
}
td, td p, td h2, td h3, td h4, td ul {
  padding-top: 0px;
  margin-top: 0px;
  vertical-align: top;
}

/* --- data tables - table with borders ---  */
table.data-table, table.data {
  border:solid 1px #ccc
}
table.data-table th, table.data th {
  border:solid 1px #ccc;
  text-align:left;
  padding:2px;
  vertical-align:bottom;
}
table.data-table td, table.data td {
  border:solid 1px #ccc;
  padding:2px;
  vertical-align:top
}
table.data-small th {
  border:1px solid #ccc;
  padding:1px;
  text-align:left;
  vertical-align:bottom;
  font-size:90%;
}
table.data-small td {
  border:1px solid #ccc;
  font-size:90%;
  padding:1px;
  vertical-align:top
}
.data-table td p, .data-table th p, .data td p, .data th p, .data-small td p, .data-small th p {
  margin:0
}
table.data-table td.align-right, table.data-table th.align-right, 
table.data td.align-right, table.data th.align-right,  
table.data-small td.align-right, table.data-small th.align-right {
  text-align:right
}
table.data-table td.align-centre, table.data-table th.align-centre, 
table.data td.align-centre, table.data th.align-centre, 
table.data-small td.align-centre, table.data-small th.align-centre {
  text-align:center
}
/* --- data tables - tables without borders --- */
.table-no-border td.bordered-cell {
  border-top:solid 1px #666;
  border-bottom:solid 1px #666;
  font-weight:bold;
  padding:2px;
  vertical-align:top
}
td.bordered-cell p {
  margin:0
}
/* --- tables for monitoring reports ---- */
/* - data aligned to the right - */
table.monitoring-table {
  border:solid 1px #ccc
}
table.monitoring-table th {
  border:solid 1px #ccc;
  text-align:right;
  padding:2px;
  vertical-align:bottom
}
table.monitoring-table th.left-align, table.monitoring-table th.align-left {
  text-align:left;
}
table.monitoring-table th.centre-align, table.monitoring-table th.align-centre {
  text-align:center;
}
table.monitoring-table td {
  vertical-align:bottom;
  border:solid 1px #ccc;
  text-align:right;
  padding:2px;
  white-space:nowrap
}
table.monitoring-table td.align-left, table.monitoring-table td.left-align {
  text-align:left;
  white-space:normal
}
.monitoring-table th p, .monitoring-table td p {
  margin:0
}
table.monitoring-small {
  border:solid 1px #ccc
}
table.monitoring-small th {
  border:solid 1px #ccc;
  text-align:right;
  padding:1px;
  font-size:90%;
  vertical-align:bottom
}
table.monitoring-small th.left-align, table.monitoring-small th.align-left {
  text-align:left;
}
table.monitoring-small th.centre-align, table.monitoring-small th.align-centre {
  text-align:center;
}
table.monitoring-small td {
  vertical-align:bottom;
  border:solid 1px #ccc;
  text-align:right;
  font-size:90%;
  padding:1px;
  white-space:nowrap
}
table.monitoring-small td.align-left, table.monitoring-small td.left-align {
  text-align:left;
  white-space:normal
}
.monitoring-small th p, .monitoring-small td p {
  margin:0
}
/* table cell alignment changes */
td.align-left, td.left-align, th.align-left {
  text-align:left;
  white-space:normal /* for monitoring-table */
}
td.align-right, th.align-right {
  text-align:right
}
td.align-centre, th.align-centre {
  text-align:center
}
table.contact-table td {
  vertical-align:top;
  padding:2px
}
/* --- sanitise Transit styles (pseudo lists) --- */
.list {
  margin-top: 2px;
  margin-bottom: 2px
}
.list2 {
  margin-top: 2px;
  margin-bottom: 2px
}
.list3 {
  margin-top: 2px;
  margin-bottom: 2px
}
.list4  {
  margin-top: 2px;
  margin-bottom: 2px
}
.normalnumbered  {
  margin-top: 2px;
  margin-bottom: 2px
}
.normalnumbered2 {
  margin-top: 2px;
  margin-bottom: 2px
}
.normal2 {
  margin-top: 2px;
  margin-bottom: 2px
}

#main ul, #main ul ul {
list-style: none;
} 
#themepic {
  float:right;
  margin: 0 0 0 0;
  padding: 0 0px 10px 10px;
  width: 200px;
}
#themepic ul {
  list-style: none;
  font-size: 80%;
  padding: 0 0 0 0;
  margin-right: 0px;
  padding-right: 26px;
}

#themepic ul li {
  background-image: url(/images/bullet-turquoise.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#homepic {
  float:left;
  margin: 0 0 0 0px;
  padding: 0 0px 10px 0px;
  width: 199px;
}
#homepic  ul {
  list-style: none;
  font-size: 80%;
  margin: 0 26px 0 0;
  padding-right: 26px;
}

#homepic  ul li {
  background-image: url(/images/bullet-turquoise.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 0 0 0;
  padding: 0 0 0 12px;
}

#homepic .mceEditorContainer {
  margin-left: -500px;
} 

#main ul li,  #main ul ul li {
 padding-left: 12px; 
 background: transparent url(/images/listbullet-maori.gif) no-repeat top; 
 background-position: 0 0.25em;
}

#KeaBlock_heading_span .KeaRTE-edit-block .extent {
  border: 2px solid #000;
}
.wholewidth {
  display: block;
  width: 100%;
}
.indeximg {
  float: left;
  height: 200px;
}
.indextext {
  display: block;
  margin-left: 0px;
  padding-left: 145px;
  height: 200px;
}
/* ---- END CENTRE COLUMN --- */
/* ---- RIGHT COLUMN --- */
#rightside a {
  display: none;
  height: 0;
}
#right-padding {
  padding:10px 5px 10px 5px;
}
.rightbox {
  background:#e9f0e9;
  color:#000000;
  margin: 0;
  padding:5px;
}
.rightbox img {
  vertical-align:middle
}
.rightbox-clear {
  margin-top:10px;
  text-align:center
}
.rightboxhead {
  background:#fff;
  color:#000;
  margin: 5px 0 0 0;
}
.rightbox-item {
  background:#e9f0e9;
  color:#000000;
  margin-bottom:5px;
  margin-top:5px;
  padding:0px
}
.printfriendly, .printfriendly a:link, .printfriendly a:visited {
  color: #34659b;
  text-decoration: none;
}
.printfriendly a:active, .printfriendly a:hover {
  color: #34659b;
  text-decoration: none;
}
.sidenote {
  border-bottom: 2px solid #e9f0e9;
}
.sidenote h3 {
  font-family:arial,helvetica,sans-serif;
  font-size: 100%;
  color: #34659b;
  background-color: #e9f0e9;
  padding: 6px 5px;
}
.sidenote h4 {
  font-family:arial,helvetica,sans-serif;
  font-size: 100%;
  color: #34659b;
  margin:0 0 2px 5px
}
.sidenote form {
  border-bottom: 0px solid #e9f0e9;
  padding:0 0 5px 0
}
.sidenote input, .sidenote select {
  font-size:90%
}
.sidenote input#right-search {
  width:95px
}
.sidenote select#right-search-in {
  width:125px
}
.sidenote .kw-label {
  padding: 2px 0 2px 5px
}
.sidenote select#right-search-kw {
  width:125px
}
.sidenote input.pale-button {
  font-weight: bold;
  width: 110px;
  font-size:100%;
  background-color: #EEEFE7;
  font-family: arial,helivetica,sans-serif
}
.sidenote ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.sidenote ul li {
  margin: 0;
  padding: 3px 0px;
  list-style-type: none;
  border-bottom: 1px dashed #dcdcdc;
  font-size: 90%; 
}
.sidenote ul ul {
  margin: 0 0 0 2px;
  padding: 0 0 0 2px;
  list-style-type: none;
  list-style-image: none;
}
.sidenote ul ul li {
  margin: 0;
  padding: 3px 0px;
  list-style-type: none;
  border-bottom: 1px solid  #fff;
/*  font-size: 10px; */
}
.sidenote ul li.last {
  border: 0;
}
.sidenote a:link, .sidenote a:visited {
  color: #34659b;
  text-decoration: none;
}
.sidenote a:active, .sidenote a:hover {
  text-decoration: underline;
}
/* ---- END RIGHT COLUMN --- */
/* ---- FOOTER ---- */
#footerband {
  float: none;
  width: 100%;
  min-width: 720px; /* see IE exception css too */
  margin: 0 34px 0 0px;
  padding: 0 0px 0 0px;
  border: 0;
  color: #000;
  background: #e3e3e3 url(/images/bgfawn.gif) repeat-y right; 
  clear: both;
}

#footertheme {
  float: left;
  display: block;
  padding: 10px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
  width: 34px;
  background-color: transparent;
  background-repeat: repeat-y;
  background-position: left top;
}

#footer {
  margin: 0 34px 0 0px;
  display: block;
  padding: 12px 0 12px 0;
  background-color: transparent;
  background-repeat: repeat-y;
  background-position: left top;  text-align: center;
 /* border-top: solid 1px #fff;
  border-bottom: solid 1px #fff; */
}
#footer a {
  padding: 0.5ex 0 0.5ex 0;
}

#footer a:link, #footer a:visited {
  color: #005447;
  text-decoration: none;
}

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


/* --- END FOOTER --- */