﻿html, body, h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
	}
body {
	color:#333;
	background:white;
	line-height:1.5;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size:76%;
	}
address, caption, cite, code, dfn, th, td, var{font-style:normal;font-weight:normal;}
img {border:0;}
.accessibilty {display: none;}
.bgnone  {background-image: none;}
.mi {display: block;}

/*text*/
em 		{font-style:italic;}
strong	{font-weight: bold;}
h1, h2, h3, h4, h5, h6, p, ol, ul {text-align:left;}
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;}
	/*h2, h3 {margin-top: 1em;}*/
h1 {
	font-size: 2.2em; /* 24px */
	color:#5ca038; /* green */
	font-weight: normal;
	padding-bottom: 13px;
}
	h1 small {font-size: 10px;}
h2 {
	font-size: 1.6em; /*18px*/
	color:#5ca038; /* green */
	font-weight: normal;
	padding-bottom: 7px;
	}	
h3 {
	font-size: 1.3em; /* 13px */
	font-weight: normal;
	color: #5ca038;
	padding: 0;
}
h4 { /* heading for subnav */
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
}
p {
	font-size: 1em; /* 11px */
	line-height: 1.6;
	color: #333;
}
span.date {font-size: 0.9em; color: #666; display: block;}

/*lists*/
ol,ul {}

/*links*/
a 			{color: #003366; text-decoration: underline;}  /* light blue */
a:link 		{color: #003366; text-decoration: underline;}
a:active 	{color: #003366; text-decoration: underline;}
a:visited 	{color: #003366; text-decoration: underline;}
a:hover 	{color: #0981a8; text-decoration: underline;} /* medium gray*/

h3 a, h3 a:link, h3 a:active, h3 a:visited {color: #5ca038; text-decoration: underline;}

.globalnav a, 
.globalnav a:link, 
.globalnav a:active, 
.globalnav a:visited {color: #fff; text-decoration: none; font-size: 1em; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}

.globalnav a span.mi, 
.globalnav a:link span.mi, 
.globalnav a:active span.mi, 
.globalnav a:visited span.mi {font-weight: normal;}

.globalnav a:hover, .globalnav a:hover span.mi {text-decoration: underline;} 
 

td.sidenav li a, 
td.sidenav li a:link, 
td.sidenav li a:active, 
td.sidenav li a:visited {text-decoration: none;}

.print {float: left; height: 22px; font-size: 0.9em; width: 150px;}
.print a {background: url(img/Print.gif) no-repeat top left; display: block; height: 25px;padding-left: 25px;}

.footer li a,
.footer li a:link,
.footer li a:active,
.footer li a:visited {color: #fff; text-decoration: none;}

.footer li a:hover, .footer a:hover span.mi {text-decoration: underline;}

.subscribe a, 
.subscribe a:link, 
.subscribe a:active, 
.subscribe a:visited  {color: #fff;}

a.sectionEndLink {font-size:0.9em; /*11px*/text-align:right; /*not working*/}

/*forms*/
form {}
fieldset {border:0;}
label {}
legend {}

em.required {color:Red;font-weight:bold;}

a.removelink {padding-top: 3px;}

.clearer {font-size: 0.1px; clear: right; height: 1px;}

img.right {float: right;}


#outercontainer {width: 960px;	margin: 0 auto;}
#contentcontainer {float:left;}
#pageContainer {/*width:775px;*/ padding-bottom:30px;}

/* ------------------------------------------*/
/* >>>>>>>>>>>>> HEADER     <<<<<<<<<<<<<<<<-*/
/* ------------------------------------------*/ 
.header {
	background: #447f25 url(img/newHeaderBG.jpg) repeat-x left top;
	border-bottom: 2px #5ca038 solid; /*used to be #060*/
	margin-bottom: 2px;
	height: 128px;
}
.headerinner {background: url(img/newLogoBG.jpg) no-repeat left top; height:128px;}
	.header .logo{
		background: transparent url(img/newLogo.png) no-repeat left top;
		width:384px;
		height:97px;
		float: left; 
		text-indent: -9999px;
		margin-left: 20px;
		margin-top: 16px;
	}
	.header .logo:hover{
		cursor:pointer;
	}
	
	.header .globalnav {float: right; padding-right: 7px;}
		.header .globalnav ul {
			margin: 0;
			padding: 0;
		}
		.header .globalnav li {
			display: block;
			float: left;
			list-style-type: none;	
			margin-right: 10px;	
			border-left: 1px solid #a1c78d; /*used to be #a1c78d*/
			padding-left: 5px;
			margin-top: 3px;
		}
		.header .globalnav li span.mi {display: block;}
		
.header .searchintranet {
clear:right;
float: right;
width: 230px;
height: 20px;
margin-top: 40px;
}
.searchintranet input {width: 150px;}
.header .searchintranet span {display: block; text-align: right;}

/* ------------------------------------------*/
/* >>>>>>>>>>>>> MAIN NAV   <<<<<<<<<<<<<<<<-*/
/* ------------------------------------------*/ 
#mainnav {width: 100%;}

#mainnav,
#mainnav ul,
#mainnav li,
#mainnav li a {height: 60px;}	
	
	#mainnav ul {
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
	#mainnav li {
		list-style-type: none;
		float: left;
		text-align: center;
		width:160px;		
		font-family: Arial, Helvetica, sans-serif;
		}
	#mainnav li a {
		display: block;
		width:100%;
		text-decoration: none;
		/*line-height:60px;*/
		color:#333;		
		font-size: 1.1em;
		font-weight:bold;
		/*border-left: 1px solid #EEE;*/
		background: url(img/TePapaMainNavItem.png);	
		padding: 12px 0 8px
		}
	
	#mainnav li a.selected {
		color:#0981a8;	
		background: url(img/TePapaMainNavSelected.png);
	}
	
	#mainnav li a:hover {
		color:#0981a8;				
		background: url(img/TePapaMainNavSelected.png);
	}
			
/* -----------------------------------*/
/* >>>>>>>>>>>>> Edit Console <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 
.editconsole {
	float: left;
	width: 100%;
}

/* -----------------------------------*/
/* >>>>>>>>>>>>> Breadcrumb <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 
.breadcrumb {
	padding: 7px 0 7px 7px;
	margin-bottom: 10px;
	background: #F5f5f5;
	border-bottom: 1px #f0f0f0 solid;
	color:#888; /*used to be 666*/
	font-family: Arial, Helvetica, sans-serif; 
	float: left;
	width: 953px;
}
	.breadcrumb ul {margin: 0; padding: 0;}
	.breadcrumb li {float: left; list-style-type: none; background: transparent url(img/breadcrumbArrow.gif) right center no-repeat; padding-right: 15px; margin-right: 5px; color: #666;}
		.breadcrumb li.first {padding-right: 0;}
		.breadcrumb li.first, .breadcrumb li.last {background: none;}
		.breadcrumb li.last {color: #333;}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {text-decoration: none;}		

/*------- contentcontainer layout ---------- */
table.contentlayout {
/*	border: 1px solid lime;*/
	width: 98%;
	margin-top: 25px;
	margin-bottom: 60px;
	margin-left: 17px;
}

/* -----------------------------------*/
/* >>>>>>>>>>>>> subnav  <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 
td.sidenav,
.sidenav  {
	float:left;
	width: 165px;
	padding-right: 40px;
	margin-bottom: 10px;
	vertical-align: top;
/*background: yellow;*/
}

td.sidenav h2,
.sidenav h2 {
	color:#b3b3b4;
	padding-bottom: 0px;
	border-bottom: 1px solid #ddd;
}

td.sidenav ul,
.sidenav ul{
	margin: 0;
	padding: 0;
}
td.sidenav li,
.sidenav li {
	list-style-type: none;
/*	background: #fff;*/
	border-bottom: 1px solid #e7e7e7;
/*	padding-bottom: 5px;*/
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 7px;
}
	td.sidenav li a,
	.sidenav li a {
		display: block;
		padding: 5px 0;
/*		padding: 5px 0px 5px 15px;		*/
		color:#333;
		font-size: 1.1em;
	word-wrap: break-word; /* resolve IE6 word wrap issue */
	}
	
	.sidenav li a,
	.sidenav li a:hover,
	.sidenav li a:visited {
		text-decoration: none;
	}
	
	.sidenav li a:hover,
	.sidenav li a:visited:hover,
	.sidenav li a:hover:visited {
		color:#0981a8;
	}

	.sidenav li a:visited {
		color: #333;
	}


	
	td.sidenav ul ul,
	.sidenav ul ul {
/*		margin-top: 3px;*/
/*		border-top: 5px solid #fff;*/
	}
	td.sidenav li li,
	.sidenav li li {
/*		background: #fff;
		background-color: #f6f5f5;
		border-left: 1px solid #ffab31;*/
		/*font-size:0.9em;*/ /*10px*/
		border-bottom:none;
		padding: 0;
		margin: 0;
	}
	td.sidenav li li a,
	.sidenav li li a {
		display: inline-block; /* resolve IE6 margin-bottom spacing issue */
/*		padding: 2px 0px 2px 17px;*/
		margin-left: 4px;
/*		margin-right: 7px;*/
		word-wrap: break-word; /* resolve IE6 word wrap issue */
		font-size: 0.9em;
		padding: 3px 0;
		color: #454545;
	}
		td.sidenav li li li,
		.sidenav li li li {
			background: #fff;
	/*		background-color: #f6f5f5;*/
			border: none;
			border-left: 1px solid #ffab31;
			padding: 0;
			margin: 0;
		}
		td.sidenav li li li a,
		.sidenav li li li a {
			display: inline-block; /* resolve IE6 margin-bottom spacing issue */
			margin-left: 11px;
		}

td.sidenav a.selected,
.sidenav a.selected {color: #333; cursor: default; font-weight: bold;}

li a.newPageNotApproved
{
   background-color: #2d2d2d;
   border: 1px dotted #999;
   text-indent: 7px;
}
li a.newPageNotApproved:link,
li a.newPageNotApproved:active,
li a.newPageNotApproved:visited {color: #999;}

/*------- right sidebar ---- */

.rightbar {
/*	float: left;*/ float: right;
	width: 250px;
/*background: cyan;*/
	padding: 0 7px 0 35px;
}

/* -----------------------------------*/
/* >>>>>>>>>>>>> Content <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 
td.maincontent {
	border-left: 1px solid #ededed;
	padding-left: 15px;
	vertical-align: top;
}

/*dont know if this works - when you view source, still says width: 100%*/
#MSO_ContentTable, #MSO_ContentTableFull {float: left;}
#MSO_ContentTable {width: 463px;}
#MSO_ContentTableFull {width: 755px;}

#content {
	width: 100%;
	float: left;
	padding-top: 30px;
}
#contentprimary, #contentprimarynonav {
	float: left;
	padding: 0px 28px 0 0;
	clear: left;
}
#contentsecondary {
	float: right;
	width: 195px;
}
	#contentsecondary ul {
		margin: 0;
		padding: 0;
	}
	#contentsecondary li {
		background: url(img/BulletGeneric.gif) no-repeat left 4px;
		font-size: .9em;
		padding-left: 15px;
		list-style-type: none;	
		margin-bottom: 10px;	
	}
	/*--- my links ---*/
	#contentsecondary ul.addlink li {
	background: url(img/BulletAdd.gif) no-repeat left top;	
	padding-left: 20px;
	}
	#contentsecondary ul.additionallinks li{
		background: none;
		font-size: 0.8em;
		display: inline;
		list-style-type: disc;
		padding-left: 0;
	}
#contenttertiary {
	float: left;
	width: 220px;
	padding-right: 20px;
}

.section {margin-bottom: 2em;}

.overviewContainer {
	margin-bottom: 20px;
}

.bodyCopyContainer {
	margin-bottom: 20px;
}

#MSO_ContentTable p, #MSO_ContentTableFull p  {margin-bottom: 1em;}
#MSO_ContentTable ul, #MSO_ContentTableFull ul {margin: 0; padding: 0;}
#MSO_ContentTable ol, #MSO_ContentTableFull ol {margin: 9px; padding: 0;}

#MSO_ContentTable .ms-formfieldvaluecontainer ul, 
#MSO_ContentTableFull .ms-formfieldvaluecontainer ul  {margin-left: 15px;}
#MSO_ContentTable .ms-formfieldvaluecontainer ol,
#MSO_ContentTableFull .ms-formfieldvaluecontainer ol {margin-left: 23px;}

.bodyCopyContainer li {margin-left: 15px;}

/* ------------ search results -------------*/
.searchmore {
	margin-bottom: 2em;
}
/*.searchmore label {font-size: 0.9em;}*/
.searchmore input {
	border: 2px solid #C1C1C1;
}
.searchmore img {position: relative; top: 5px; cursor: hand; cursor: pointer;}

.resultlisting {
	color: #666;
	font-size: 1.4em;
	float: left;
	padding-right: 40%;
}
.resultlisting span {
	color: #333;
}

table.searchresult {
	border-collapse: collapse;
	clear: left;
	width: 100%;
}

table.searchresult th {border: 1px solid #dcdcdc; color: #333; font-weight: bold;padding: 2px 5px; text-align: left; vertical-align: top; width: 33%;}
	table.searchresult th.name {border-left: none; color: #333;}
	table.searchresult th.details {border-left: none; border-right: none;}
	table.searchresult th.absence{border-right: none;}

table.searchresult td {padding: 10px 5px; vertical-align: top;}
table.searchresult tr.alt td {background: #f6f9fc;}
table.searchresult td.name span {display: block; padding-left: 10px; font-size: 0.9em;}


/* -----------------------------------*/
/* >>>>>>>>>>>>> Footer <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 
.footer {
	background: #5ca038 url(img/footerBG.gif) repeat-x left top;
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
.footerflourish, .footerflourishhome  {
  background: url(img/footerFlourishInt.gif) no-repeat 120px top; 
  position: relative; 
  top: -17px; 
  display: block; 
  height: 17px;
}
.footer ul {
	margin: 0;
	padding: 0;
	clear: both;
	margin: 0 auto;
	}
	
.footer ul.topRow {
	width:650px;
}

.footer ul.bottomRow {
	width:555px;
	padding-top: 20px;
}
.footer li {
	color: #fff; 
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	float: left;
	border-right: 1px solid #A1C78D;
	height: 33px;
}
.footer li span.mi {
	display: block;
}
.footer li.single {line-height: 2.5em;}
.footer li.last {border-right:none;}
.footer .nzgovt {
	background: url(img/nzGovtLogo.gif) no-repeat left top;
	display: block;
	width: 127px;
	height: 17px;
	text-indent:-9999px;
	position: absolute;
	right: 20px;
	bottom: 5px;
}


/* --- sitemap --- */

.siteMapContainer {
	margin-left: 15px;
}

.siteMapMainSection {
	float:left;
	width: 18%;
	overflow: auto;
	margin-right: 10px;
	padding: 0 3px 0 3px;
}

/*
.siteMapMainSection .mainLink {
	text-decoration:none;
	color: #BBB;
}

.siteMapMainSection a.mainLink:hover {
	color: #529229;
}*/

.siteMapContainer ul {

	list-style: none;
	padding: 0;
	margin: 0;
}

.siteMapContainer ul ul {
/*	margin-left: 15px;*/
	padding-top: 10px;
}

.siteMapContainer ul ul ul {
/*	margin-left: 10px;*/
	padding-top: 10px;
}

.siteMapContainer li {
	font-size: 1.4em;
	padding-bottom: 10px;
}

.siteMapContainer li li {
	font-size: 0.7em;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #b3b3b4;
}

.siteMapContainer li li li {
	font-size: 0.8em;
	padding: 0 0 5px 0;
	border: none;
}

/* --- subscribe to newsletters ----*/
.subscribe {
	background: #5ca038; 
	padding: 13px; 
	margin-bottom: 20px; 
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}	
.subscribe p {font-size: 1em;}
.subscribe h2, .subscribe h3, .subscribe p {color: #fff !important; padding-bottom:10px;}
.subscribe h3 {margin-top: 0px;}

/* --- right sidebar: podcast -- */

.podcast {
	margin: 20px 0 20px 0;
	border: 1px solid #eaeaea;
	overflow: hidden;
	zoom: 1;
	padding: 3px;
}

.podcast a {
	float:left;
	line-height:40px;
}

.podcast .icon {
	float:left;
	width:40px;
	height:40px;
	padding-right:2px;
	background:url(img/podcast.png) no-repeat left top;
}

/* --- right sidebar: all webparts --- */

.webpart {
	/*border: 1px solid #eaeaea;*//*border removed after monday dicussion */
	/*padding: 10px;*/
	margin: 0 10px 2em;
}

.webpart h3 {
	padding-bottom: 2px;
/*	border-bottom: 1px solid #eaeaea;*/
	border-top: 3px solid #5ca038;
}

.webpart a,
.webpart p {
	font-size: 1em;
}

/* --- right sidebar: image webpart --- */

.imageWebpart {border-top: none; margin-left: 0; margin-right: 0;}
.imageWebpart img {
	/*margin: 10px 0 5px 0;*/
	max-width: 250px;
}
.imageWebpart div{color: #666; font-size: 0.9em; margin-top: 5px; }

/* --- blog container ---*/
.blogContainer ul {padding: 0;	margin: 0;}
.blogContainer li {list-style-type: none; margin-bottom: 1em;}

.blogItem {
	padding: 10px 0 15px 0;
	border-bottom: 1px #eaeaea solid;
}


/* --- right sidebar: link wp --- */

.linkWebpart ul {
	margin: 0;
	padding: 0;
}
.linkWebpart li {list-style-type: none; margin-bottom: 1em;}

/* --- right sidebar: datepicker --- */
.datepickerFilter {
	font-size: 0.9em;
}

.datepickerFilter p {
	width: 170px;
	text-align:center;
}


/* --- events calendar page --- */
.eventsCalendarDay{
	border-bottom: 1px solid #eaeaea;
	margin-top:10px;
}

.eventsCalendarDay .date{
	font-weight:bold;
	/*color:#0066FF;*/
}

.eventsCalendarDay ul{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}
.eventsCalendarDay li {margin-bottom: 10px;}

/* --- Events Item container --- */
.eventsItemContainer a {font-size: 0.9em;}
.eventsItemContainer p {font: normal 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif; 	color: #666;}

/* --- gallery layout --- */

.galleryContainer {
	width:100%;	
	overflow: auto; /*clearfix for galleryContainer, so that basecopy falls below it*/
}

.galleryItem, 
.galleryItem  {
	width:125px;
}   


/*.imageFrame a img*/
.imageFrame, 
.imageCaption {
	width: 125px;
}

	

.galleryItem 
{
	float:left;
   /* height: 170px;*/
    padding: 2px;
    margin: 0 5px 10px 0;
    border: 1px #eaeaea solid;
}    

.galleryItem .imageFrame {
    height: 120px;               
}

/*
.galleryItem .imageFrame a img {
	height:115px;	
}*/

.galleryItem .imageCaption {
	height: 50px;	
	background-color: #eaeaea;
	font-size:0.9em;
	text-align:center;
}

.imageDescription {
	height: 190px;
}

/* --- What's On Overview, Subsection Overview --- */

.whatsOnRollup ul,
.subsectionList ul,
.eventsCalendarWeekDay ul
{
	padding: 0px;
	margin: 0px;
/*	border-top: 1px solid #eaeaea;*/
}

.whatsOnRollup li,
.subsectionList li,
.eventsCalendarWeekDay li
{
	list-style-type:none;
	padding: 0 0 10px 0;
/*	border-bottom: 1px solid #eaeaea;*/
}
.whatsOnRollup img {float: left; padding: 0 7px 7px 0; display: inline-block;}

.whatsOnRollup h3 {margin: 0; padding: 0;}
.whatsOnRollup .rollupGroup {
	margin-bottom: 2em;
}

.whatsOnRollup .sectionEndLink {
	border-top: 1px solid #ececec;
	display: block;
	padding-top: 5px;
	text-align: left;
}

.exhibitionFilter {
	font-size: 1em;
	overflow:auto;
/*	zoom: 1;*/
}

.exhibitionFilter .selected {
	color:#0981a8;
	border-top: 1px #eaeaea solid;
	border-left: 1px #eaeaea solid;
	border-right: 1px #eaeaea solid;
}

.exhibitionFilter a {
	color:#333;
}

.filterItem {
	float:left;
	padding: 5px 10px 5px 10px;
}


.refineBy {

	clear:both;

	/*background: #F5FBFF;*/
	background: #eaeaea;
	padding: 3px;
	font-size: 0.9em;
	margin-bottom: 20px;
/*	border-bottom: 1px solid #b3b3b4;*/
}

.eventsCalendarWeekDay {
	margin-bottom: 20px;
}

.listItem {
/*	padding-top: 10px;
	padding-bottom: 10px;*/
	/*fix floats*/
	overflow: hidden; /*overflow: auto causes border issues in FF*/
	zoom: 1; /*IE6 fix*/
}

.listItem p {
	font-size: 1em;
}

.listItem img {

	/*width:130px;
	height:110px;*/

	padding: 2px;
	margin-right: 10px;
	border: 1px solid #eaeaea;
	
	float: left;
}

.listItemInfo {
	/*width:400px;*/ /* why is this here - see what's on */
	/*float:left;	*/
}

.listItemLink {
	font: bold 1.2em/1.5 Arial, Helvetica, sans-serif;
/*	margin-top: 10px;*/
	margin-bottom: 5px;
}

.eventLocationTime {
	margin-bottom: 5px;
	font-weight: bold;
}

.eventType {
	padding: 5px 0 5px 0;
}

.eventType span,
.eventType a {
	font-size: 1em;
}

.eventType span {
	margin-top:2px;
	color: #b3b3b4;
	font-weight: bold;
}

/* --- event & exhibition detail --- */

.eventExhibitionDetail {
	/*float:left;
	width:110px;*/
	/*padding: 10px;*/
	margin-bottom:10px;
	background: #fff;
	/*border-top: 1px #0981a8 solid;*/ /* blue line removed */
}


.eventExhibitionDetail .detailItem {
	margin-bottom: 5px;
	font-size:1em;
	font-weight: bold;
}

.eventExhibitionDetail .detailLocation {

}

.eventExhibitionDetail .detailDate {
	font-size: 1.2em;
	font-weight:bold;

}

.eventExhibitionDetail .detailAdmission {
	margin-bottom: 0px;
}

.eventExhibitionBody {
	float:left;
	width:410px;
}


.eventExhibitionType {
	margin-top:10px;
	font-size:1em;
}

/* --- New redirect error message --- */
div.redirection {
	background: #ffeea7;
	border: 1px solid #ffdc33;
	padding: 1em;
	margin-bottom: 1em;
}
span.redirectionText {color: #333; font-weight: bold; font-size: 1.4em;}
div.redirection button {cursor: pointer; cursor: hand;}