body {text-align:center; font-family:verdana, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; background: #ebecb3; /*#fff;,#595959;*/text-align:center;} #wrapper {width:900px; margin:10px 0 10px 10px;text-align:left;border-top:1px solid #57e156; } #header {width:900px; height:100px; float:left; margin:0;overflow: hidden;} #logolft, #logort {width:82px; height:100px; overflow:hidden;} #logolft {float:left; margin: 0 0 0 1px;} /*top,right,bottom,left*/ #logort {float:right; margin:-25px -1px 0 0;} #logolft a, #logolft a:visited {text-decoration:none;} #logolft img {border:0; margin:0 2px 0 0;} /*top,right,bottom,left*/ #logort img {border:0; margin:0;} /*top,right,bottom,left*/ #pagenavtop {width: 474px; height: 20px; float: left; margin: 0; padding: 5px 0 0 0;} #pagenavtop a, #pagenav a:link, #pagenav a:visited {font-family:verdana, helvetica, sans-serif; font-size: 11px; padding: 0 0 0 10px; text-decoration:none; font-weight: normal; text-align: left; color:#000000; letter-spacing:2px;} #pagenavtop a b {float:left; display:block; background:blue; padding:5px 16px 5px 12px;} #pagenavtop a:hover {text-decoration:underline; color: #ffcc00;} #pagenavtop a:active, .chosen{color:#fff; background:#99cc99;} #pagetitle {width:474px; height:62px; float:left;} #pagetitle h3 {font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; margin:20px 0 10px 10px; font-size:22px; color:#ff9933;} #foot2 {clear:both; width:900px; height:25px; background:#bc8f8f; color:#fff; font-size:10px; margin:-22px 0 0 0; padding:0;} #pagenav {width: 900px; height: 25px; float: left; border-top:1px solid #57e156; border-bottom:1px solid #57e156; margin: 0; padding: 0;} #pagenav ul {padding:0; margin:0; list-style-type:none; white-space:nowrap;} #pagenav ul li {float:left; line-height: 25px;} #pagenav ul li a, #pagenav ul li a:link, #pagenav ul li a:visited { font-family:verdana, helvetica, sans-serif; font-size: 10px; padding: 0 9px 0 9px; /* top,right,bottom,left */ text-decoration:none; font-weight: normal; text-align: left; color:#000000; width: 78px; margin:0 auto; } #pagenav ul li a:hover {color: #ffcc00; cursor: default; text-decoration:underline;} #pagenav ul li a:active, .chosen{color:#5c5c5c; background:#99cc99;} #foot {clear:both; width:900px; height:25px; color:#fff; font-size:10px;} #foot p {font-size:11px; color:#fff; margin:5px 10px 5px 15px; float:left;} #foot ul {list-style-type:none; margin:0; padding:0; float:left; margin-right:15px;} #foot ul li {float:left; margin:5px 0 5px 10px;} #search {width:260px; height:100px; float:left;background:transparent; margin:-25px 0 0 2px; padding:0;} #search form {margin:7px 0 0 5px; padding:0;font-family: verdana, helvetica, sans-serif; font-size: 9px; color: #5A5A5A; font-style: italic; font-weight: bold;} #search form img {border:0;} #content {width:900px; float:left; border-top:1px solid #57e156;} #content p {font-size:11px; line-height:16px; margin:5px 0 8px 0;} #content img {border:0;} #left_column {width:175px; background: #fff; float:left; padding:15px 5px 0 5px; margin: 1px 0 10px 1px;} #left_column h1, #right_column h1{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 18px; color: #006633; padding:0; letter-spacing:2px; line-height:18px; font-weight: bold;} #left_column h1, #left_column p{text-align: right;} #left_column p, #right_column p{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 18px; color: #006633; padding:0; line-height:10px; font-weight: normal;} #left_column img {color: #006633; padding: 5px 10px 0 10px;} #left_column h2{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 12px; color: #006633; padding:0; letter-spacing:2px; line-height:12px; font-weight: normal; text-align: right;} .textleft, .textright, .textleftaccom {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f; list-style-type:none; margin:0; padding:0;} .textleft, .textleftaccom {text-align: right;} .textleft li, .textright li {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000;} .textleft li a, .textleft li a:visited, .textright li a, .textright li a:visited, .textleftaccom li a{color:#5c5c5c; text-decoration:none; line-height: 15px;} .textleft li a:hover, .textright li a:hover, .textleftaccom li a:hover {text-decoration:underline; color:#ff9900} .textright{text-align: left;} .region {font-weight: bold; font-size: 11px; line-height: 14px; color:#575757;} .textleftaccom, .textleftaccom li{font-size: 9px;} #mid_column {width:353px; float:left; margin: 20px 0 0 0; padding: 0 0 0 10px;} #mid_column2 {width:528px; float:left; margin: 5px 0 0 0; padding: 0 0 0 1px;} #right_column {width:175px; background:transparent; float:left; margin: 1px 0 0 10px; padding: 15px 0 0 5px;} #right_column h1, #right_column p{text-align: left;} h3{font-family: Verdana, Helvetica, sans-serif; font-size:12px; color:blue; font-weight: normal; line-height: 5px;} #far_right {width:159px; background: #fff; float:right; padding:0; margin: 1px 1px 10px 0;} #far_right h1{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 11px; color: #006633; padding:5px 0; text-align: center; letter-spacing:2px; line-height:12px; font-weight: bold;} #far_right p{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 14px; color: #006633; padding:0; text-align: center; line-height:10px; font-weight: normal;} #far_right_ads {width:149px; height: 205px; background: #fff; border:1px solid #57e156; float:right; padding:10px 2px 0 2px; margin: 30px 1px 0 0;} #far_right_ads img{color: #006633; padding: 10px 2px 0 2px;} #far_right_ads p{font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #006633; padding:10px 2px 0 2px; line-height:10px; font-weight: normal;} #far_right_ads1 {width:149px; background: #fff; border:1px solid #B43B4B; float:right; padding:3px 2px 0 2px; margin: 3px 1px 0 0;} #far_right_ads1 img{color: #006633; padding: 1px 2px 0 1px;} #far_right_ads1 p {font-family: Verdana, Helvetica, sans-serif; padding:5px 2px 0 2px; font-size: 9px;} #far_right_ads1 a, #far_right_ads1 a:link, #far_right_ads1 a:visited{text-decoration:none; color: #525252;} #far_right_ads1 a:hover {text-decoration:underline; color: #C4314D;} .chosen{color:#fff; background:#99cc99;} /**********************************/ .clear {clear:both;} #menu {list-style-type:none; margin:0; /* settings for this demo olnly */ padding:0;} #menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;} #menu li span {display:block; z-index:100; background:#E8FFE8; padding:5px 0; font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 11px; color: #006633; text-align: center; letter-spacing:2px; line-height:12px; font-weight: bold; width:159px;} #menu li a, #menu li a:visited {display:block; padding:0; text-decoration:none;} #menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: transparent;} #menu dt {background: #8FBC8F; margin:0; font-size: 1.1em; float:left; border-right:1px solid #fff; border-bottom:1px solid #57e156;} #menu dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 8px; text-align:left;} #menu dt a, #menu dt a:visited {display:block; color:#ff8; padding: 5px 10px; text-decoration:none;} #menu dd a, #menu dd a:visited {background:#8FBC8F; color:#000; text-decoration:none; display:block; width:159px; padding:1px 0; text-align:center;} #menu li a:hover {border:0;} #menu li:hover dd, #menu li a:hover dd {display:block;} #menu li:hover dl, #menu li a:hover dl {border-bottom:3px solid #E8FFE8;} #menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #E8FFE8;; color:#534;} #nzmapaccom {width: 566px; height: 891px; background: url(img/nzmapw.gif) no-repeat; margin: 10px auto; padding: 0; position: relative;} #nzmap {width: 343px; height: 500px; background: url(img/nzmapbaseactive.jpg) no-repeat; margin: 10px auto; padding: 0; position: relative;} #nzmap li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;} #nzmap a {display: block;} #nzmap1 {left: 164px; top: 3px; width: 180px; height: 80px;} #nzmap2 {left: 211px; top: 69px; width: 43px; height: 57px;} #nzmap3 {left: 246px; top: 82px; width: 19px; height: 36px;} #nzmap4 {left: 222px; top: 111px; width: 45px; height: 63px;} #nzmap5 {left: 259px; top: 120px; width: 42px; height: 55px;} #nzmap6 {left: 284px; top: 129px; width: 60px; height: 65px;} #nzmap7 {left: 251px; top: 161px; width: 52px; height: 35px;} #nzmap8 {left: 224px; top: 170px; width: 36px; height: 40px;} #nzmap9 {left: 196px; top: 174px; width: 33px; height: 39px;} #nzmap10 {left: 225px; top: 187px; width: 51px; height: 63px;} #nzmap11 {left: 266px; top: 180px; width: 33px; height: 59px;} #nzmap12 {left: 234px; top: 246px; width: 36px; height: 35px;} #nzmap13 {left: 220px; top: 248px; width: 20px; height: 26px;} #nzmap14 {left: 146px; top: 236px; width: 48px; height: 64px;} #nzmap15 {left: 161px; top: 246px; width: 56px; height: 66px;} #nzmap16 {left: 40px; top: 246px; width: 126px; height: 147px;} #nzmap17 {left: 77px; top: 292px; width: 128px; height: 114px;} #nzmap18 {left: 44px; top: 374px; width: 180px; height: 72px;} #nzmap19 {left: 0px; top: 384px; width: 102px; height: 115px;} #nzmap1 a {height: 80px;} #nzmap2 a {height: 57px;} #nzmap3 a {height: 40px;} #nzmap4 a {height: 63px;} #nzmap5 a {height: 55px;} #nzmap6 a {height: 65px;} #nzmap7 a {height: 35px;} #nzmap8 a {height: 40px;} #nzmap9 a {height: 39px;} #nzmap10 a {height: 63px;} #nzmap11 a {height: 59px;} #nzmap12 a {height: 35px;} #nzmap13 a {height: 26px;} #nzmap14 a {height: 64px;} #nzmap15 a {height: 66px;} #nzmap16 a {height: 147px;} #nzmap17 a {height: 114px;} #nzmap18 a {height: 72px;} #nzmap19 a {height: 115px;} #nzmap1 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -164px -503px no-repeat;} #nzmap2 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -211px -1069px no-repeat;} #nzmap3 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -246px -582px no-repeat;} #nzmap4 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -222px -1611px no-repeat;} #nzmap5 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -259px -1120px no-repeat;} #nzmap6 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -284px -629px no-repeat;} #nzmap7 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -251px -2161px no-repeat;} #nzmap8 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -224px -1170px no-repeat;} #nzmap9 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -196px -674px no-repeat;} #nzmap10 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -225px -1687px no-repeat;} #nzmap11 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -266px -1180px no-repeat;} #nzmap12 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -234px -1246px no-repeat;} #nzmap13 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -220px -748px no-repeat;} #nzmap14 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -146px -1236px no-repeat;} #nzmap15 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -161px -746px no-repeat;} #nzmap16 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -40px -2246px no-repeat;} #nzmap17 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -77px -1792px no-repeat;} #nzmap18 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -44px -874px no-repeat;} #nzmap19 a:hover {background: transparent url(img/nzmapbaseactive.jpg) -0px -1384px no-repeat;} a.screen, a.screen:visited, a.screen1, a.screen1:visited, a.screen2, a.screen2:visited, a.screen3, a.screen3:visited, a.screen4, a.screen4:visited, a.screen5, a.screen5:visited, a.screen6, a.screen6:visited, a.screen7, a.screen7:visited, a.screen8, a.screen8:visited, a.screen9, a.screen9:visited, a.screen10, a.screen10:visited, a.screen11, a.screen11:visited, a.screen12, a.screen12:visited, a.screen13, a.screen13:visited, a.screen14, a.screen14:visited, a.screen15, a.screen15:visited, a.screen16, a.screen16:visited, a.screen17, a.screen17:visited, a.screen18, a.screen18:visited{color: #ffcc00; position:relative; z-index:1;} a.screen b, a.screen1 b, a.screen2 b, a.screen3 b, a.screen4 b, a.screen5 b, a.screen6 b, a.screen7 b, a.screen8 b, a.screen9 b, a.screen10 b, a.screen11 b, a.screen12 b, a.screen13 b, a.screen14 b, a.screen15 b, a.screen16 b, a.screen17 b, a.screen18 b{background: url(img/arrowrightred.gif) no-repeat; position:absolute; width:5px; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} /* position:the image Northland*/ a.screen b {background: url(img/arrowleftred.gif) no-repeat; left:-178px; top:64px;} /* position:the image Auckland*/ a.screen1 b{background: url(img/arrowleftred.gif) no-repeat; left:-225px; top:72px;} /* position:the image Coromandel*/ a.screen2 b{background: url(img/arrowleftred.gif) no-repeat; left:-260px; top:148px;} /* position:the image Waikato*/ a.screen3 b{background: url(img/arrowleftred.gif) no-repeat; left:-236px; top:134px;} /* position:the image Bay of Plenty*/ a.screen4 b{background: url(img/arrowleftred.gif) no-repeat; left:-273px; top:154px;} /* position:the image East Cape*/ a.screen5 b{background: url(img/arrowleftred.gif) no-repeat; left:-298px; top:204px;} /* position:the image Central North Island */ a.screen6 b{background: url(img/arrowleftred.gif) no-repeat; left:-265px; top:185px;} /* position:the image King Country*/ a.screen7 b{background: url(img/arrowleftred.gif) no-repeat; left:-238px; top:206px;} /* position:the image Taranaki*/ a.screen8 b{background: url(img/arrowleftred.gif) no-repeat; left:-210px; top:215px;} /* position:the image Manawatu-Wanganui */ a.screen9 b{background: url(img/arrowleftred.gif) no-repeat; left:-239px; top:217px;} /* position:the image Hawkes Bay*/ a.screen10 b{background: url(img/arrowleftred.gif) no-repeat; left:-280px; top:253px;} /* position:the image Wiararapa*/ a.screen11 b{background: url(img/arrowleftred.gif) no-repeat; left:-248px; top:261px;} /* position:the image Wellington*/ a.screen12 b{background: url(img/arrowleftred.gif) no-repeat; left:-234px; top:288px;} /* position:the image Nelson*/ a.screen13 b{left:205px;top:-169px;} /* position:the image Marlborough */ a.screen14 b{left:190px; top:-120px;} /* position:the image Westland*/ a.screen15 b{left:311px; top:-47px;} /* position:the image Canterbury*/ a.screen16 b{left:274px; top:-3px;} /* position:the image Otago*/ a.screen17 b{left:307px; top:-41px;} /* position:the image Southland*/ a.screen18 b{left:351px; top:-22px;} a.screen:hover, a.screen1:hover, a.screen2:hover, a.screen3:hover, a.screen4:hover, a.screen5:hover, a.screen6:hover, a.screen7:hover, a.screen8:hover, a.screen9:hover, a.screen10:hover, a.screen11:hover, a.screen12:hover, a.screen13:hover, a.screen14:hover, a.screen15:hover, a.screen16:hover, a.screen17:hover, a.screen18:hover{text-decoration:underline; color: #ff9900; border:0; /* needed for this to work in IE */ z-index:1000;} a.screen:hover b, a.screen1:hover b, a.screen2:hover b, a.screen3:hover b, a.screen4:hover b, a.screen5:hover b, a.screen6:hover b, a.screen7:hover b, a.screen8:hover b, a.screen9:hover b, a.screen10:hover b, a.screen11:hover b, a.screen12:hover b, a.screen13:hover b, a.screen14:hover b, a.screen15:hover b, a.screen16:hover b, a.screen17:hover b, a.screen18:hover b{ visibility:visible; /* make the image visible */ height:10px; /* now give it a height */ cursor:pointer; /* for IE */z-index:500; }