html, body {
	min-height:101%
	}   

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: url("/assets/img/bgHeadBanner.jpg") repeat-x top center;
	min-width: 980px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}

#wrapper {
	background: url("/assets/img/bgHeader.jpg") no-repeat top center;
	width: 980px;
	text-align: left;
	margin: 0 auto;
}


#header {
	height: 233px;
}


#header p#mainHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 240%;
	padding: 40px 0 0 20px;
	font-variant: small-caps;

}
#header p#mainHeading span#title {
	color:#000000;
	font-style: italic;
	font-variant: normal;

}

#header p#subHeading {
	text-align: right;
	color: #79A93C;
	padding: 15px 40px 0 0;
	font-style: italic;
	font-size: 115%;
}


#mainNav {
	float: left;
	width: 400px;
	margin-left: 20px;
	font-size: 110%;
}
#mainNav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 460px;
	float: left;
}
#mainNav ul li {
	float: left;
}
#mainNav a {
	width: 0.1em; /* Hack to set the whole area in the tab as 'clickable' in IE6 */
	display: block;
	padding: 4px 20px 0 0;
	color: #ffffff;
	float: left;
	text-decoration: none;
	white-space: nowrap;
}
#mainNav > ul a {
	width:auto;
} /* Reset with for browsers other than IE6 (IE6 doesn't understand > child selector */

#mainNav ul a:hover {
	color: #ff6600;
}


 
#nav {
	float: left;
	margin: 0;
	width: 160px;
	font-size: 115%;
}

#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0 20px;
}

#nav ul.kaupapa {
	margin: 0;
	text-indent: 20px;
}

#nav ul.kaupapa ul.iii {
	margin: 0;
	text-indent: 40px;
}

#nav ul li  {
	padding: 0px 0;
}

#nav ul li a {
	color: #649238;
	text-decoration: none;
	display: block;
	padding: 3px;
}

#nav ul li a:hover {
	color: #ff6600;
}


#mainContent {
	width: 800px;
	float: right;
	margin: 0 0 50px 0;
	min-height: 460px;
	text-align: left;
}

h1, h2, h3, p {
	padding-right: 40px;
	padding-left: 0px;
}


h1 {
	color: #79A93C;
	font-size: 180%;
	font-weight: normal;
	margin: 20px 0 5px 0;

}
h2 {
	color: #79A93C;
	font-size: 140%;
	font-weight: normal;
	margin-top: 20px;
}
h3 {
	color: #79A93C;
	font-size: 120%;
	padding-bottom: 0;
	padding-top: 10px;
	font-weight: normal;
	margin-bottom: 5px;
}

p {
	font-size: 110%;
	margin: 0 0 10px 0;
}

#login {
	margin: 0 10px 0 0;
	float: right;
	border: 1px solid #333;
	width: 300px;
}

#login p {
	text-align: right;
}

#mainContent ul, #mainContent ol {
	margin-bottom: 20px;
}

#mainContent ul {
	list-style:none;
}

#mainContent li {
	margin-left: 30px;
}

blockquote {
	margin: 20px 30px;

}

a {
	color: #ff6600;
	text-decoration: none;
}

a:hover {
	color: #ff6600;
}

#mainContent a:hover {
	border-bottom: 1px solid #ff6600;
}

#mainContent img.photo {
	background: #ffffff; 
	padding: 5px; 
	margin: 0 -25px 10px 10px;
	border: 1px solid #cccccc;
}

#iwiContacts {
	border: 1px solid #cccccc;
	vertical-align: top;
}

#iwiContacts td {
	padding: 5px;
}

th {
	font-size: 110%;
	padding: 5px;
	background: #ccc;
}

tr.odd {
	background: #fefefe;
	vertical-align: top;

}

tr.even {
	background: #efefef;
	vertical-align: top;

}

#footer {
	clear: both;
	height: 65px; 	
}


#footerInner {
	width: 960px;
	margin: auto;
	height: 65px;
	padding: 20px;
	background: url("/assets/img/bgFooterInner.jpg") repeat-x top center;
	color:#ffffff;
}

#footer p {
	float: right;
	font-size: 90%;
}

/*Top horizontal nav - display when on that page */
#home #mainNav li#navHome a,
#about #mainNav li#navAbout a,
#hui #mainNav li#navHui a,
#kaupapa #mainNav li#navHui a,
#ppp #mainNav li#navHui a,
#iii #mainNav li#navHui a,
#iiiProgramme #mainNav li#navHui a,
#leaders #mainNav li#navLeaders a,
#contact #mainNav li#navContact a,
#newsletter #mainNav li#navNewsletter a,
#secure #mainNav li#navSecure a,
#archive #mainNav li#navArchive a,
#calendar #mainNav li#navCalendar a,
#contacts #mainNav li#navContacts a,
#forum #mainNav li#navForum a,
#secure #mainNav li#navLogin a,
#archive #mainNav li#navLogin a,
#calendar #mainNav li#navLogin a,
#contacts #mainNav li#navLogin a,
#forum #mainNav li#navLogin a {
	color: #ff6600;		
}

/*vert nav - display when on that page */
#home #nav li#navHome a,
#about #nav li#navAbout a,
#kaupapa #nav li#navKaupapa a,
#water #nav li#navWater a,
#climate #nav li#navClimate a,
#ppp #nav li#navPPP a,
#iii #nav li#navIII a,
#iiiProgramme #nav li#navIIIP a,
#foreshore #nav li#navForeshore a,
#whanau #nav li#navWhanau a,
#leaders #nav li#navLeaders a,
#contact #nav li#navContact a,
#newsletter #nav li#navNewsletter a,
#login #nav li#navLogin a,
#secure #nav li#navSecure a,
#archive #nav li#navArchive a,
#calendar #nav li#navCalendar a,
#contacts #nav li#navContacts a,
#special #nav li#navSpecial a,
#forum #nav li#navForum a  {
	color: #ff6600;
	background: #eeeeee;
}

#home #nav li#navHome a:hover,
#about #nav li#navAbout a:hover,
#hui #nav li#navHui a:hover,
#kaupapa #nav li#navHui a:hover,
#water #nav li#navWater a:hover,
#climate #nav li#navClimate a:hover,
#ppp #nav li#navPPP a:hover,
#iii #nav li#navIII a:hover,
#iiiProgramme #nav li#navIIIP a:hover,
#foreshore #nav li#navForeshore a:hover,
#whanau #nav li#navWhanau a:hover,
#leaders #nav li#navLeaders a:hover,
#contact #nav li#navContact a:hover,
#newsletter #nav li#navNewsletter a:hover,
#login #nav li#navLogin a:hover,
#special #nav li#navSpecial a:hover,
#secure #nav li#navSecure a:hover {
	color: #ff6600;
	cursor: default;
}

#home ul.kaupapa,
#about ul.kaupapa,
#hui ul.kaupapa,
#leaders ul.kaupapa,
#contact ul.kaupapa,
#newsletter ul.kaupapa,
#login ul.kaupapa,
#special ul.kaupapa,
#secure ul.kaupapa {
	display: none;
}


dt {
	margin: 0px 30px 0 0;
	clear: left;
}
dt img {
	float: left;
	display: block;
	margin: 2px 8px 0 0;
	padding: 2px;
	border: 4px solid #76ad38;
	text-decoration: none;
}
dt a:hover img {
	border: 4px solid #ff6600;
}

dd.title {
	font-size: 130%;
	font-weight: bold;
	margin: 0 30px 2px 0;
	color: #ff6600;
}

dd.position {
	font-size: 130%;
	font-weight: bold;
	margin: 0 30px 2px 0;

}

dd {
	margin: 0 30px 40px 0;
	padding: 0;
}