/*** Erase ***/
body, div, dl, dt, dd, ul, ol,
li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input,
textarea, p, blockquote, th, td { margin:0; padding:0; }
:focus { outline:0 none; }
fieldset, img { border:0 none; }
ol, ul { list-style:none; }
address, caption, cite, code,
dfn, em, strong, th, var { font-weight:normal; font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
td, th { vertical-align:top; }
h1, h2, h3, h4, h5, h6, textarea { font-size:1em; line-height:normal; font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; }
abbr, acronym { border:0 none; }

/*** Replace ***/
body {
	font-size:16px;
	font-weight:normal;
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
	color:#333;
	background:#eff2f6 url(../images/body-bg.jpg) top left repeat-x;
}
h1 { margin-bottom:0.25em; font-size:2.0833em; /* 25px/12px */ }
h2 { margin-bottom:0.25em; font-size:1.6667em; }
h3 { margin-bottom:0.5em; font-size:1em; font-weight:bold; }
p, ul, ol { margin-bottom:1.5em; }
a { color:#fff; }
a:link, a:visited { text-decoration:underline; }
a:active, a:focus, a:hover { text-decoration:none; }
li { margin-left:15px; }
img { vertical-align:top; }
blockquote { padding:0; margin:5px 10px; }
textarea { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; }

.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }

/* Lean, Mean Accessible Forms (adapted from http://www.alistapart.com/articles/prettyaccessibleforms) */
form.lmaform fieldset { margin-bottom:10px; }
	form.lmaform fieldset.submit { margin:0; border:none; padding:0; }
	
	form.lmaform legend { padding:0 2px; font-weight:bold; #margin:0 -7px; }
		form.lmaform label { display:-moz-inline-box; display:inline-block; line-height:1.8; vertical-align:top; }
		
		form.lmaform fieldset li { margin:0; padding:5px; list-style:none; }
			form.lmaform fieldset fieldset { margin:3px 0 0; border:none; }
				form.lmaform fieldset fieldset legend { padding:0 0 5px; font-weight:normal; }
					form.lmaform fieldset fieldset label { display:block; width:auto; }
			
			form.lmaform em { font-weight:bold; font-style:normal; color:#f00; }
/* End L.M.A. Forms */

.pre-list { margin:0; }

.small { font-size:0.9em; }

div#nav a:link, div#nav a:visited { text-decoration:none; }

/*** Styles ***/
div#container {
	font-size:0.75em;
}
	div#container strong { font-weight:bold; }
	div#container em { font-style:italic; }

div#header-wrapper,
div#nav,
div#content,
div#footer { position:relative; width:960px; margin:0 auto; }

div#nav {
	z-index: 10;
}

div#header {
	color:#fff;
	background:#014c98 url(../images/body-bg.jpg) top left repeat-x;
}
	div#header-wrapper {  }
		div#header-wrapper2 { height:136px; margin:0 4px; background:url(../images/header-shadow.jpg) bottom left repeat-x; }
			a#logo {
				position:absolute;
				top:25px;
				left:0;
			}
			
			a#national-mp {
				position:absolute;
				top:33px;
				right:0;
			}
			
			p#tagline {
				position:absolute;
				top:78px;
				left:22px;
				margin:0;
				font:2.0833em/normal "Adobe Garamond Pro", Garamond, "Hoefler Text", Palatino, "Palatino Linotype", Times, serif;
				font-style:italic;
			}
			
			div#nav {
				position:absolute;
				height:33px;
				left:0;
				bottom:0;
			}
				div#nav ul {
					float:right;
					margin:0 4px 0 0;
					font:1.25em/33px "Arial Narrow", Arial, sans-serif;
				}
					div#nav li {
						position:relative;
						float:left;
						z-index:15;
						margin:0;
						padding:0 2px 0 0;
						background:url(../images/nav-divider.jpg) top right no-repeat;
					}
						div#nav li.last { padding:0; background:none; }
						
						div#nav a {
							display:block;
							padding:0 15px;
						}
							div#nav a:link,
							div#nav a:visited {
								color:#fff;
								/* background:transparent; */
							}
							
							div#nav a:active,
							div#nav a:focus,
							div#nav a:hover,
							div#nav li.active a {
								color:#004c98;
								background:#fff;
							}
						
						div#nav ul ul {
							display:none;
							position:absolute;
							z-index:10;
							float:none;
							width:120px;
							top:28px;
							left:0;
							padding:5px 0;
							font-size:1em;
							line-height:normal;
						}
							div#nav li:hover ul { display:block; }
							
							div#nav ul ul li {
								float:none;
								padding:0;
								background:none;
							}
								div#nav ul ul a { padding:5px 15px; #height:100%; }
									div#nav li li a:link,
									div#nav li li a:visited,
									div#nav li.active li a:link,
									div#nav li.active li a:visited {
										color:#fff;
										background:#004c98;
									}
									
									div#nav li li a:active,
									div#nav li li a:focus,
									div#nav li li a:hover,
									div#nav li li.active a,
									div#nav li.active li a:active,
									div#nav li.active li a:focus,
									div#nav li.active li a:hover,
									div#nav li.active li.active a {
										color:#004c98;
										background:#fff;
									}

div#content {
	line-height:1.5em;
	background:url(../images/content-shadow-l.jpg) top left no-repeat;
}
	div#content a { color:#01529e; }
	
	div#content ul li { list-style:disc outside; }
	
	div#content ol { margin-left:5px; }
		div#content ol li { list-style:decimal outside; }
	
	div#content-wrapper {
		background:url(../images/content-shadow-r.jpg) top right no-repeat;
	}
		div#content-wrapper2 {
			margin:0 4px;
			border-width:0 1px 1px;
			border-style:solid;
			border-color:#cdd7e4;
			background:#fff url(../images/sidebar-bg.jpg) 658px 0 repeat-y;
		}
			div#content-header {
				position:relative;
				border-top:6px solid #fff;
				padding:0 12px;
			}
				div#rotator { 
					position:relative; 
					height: 231px;
					overflow:hidden;
					background:url(../images/header_stadium-aerial.jpg) top left no-repeat;
				}
				
					div#rotator a#learn-more {
						position:absolute;
						width:97px;
						height:17px;
						right:353px;
						bottom:81px;
					}
				
				div#search-box {
					position:absolute;
					width:279px;
					height:38px;
					right:12px;
					bottom:0;
					border-left:1px solid #fff;
					background:#dce3ed url(../images/search-box-bg.jpg) top left repeat-x;
					z-index: 10;
				}
					input#search-text {
						width:142px;
						height:21px;
						margin:6px 0 0 47px;
						border:1px solid #c6d1e0;
						padding:4px 4px 0;
						font-size:1.1667em;
						color:#194179;
					}
					
					input#btn-search {
						width:56px;
						height:23px;
						float:right;
						#float:none;
						margin:8px 11px 0 0;
						border:0 none;
					}
					
					img#magnify {
						position:absolute;
						right:240px;
						bottom:2px;
					}
			
			div#main {
				float:left;
				width:634px;
				margin:12px 0 0 12px;
				padding:0 0 12px;
				min-height:500px;
			}
				div.subtitle { margin:0 0 10px; background:url(../images/subtitle-bg.jpg) top left repeat-x; clear:both; }
					div.subtitle h2 {
						min-height:32px;
						margin:0;
						padding:0 13px;
						line-height:32px;
						color:#fff;
					}
						div.subtitle h2 span.date { float:right; font-size:0.6em; }
				
				div#main div.section {  }
					div#main div.section div.wrapper { padding:0 10px; }
						div#main h3 {
							font-size:1.1667em;
							font-weight:bold;
							color:#00529e;
						}
							div#main div.section h3 { margin:0; }
						
						div#main div.section p.date {
							margin:0 0 0.5em;
							font-size:1.1667em;
							color:#6797c5;
						}
						
						div#main div.section a { font-weight:bold; }
				
				/* Opening statement */
				div#opening-statement { margin:0 0 15px; padding:0 0 10px; font-size:1.25em; background:#068cc9 url(../images/opening-statement-bg.jpg) top left repeat-x; }
					div#opening-statement-wrapper {
						min-height:126px;
						background:url(../images/opening-statement-speechmarks.jpg) 6px 7px no-repeat;
					}
						div#opening-statement,
						div#opening-statement a { color:#fff; }
						
						div#opening-statement p {
							margin:0;
							padding:10px 10px 0 64px;
						}
				
				/* Latest column */
				div#latest-column {}
				
				/* Recent events */
				body#home div#recent-events {}
				
				/* Recent photos */
				div#recent-photos { }
					div#recent-photos div.subtitle {
						height:26px;
						margin:0;
						background:#068dc9 none;
					}
						div#recent-photos,
						div#recent-photos a { color:#fff; }
						
						div#recent-photos div.subtitle h3 {
							float:left;
							margin:0;
							padding:0 13px;
							font-size:1.25em;
							line-height:28px;
							font-weight:normal;
							color:#fff;
						}
						
						div#recent-photos div.subtitle a {
							float:right;
							margin-right:5px;
							padding-right:25px;
							font-size:1.25em;
							line-height:30px;
							font-weight:bold;
							text-transform:uppercase;
							background:url(../images/arrow-white-liteblue.jpg) top right no-repeat;
						}
							div#recent-photos div.subtitle a:link,
							div#recent-photos div.subtitle a:visited { text-decoration:none; }
					
					div#recent-photos ul {
						/*float:left;*/
						height:100px;
						border:1px solid #dbe3ec;
						padding:10px 0;
						background:#fcfcfd;
					}
						div#recent-photos li {
							float:left;
							width:150px;
							height:100px;
							overflow:hidden;
							margin:0 0 0 6px;
							line-height:0;
						}
							div#recent-photos li a { line-height:normal; }
				
				/* Table of contents */
				ul.toc,
				ol.toc {  }
					.toc li { margin-bottom:5px; }
				
				/* Image text */
				div.image-text {}
					div.image-text img { float:left; border:1px solid #cdd7e4; padding:4px; }
					
					div.image-text div.text { float:right; width:464px; }
				
				/* Media */
				body#media ul.toc,
				body#news-events ul.toc { margin:0; }
				
				/* Tim's columns */
				ul#toc-columns {}
					ul#toc-columns li {}
						ul#toc-columns span,
						body#media ul.toc span,
						p.published-in { font-size:0.9em; font-style:italic; color:#ccc; }
						
						p.published-in { margin:0 0 5px; font-size:1em; }
				
				/* About */
				div.stats-graph { text-align:center; }
					div.stats-graph p { text-align:left; }
				
				div#gender-percentage {}
					
					/* About: Tim */
					div.about-tim {}
						div.about-tim img {
							float:left;
							margin:0 5px 0 0;
							border:1px solid #cdd7e4;
							padding:4px;
						}
					
					/* About: Office team */
					body#about-office-team div.image-text { margin:0 0 30px; }
						body#about-office-team div.image-text div.text {}
							body#about-office-team div.image-text div.text ul {
								margin-top:-17px;
							}
				
				/* News and Events */
				
					/* Events */
					div.event {}
					
					div#recent-events {}
						table#tbl-recent-events,
						table#tbl-recent-events td { border:1px solid #29588c; border-collapse:collapse; }
						
						table#tbl-recent-events {}
							table#tbl-recent-events tr {}
								table#tbl-recent-events tr.odd { background:#cdd7e4; }
								
								table#tbl-recent-events td { padding:3px; vertical-align:middle; }
									table#tbl-recent-events td.col1 { width:50%; }
									table#tbl-recent-events td.col2 { width:25%; }
									table#tbl-recent-events td.col3 { width:25%; }
					
					div#upcoming-events {}
						div#upcoming-events div.event {}
							div#upcoming-events div.event h3 { font-weight:normal; }
								div#upcoming-events div.event h3 a { font-weight:bold; }
					
					/* Recent Events */
					ul.re-gallery {}
						div#main ul.re-gallery li {
							float:left;
							margin:0 5px;
							list-style:none;
						}
							ul.re-gallery a {}
								ul.re-gallery a:link img,
								ul.re-gallery a:visited img { border:1px solid #cdd7e4; }
								
								ul.re-gallery a:active img,
								ul.re-gallery a:focus img,
								ul.re-gallery a:hover img { border:1px solid #00529e; }
								
								ul.re-gallery img { padding:4px; }
				
				/* Photo gallery */
				body.photo-gallery div#content-wrapper2 { background-image:none; }
					body.photo-gallery div#main { width:926px; }
						body.photo-gallery div#main ul {}
							body.photo-gallery div#main li {
								float:left;
								width:220px;
								height:195px;
								margin:0 5px 15px 6px;
								list-style:none;
							}
								body.photo-gallery div#main a {}
									body.photo-gallery div#main a:link img,
									body.photo-gallery div#main a:visited img { border:1px solid #cdd7e4; }
									
									body.photo-gallery div#main a:active img,
									body.photo-gallery div#main a:focus img,
									body.photo-gallery div#main a:hover img { border:1px solid #00529e; }
									
									body.photo-gallery div#main img { padding:6px 7px; }
								
								body.photo-gallery div#main span {
									display:block;
									margin:5px 0 0;
									text-align:center;
									color:#666;
								}
							
							ul#ham-west-gallery,
							ul#events-gallery { height:630px; }
							
							ul#ham-west-gallery { margin:0 0 15px; }
				
				/* Links */
				body#links ul.links li {
					margin:0 0 5px;
					padding:0 0 0 30px;
					list-style:none;
					line-height:24px;
					background-position:0 0;
					background-repeat:no-repeat;
				}
					/* political/government */
					body#links li#hcc { background-image:url(../images/icon-hcc.gif); }
					body#links li#wdc { background-image:url(../images/icon-wdc.gif); }
					body#links li#ew { background-image:url(../images/icon-ew.gif); }
					body#links li#inz { background-image:url(../images/icon-inz.gif); }
					body#links li#hnzc { background-image:url(../images/icon-hnzc.gif); }
					body#links li#acc { background-image:url(../images/icon-acc.gif); }
					body#links li#winz { background-image:url(../images/icon-winz.gif); }
					body#links li#msd { background-image:url(../images/icon-msd.gif); }
					body#links li#moe { background-image:url(../images/icon-moe.gif); }
					body#links li#dia { background-image:url(../images/icon-dia.gif); }
					body#links li#cyf { background-image:url(../images/icon-cyf.gif); }
					body#links li#national { background-image:url(../images/icon-national.gif); }
					body#links li#jk { background-image:url(../images/icon-jk.gif); }
					body#links li#nzp { background-image:url(../images/icon-nzp.gif); }
					
					/* community */
					body#links li#hp { background-image:url(../images/icon-hp.gif); }
					body#links li#cab { background-image:url(../images/icon-cab.gif); }
					body#links li#bab { background-image:url(../images/icon-bab.gif); }
					body#links li#plunket { background-image:url(../images/icon-plunket.gif); }
					body#links li#lifeline { background-image:url(../images/icon-lifeline.gif); }
					body#links li#ch { background-image:url(../images/icon-ch.gif); }
					body#links li#samaritans { background-image:url(../images/icon-samaritans.gif); }
					body#links li#rs { background-image:url(../images/icon-rs.gif); }
					body#links li#wr { background-image:url(../images/icon-wr.gif); }
					body#links li#youthline { background-image:url(../images/icon-youthline.gif); }
					body#links li#sa { background-image:url(../images/icon-sa.gif); }
					body#links li#ach { background-image:url(../images/icon-ach.gif); }
					
					/* hamilton west */
					body#links li#woh,
					body#links li#hm { background-image:url(../images/icon-woh.gif); }
					body#links li#hz { background-image:url(../images/icon-hz.gif); }
					body#links li#hl,
					body#links li#museum,
					body#links li#bus { background-image:url(../images/icon-hamilton.gif); }
					body#links li#ht { background-image:url(../images/icon-ht.gif); }
					body#links li#base { background-image:url(../images/icon-base.gif); }
					body#links li#trhr { background-image:url(../images/icon-trhr.gif); }
					body#links li#chiefs { background-image:url(../images/icon-chiefs.gif); }
					body#links li#ws { background-image:url(../images/icon-ws.gif); }
					body#links li#hsp { background-image:url(../images/icon-hsp.gif); }
				
				/* Contact */
				div#contact-form {}
					form.lmaform {}
						form.lmaform fieldset {}
							div#main form.lmaform ol { margin:0; }
								div#main form.lmaform ol li { margin:0 0 10px; padding:0; list-style:none; }
									form.lmaform li.consent { position:relative; }
										form.lmaform li.consent label { width:auto; margin-left:18px; padding:0; }
										
										form.lmaform li.consent input {
											position:absolute;
											top:2px;
											left:0;
										}
									
									form.lmaform label {
										width:130px;
										padding:0 5px 0 0;
										text-align:right;
									}
									
									form.lmaform input.text,
									form.lmaform textarea {
										width:149px;
										height:18px;
										border:1px solid #c6d1e0;
										padding:4px 3px 0;
										color:#194179;
									}
									
									form.lmaform textarea { width:184px; height:56px; }
				
				div#contact-details { margin-top:12px; }
					div#contact-details div.col {
						float:left;
						width:49%;
					}
			
			div#sidebar {
				float:right;
				width:269px;
				margin:0 12px 0 0;
				padding:12px 0 12px 11px;
				/* background:url(../images/sidebar-bg.jpg) top left repeat-y; */
			}
				div.sidebar-subtitle { margin:0 0 10px; background:url(../images/subtitle-bg.jpg) bottom left repeat-x; }
					div.sidebar-subtitle-wrapper { background: url(../images/sidebar-subtitle-l.jpg) bottom left no-repeat; }
						div.sidebar-subtitle h2 {
							min-height:32px;
							margin:0;
							padding:0 13px;
							line-height:32px;
							color:#fff;
							background: url(../images/sidebar-subtitle-r.jpg) bottom right no-repeat;
						}
				
				div#sidebar div.section {  }
					div#sidebar div.section div.wrapper { padding:0 10px; }
				
				/* Budget Icons */
				div#budget-icons { margin:0 0 15px; }
					a#icon-budget2010 { margin:0 7px 0 0; }
					
					a#icon-taxcalc {  }
				
				/* Have your say */
				div#have-your-say div.sidebar-subtitle h2 {
					min-height:36px;
					padding-right:66px;
					line-height:36px;
					background: url(../images/sidebar-subtitle-question.jpg) bottom right no-repeat;
				}
				
				div#have-your-say div.article { }
					div#have-your-say span.pds-links { padding-top:0 !important; }
					
					div#have-your-say a.pds-pd-link { display:none; }
				
				/* Shoutbox */
				div#shout-box { margin:0 0 20px; color:#fff; background:url(../images/shout-box-bg.jpg) top left repeat-x; }
					div#shout-box-wrapper { background:url(../images/shout-box-l.jpg) top left no-repeat; }
						div#shout-box-wrapper2 {
							height:187px;
							background:url(../images/shout-box-r.jpg) top right no-repeat;
						}
							div#shout-box legend {
								padding:15px 0 20px 65px;
								font-size:1.2em;
								#background:transparent;
							}
							
							div#shout-box ol {  }
								div#shout-box ol li {
									margin:0 0 10px 50px;
									list-style:none;
								}
									div#shout-box label {
										display:-moz-inline-stack;
										display:inline-block;
										_zoom:1;
										_display:inline;
										width:52px;
										margin-right:5px;
										font-size:1.1em;
										text-align:right;
									}
									
									div#shout-box input.text {
										width:136px;
										height:16px;
										border:1px solid #c6d1e0;
										padding:2px 2px 0;
									}
									
									div#shout-box li.submit {
										margin:18px 0 0 149px;
									}
				
				/* Hamilton West uncovered */
				div#ham-west-uncovered { margin:0 0 20px; }
					div#ham-west-uncovered img { float:left; margin:0 10px 0 0; }
					
					div#ham-west-uncovered p { margin:0; padding:7px 0 0; }
				
				/* Follow Tim */
				div#follow-tim {}
					div#follow-tim ul { float:left; margin:0 10px; }
						div#follow-tim li { float:left; margin:0 15px 0 0; list-style:none !important; }
							div#follow-tim li.flickr { margin:0; }
							
							div#follow-tim a {}
								div#follow-tim a img {}
								
								div#follow-tim a span { display:block; }
				
				/* Contact sidebar */
				div#contact-ham-west div.sidebar-subtitle h2,
				div#contact-wellington-office div.sidebar-subtitle h2 { font-size:1.3em; }
				
				a#map { float:right; }
					a#map img { padding:4px; }
						a#map:link,
						a#map:visited { border:1px solid #cdd7e4; }
						
						a#map:active,
						a#map:focus,
						a#map:hover { border:1px solid #00529e; }
			
			img#banner {
				display:block;
				position:absolute;
				z-index:999;
				top:120px;
				left:-20px;
			}

div#footer { color:#afb8c3; }
	div#footer-wrapper { padding:12px 10px; }
		div#footer a { color:#afb8c3; }  /* c1cbd7 */ /* cdd7e4 */ /* 068dc9 */
		
		div#footer p { margin:0; }
	
		p#disclaimer { float: left; padding-left: 20px; }	
		p#footer-copyright { float:left; }
		
		p#footer-links { float:right; }

/* Hacks */
/* IE6 css fixer v0.8: Tue, 10 Aug 2010 01:32:32 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html input#btn-search,
* html div#main,
* html div.subtitle h2 span.date,
* html div#recent-photos div.subtitle h3,
* html div#recent-photos div.subtitle a,
* html div#recent-photos li,
* html div.image-text img,
* html div.image-text div.text,
* html div.about-tim img,
* html div#main ul.re-gallery li,
* html body.photo-gallery div#main li,
* html div#contact-details div.col,
* html div#sidebar,
* html div#ham-west-uncovered img,
* html div#follow-tim ul,
* html div#follow-tim li,
* html p#footer-copyright,
* html a#map, * html p#footer-links {display:inline;}

* html div#nav li li { display:inline-block; }

/* convert min height values */
* html div#main {height:500px;}
* html div.subtitle h2 {height:32px;}
* html div#opening-statement-wrapper {height:126px;}
* html div.sidebar-subtitle h2 {height:32px;}
* html div#have-your-say div.sidebar-subtitle h2 {height:36px;}


/* add zoom:1 to overflow:hidden */
* html div#nav ul,
* html div#nav li,
* html div#content-wrapper2,
* html input#btn-search,
* html div#main,
* html div.subtitle h2 span.date,
* html div#recent-photos div.subtitle h3,
* html div#recent-photos div.subtitle a,
* html div#recent-photos li,
* html div.image-text img,
* html div.image-text div.text,
* html div.about-tim img,
* html div#main ul.re-gallery li,
* html body.photo-gallery div#main li,
* html div#contact-details div.col,
* html div#sidebar,
* html div#ham-west-uncovered img,
* html div#follow-tim ul,
* html div#follow-tim li,
* html p#footer-copyright,
* html a#map, * html p#footer-links {zoom:1;}

/* fix negative margins */
* html form.lmaform legend,
* html body#about-office-team div.image-text div.text ul {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
* html div#header-wrapper, * html div#nav, * html div#content, * html div#footer,
* html div#nav li,
* html div#content-header,
* html div#rotator,
* html form.lmaform li.consent {zoom:1;}

/* add zoom:1; display:inline; to inline-block elements */
* html form.lmaform label,
* html div#shout-box label {zoom:1; display:inline;}

* html img#banner { left:-20px; }

* html div#search-box { bottom:-1px; }

* html div#nav li.active a:link,
* html div#nav li.active a:visited,
* html div#nav li.active a:active,
* html div#nav li.active a:focus,
* html div#nav li.active a:hover { color:#004c98; background:#fff; }

div#header { #position:relative; #z-index:15; }

div#content { #z-index:8; }

* html div#nav ul li ul { background:#004C98; }




