@charset "utf-8";
/* CSS Document */
/* Page Structure  ---------------------------------------------------------------*/
body {
  	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  	}

div#container {
	width: 924px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 0px;
	float: none;
	} 

div#container.clearfix:after {
    			content: ".";
    			display: block;
    			height: 0;
    			clear: both;
    			visibility: hidden;
				}

div#banner {
	height: 200px;
	width: 900px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 12px;
	}


/*-- menu designs  --------------------------------------------------------------*/
#menu {
	height: 45px;
	width: 890px;
	padding-left: 10px;
	margin-left: 12px;
	}

/*-- Main Content designs -------------------------------------------------------*/
div#maincontainer {
	width: 716px;
	float: left;
	overflow: visible;
	margin-left: 12px;
	}

div#main {
	width: 708px;
	float: left;
	overflow: visible;
	margin-left: 4px;
	margin-top: 0px;
	}

div#rightcolumn {
	float: right;
	width: 180px;
	margin-right: 14px;
	}

div#weathercontainer {
	height: 90px;
	width: 180px;
	float: right;
	margin-right: 0px;
	z-index: 22;
	overflow: hidden;
	display: inline;
	}

div#map {
	height: 335px;
	width: 180px;
	float: right;
	clear: none;
	z-index: 21;
	margin-right: 0px;
	margin-top: 2px;
	display: inline;
	}
#mappopup {
	width: 160px;
	overflow: visible;
	z-index: 20;
	visibility: hidden;
	position: relative;
	left: -128px;
	top: -280px;
	}
.outernorthland {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Images/design/ShadowTR.png);
	position: relative;
	left: -178px;
	top: -280px;
	visibility: hidden;
	width: 188px;
	display: inline-block;
	}
.outerauckland {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Images/design/ShadowTR.png);
	position: relative;
	left: -178px;
	top: -650px;
	visibility: hidden;
	width: 188px;
	display: inline-block;
	}
.outerwaikato {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Images/design/ShadowTR.png);
	position: relative;
	left: -178px;
	top: -1020px;
	visibility: hidden;
	width: 188px;
	display: inline-block;
	}
.outerBOP {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Images/design/ShadowTR.png);
	position: relative;
	left: -178px;
	top: -1390px;
	visibility: hidden;
	width: 188px;
	display: inline-block;
	}
.outertaranaki {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Images/design/ShadowTR.png);
	position: relative;
	left: -178px;
	top: -1760px;
	visibility: hidden;
	width: 188px;
	display: inline-block;
	}
.outerwanganui {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Images/design/ShadowTR.png);
	position: relative;
	left: -178px;
	top: -2130px;
	visibility: hidden;
	width: 188px;
	display: inline-block;
	}
.outerhawkesbay {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Images/design/ShadowTR.png);
	position: relative;
	left: -178px;
	top: -2500px;
	visibility: hidden;
	width: 188px;
	display: inline-block;
	}
.outersouthisland {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../Images/design/ShadowTR.png);
	position: relative;
	left: -178px;
	top: -2870px;
	visibility: hidden;
	width: 188px;
	display: inline-block;
	}
.outerpair2 {
	background-image: url(../Images/design/ShadowBL.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 8px;
	padding-left: 8px;
	}
.shadowbox {
	background-image: url(../Images/design/Shadow.png);
	background-position: right bottom;
	}
.innerbox {
	position: relative;
	left: -8px;
	top: -8px;
	border: 1px solid #999999;
	background-image: url(../Images/web%20images/Map%20popup%20BG.jpg);
	height: 360px;
	}
.reph2 {
	width: 160px;
	clear: right;
	float: left;
	text-indent: 12px;
	height: 17px;
	padding-top: 3px;
	}
.reph2sub {
	text-align: right;
	float: left;
	width: 55px;
	clear: left;
	padding-left: 9px;
	}
.reph2sub1 {
	width: 96px;
	text-align: left;
	clear: right;
	float: right;
	text-indent: 5px;
	text-transform: none;
	}
div#newscontainer {
	height: 310px;
	width: 180px;
	float: right;
	overflow: hidden;
	margin-right: 0px;
	}
.news {
	height: 245px;
	width: 150px;
	float: left;
	clear: none;
	overflow: hidden;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	position: relative;
	padding-top: 5px;
	margin-left: 10px;
	}
.newsdisclaimerH1 {
	}

.newsdisclaimer {
	}

#newsdisclaimer {
	height: 25px;
	width: 170px;
	float: left;
	clear: none;
	padding-right: 10px;
	padding-top: 5px;
	}

.replayheads {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #3181E3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3181E3;
	width: 180px;
	font-style: normal;
}
.newsstory {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	width: 180px;
	font-weight: normal;
	font-style: normal;
}
.slider {
	position:relative;
	overflow:hidden;
	border:2px solid #9ac1c9;
	height:245px;
	background:#eef5f6;
	margin-bottom:0px
}
.slidercontent {
	position:absolute;
	z-index: 10;
}
.section {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 5px;
}
.link {
	cursor:pointer;
	color:#FFFFFF
}
/*-- Footer Formatting ---------------------------------------------------------*/

#bottom {
	height: 35px;
	width: 799px;
	float: left;
	padding-top: 20px;
	text-align: right;
	padding-right: 25px;
	padding-left: 100px;
	}
div#bottom a {
	}

div#bottom a:link {
	float: left;
	width: 80px;
	}
	
div#bottom a:visited {
	float: left;
	width: 80px;
	}

div#bottom a:hover {
	float: left;
	width: 80px;
	}

div#bottom a:active {
	float: left;
	width: 80px;
	}

/*-- Tag Formatting -------------------------------------------------------------*/
img{
	border-width:0px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	}

/*-- Weather formatting --------------------------------------------------------*/
#weatherselect {
	height: 23px;
	width: 180px;
	float: left;
	padding-top: 5px;
	}

#weather {
	height: 150px;
	width: 180px;
	float: left;
	margin-left: 30px;
	}

select {
	height: 18px;
	width: 110px;
	float: left;
	}

.cities {
	height: 18px;
	width: 120px;
	margin-left: 30px;
	}

/*-- Div widths ------------------------------------------------------------------*/
.dv25 {
	width: 25px;
}
.dv50 {
	width: 50px;
}
.dv75 {
	width: 75px;
}
.dv100 {
	width: 100px;
}
.dv125 {
	width: 125px;
}
.dv150 {
	width: 150px;
}
.dv175 {
	width: 175px;
}
.dv200 {
	width: 200px;
}
.dv225 {
	width: 225px;
}
.dv250 {
	width: 250px;
}
.dv275 {
	width: 275px;
}
.dv300 {
	width: 300px;
}
.dv325 {
	width: 325px;
}
.dv350 {
	width: 350px;
}
.dv375 {
	width: 375px;
}
.dv400 {
	width: 400px;
}
.dvAlignLeft {
	display: block;
	float: left;
}
.dvinlineblock {
	display: inline-block;
	float: left;
}
.dvclearLeft {
	clear: left;	
}
.dvclearBoth {
	clear: right;
	float: left;
}

/*-- Padding --------------------------------------------------------------------------------*/
.PD5{
	padding-bottom: 5px;
}

/*-- Font Styling------------------------------------------------------------------------------------------*/
.SZ8 {
	font-size: 8px;
}
.SZ9 {
	font-size: 9px;
}
.SZ10 {
	font-size: 10px;
}
.SZ11 {
	font-size: 11px;
}
.SZ12 {
	font-size: 12px;
}
.SZ13 {
	font-size: 13px;
}
.SZ14 {
	font-size: 14px;
}
.BLD {
	font-weight: bold;
}
.ITL {
	font-style: italic;
}
.VRD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*-- Margins ------------------------------------------------------------------------------------------*/
.ML25 {
	margin-left: 25px;
}
.ML50 {
	margin-left: 50px;
}
.ML75 {
	margin-left: 75px;
}
.ML100 {
	margin-left: 100px;
}
.ML125 {
	margin-left: 125px;
}
.ML150 {
	margin-left: 150px;
}

.ML175 {
	margin-left: 175px;
}
.ML200 {
	margin-left: 200px;
}
.ML225 {
	margin-left: 225px;
}
.ML250 {
	margin-left: 250px;
}
.ML275 {
	margin-left: 275px;
}
.ML300 {
	margin-left: 300px;
}
.ML325 {
	margin-left: 325px;
}
.ML350 {
	margin-left: 350px;
}
.ML375 {
	margin-left: 375px;
}
.ML400 {
	margin-left: 400px;
}