body {color: #626163; background: #11ac9f; font-family:Arial; font-size: 12px; background-image:url(../i/gradient.png);background-repeat:repeat-x; margin: 0px; }
#mainFrame{width: 950px; height: 1067px; background:url(../i/butterflyhands.png) no-repeat scroll left bottom transparent; }
#header{margin-left: 170px; width: 780px; height: 152px; background-image: url(../i/headerCopy.png)}
#banner{width: 455px; height: 125px; float: right; margin-bottom: 5px;}
#video{margin-left: 170px; float: left; width: 320px; height: 256px; margin-right: 5px;}
#navcontent{margin-left: 170px; width: 320px; height: 645px; float: left; margin-right: 5px; margin-top: 5px;}
#nav1{float: left; width: 130px; margin-right: 5px; height: 280px;}
#footer{width: 455px; height: 130px; float: right; margin-top: 5px;}
#dafooter{float: right; width: 185px; height: 135px;}
#pcfooter{width: 130px; height: 210px; float: left; margin-top: 155px;}
.container{width: 435px; height: 626px; background: white; float: right; padding-left: 10px; padding-right: 10px; padding-top: 12px; padding-bottom: 12px; overflow: auto; line-height:1.5}
.container h2 {margin-top:0}

#pclogo a.pc:link, #pclogo a.pc:visited{display:block; width:185px; height:57px; background-image: url(../i/pc2.png);}
#pclogo a.pc:hover {background-image: url(../i/pc2.png)}
#pclogo a.pc:active {background-image: url(../i/pc2.png)}

#dalogo a.da:link, #dalogo a.da:visited{display:block; width:130px; height:75px; background-image: url(../i/da2.png);}
#dalogo a.da:hover {background-image: url(../i/da2.png)}
#dalogo a.da:active {background-image: url(../i/da2.png)}

#media a.m:link, #media a.m:visited{display:block; width:130px; height:45px; background-image: url(../i/itm.png);margin-bottom: 2px;}
#media a.m:hover {background-image: url(../i/itm.png)}
#media a.m:active {background-image: url(../i/itm.png)}

#videos a.v:link, #videos a.v:visited{display:block; width:130px; height:45px; background-image: url(../i/sv.png);margin-bottom: 2px;}
#videos a.v:hover {background-image: url(../i/sv.png)}
#videos a.v:active {background-image: url(../i/sv.png)}

#toolkit a.t:link, #toolkit a.t:visited{display:block; width:130px; height:45px; background-image: url(../i/stk.png);margin-bottom: 2px;}
#toolkit a.t:hover {background-image: url(../i/stk.png)}
#toolkit a.t:active {background-image: url(../i/stk.png)}

#card a.c:link, #card a.c:visited{display:block; width:130px; height:45px; background-image: url(../i/fsc.png);margin-bottom: 2px;}
#card a.c:hover {background-image: url(../i/fsc.png)}
#card a.c:active {background-image: url(../i/fsc.png)}

#cal a.c:link, #cal a.c:visited{display:block; width:130px; height:45px; background-image: url(../i/wc.png);margin-bottom: 2px;}
#cal a.c:hover {background-image: url(../i/wc.png)}
#cal a.c:active {background-image: url(../i/wc.png)}

#classes a.cl:link, #classes a.cl:visited{display:block; width:130px; height:45px; background-image: url(../i/scny.png);margin-bottom: 2px;}
#classes a.cl:hover {background-image: url(../i/scny.png)}
#classes a.cl:active {background-image: url(../i/scny.png)}

#leftgap{float: left; width: 240px; height: 50px}
#rightgap{width: 210px; height: 50px}
#support{line-height: 20px; width: 120px; height: 80px; font-weight: bold; color: White; font-size: 12px; text-align: left; padding-top: 55px; margin-left: 10px;}
#details{line-height: 20px; width: 185px; height: 80px; font-weight: bold; color: White; font-size: 12px; text-align: left; padding-top: 55px; text-indent: 10px;}

#email a.e:link, #email a.e:visited{width: 150px; height: 20px; text-decoration: none; color: white; font-size: 12px;}
#email a.e:hover {text-decoration: underline;}
#email a.e:active {text-decoration: underline;}

#phone{}
#fax{}

#fanzsl a.a:link, #fanzsl a.a:visited{text-indent: 10px; float: left; width: 240px; height: 20px; text-decoration: none; color: white; font-size: 11px;}
#fanzsl a.a:hover {text-decoration: underline;}
#fanzsl a.a:active {text-decoration: underline;}

#fnzslis a.a:link, #fnzslis a.a:visited{float: right; width: 210px; height: 20px; text-decoration: none; color: white; font-size: 11px;}
#fnzslis a.a:hover {text-decoration: underline;}
#fnzslis a.a:active {text-decoration: underline;}

#nzslw a.a:link, #nzslw a.a:visited{text-indent: 10px; float: left; width: 240px; height: 20px; text-decoration: none; color: white; font-size: 11px;}
#nzslw a.a:hover {text-decoration: underline;}
#nzslw a.a:active {text-decoration: underline;}

#nzsliaa a.a:link, #nzsliaa a.a:visited{float: right; width: 210px; height: 20px; text-decoration: none; color: white; font-size: 11px;}
#nzsliaa a.a:hover {text-decoration: underline;}
#nzsliaa a.a:active {text-decoration: underline;}

#wodnzslw a.a:link, #wodnzslw a.a:visited{text-indent: 10px; float: left; width: 240px; height: 20px; text-decoration: none; color: white; font-size: 11px;}
#wodnzslw a.a:hover {text-decoration: underline;}
#wodnzslw a.a:active {text-decoration: underline;}

#nzslwitm a.a:link, #nzslwitm a.a:visited{float: right; width: 210px; height: 20px; text-decoration: none; color: white; font-size: 11px;}
#nzslwitm a.a:hover {text-decoration: underline;}
#nzslwitm a.a:active {text-decoration: underline;}

#nzslr a.a:link, #nzslr a.a:visited{text-indent: 10px; float: left; width: 240px; height: 20px; text-decoration: none; color: white; font-size: 11px;}
#nzslr a.a:hover {text-decoration: underline;}
#nzslr a.a:active {text-decoration: underline;}

#cu a.a:link, #cu a.a:visited{float: right; width: 210px; height: 20px; text-decoration: none; color: white; font-size: 11px;}
#cu a.a:hover {text-decoration: underline;}
#cu a.a:active {text-decoration: underline;}

#deafa a.da:link, #deafa a.da:visited{display:block; width:100px; height:43px; background-image: url(../i/logo_deaf_a.png);}
#deafa a.da:hover {background-image: url(../i/logo_deaf_a.png)}
#deafa a.da:active {background-image: url(../i/logo_deaf_a.png)}

#pu a.p:link, #pu a.p:visited{display:block; width:98px; height:49px; background-image: url(../i/pub_charity.gif);}
#pu a.p:hover {background-image: url(../i/pub_charity.gif)}
#pu a.p:active {background-image: url(../i/pub_charity.gif)}

#aklcc a.a:link, #aklcc a.a:visited{display:block; width:100px; height:86px; background-image: url(../i/a-city-council.gif);}
#aklcc a.a:hover {background-image: url(../i/a-city-council.gif)}
#aklcc a.a:active {background-image: url(../i/a-city-council.gif)}

#nzl a.n:link, #nzl a.n:visited{display:block; width:100px; height:85px; background-image: url(../i/lottery.gif); float: right}
#nzl a.n:hover {background-image: url(../i/lottery.gif)}
#nzl a.n:active {background-image: url(../i/lottery.gif)}

#wcc a.w:link, #wcc a.w:visited{display:block; width:120px; height:43px; background-image: url(../i/wcc2.jpg); margin-top: 20px; float: left;}
#wcc a.w:hover {background-image: url(../i/wcc2.jpg)}
#wcc a.w:active {background-image: url(../i/wcc2.jpg)}

#deafalogo{float: left; margin-left: 48px; width: 100px; height: 49px}
#publogo{margin-left: 178px; width: 98px; height: 49px}
#accouncil{float: left; margin-left: 28px; width: 113px; height: 86px}
#spBlock{margin-left: 138px; width: 234px; height: 100px}

.c{text-decoration: none; color: #ffffff; font-size: 12px;}
.c:hover{text-decoration: underline;}

.cn{text-decoration: underline; font-size: 12px; color: #626163}
.cn:hover{text-decoration: none; color: #004856}

.divLogo{width: 185px; height: 60px}
.center{text-align: center; padding-right: 15px; padding-left:15px;}

.title{height: 25px; color: #626163; font-weight: bold; }
.inputClass{width: 240px; height: 20px; color: #076184;  border-style:solid; border-width:1px; border-color: #626163;}
.divBlock{width: 128px; height: 25px; padding-top: 3px;}
.divInput{width: 200px; height: 25px;  }
.inputClassMsg{width: 240px; height: 100px; color: #076184;  border-style:solid; border-width:1px; border-color: #626163;  }

.block{width: 400px; height: 25px;}
.block2{width: 400px; height: 100px;}
.block3{width: 400px; height: 100px;}
.left{width: 130px; height: 25px; float: left;}
.right{width: 250px; height: 19px; float: right;}
.btnEmail{width: 120px; height: 30px;}

.csBlock{width: 415px; height: 105px}
.csLeft{float: left; width: 200px; height: 105px}
.csRight{float: right; width: 200px; height: 105px}
.csText{width: 200px; height: 30px; padding-top: 5px;}

#step{float: right; width: 160px; height: 83px}
#stepPic{float: right; background-image: url(../i/dsa.gif); width: 150px; height: 83px}
#work{float: right; width: 160px; height: 150px}
#workPic{float: right; background-image: url(../i/dwfy.gif); width: 150px; height: 150px}
#medical{float: right; width: 160px; height: 130px}
#medicalPic{float: right; width: 150px; height: 130px; background-image: url(../i/mp.gif)}
#eye{float: right; width: 120px; height: 114px}
#eyePic{float: right; width: 80px; height: 114px; background-image: url(../i/pploe.gif);}
#dictionary{float: right; width: 115px; height: 115px}
#dictionaryPic{float: right; width: 80px; height: 115px; background-image: url(../i/NZDic.jpg);}
#times{float: right; width: 110px; height: 113px}
#timesPic{float: right; width: 80px; height: 113px; background-image: url(../i/sott.gif);}
#robroy{float: left; width: 200px; height: 143px}
#robroyPic{float: right; width: 200px; height: 143px; background-image: url(../i/robroy_s.jpg)}
#dmaPic{width: 350px; height: 40px; background-image: url(../i/dmw.png)}
.clickBanner{width: 455px; height: 125px; border-width:0px;}
.lts{width: 141px; height: 126px; float: right; margin-left: 10px; background-image: url(../i/LTS.jpg);}
.heart{width:180px; height: 152px; background-image: url(../i/heart_hands.png); float: right; }

.videoBlock{width: 422px; height: 144px;}
.videoSection{padding-right: 5px; padding-left: 6px; float: left; padding-bottom: 2px; width: 128px; padding-top: 3px; height: 130px}
.videoPic{width: 127px; height: 90px}
.videoClick{color: Black; font-size: 10px; text-decoration:none; width: 125px; height: 15px;}
.videoClick:hover{cursor: pointer; cursor: hand; text-decoration: underline; color: Orange;}
.videoTitle{width: 115px; height: 15px; padding-top: 2px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px;}
.videoCenter{text-align: center;}
.pdfIcon{background-image: url(../i/PDF.gif); width: 24px; height: 24px; float: left; margin-right: 10px;}

#NZMap{margin-left: 35px; width: 380px; margin-top: 50px; height: 429px; background-image: url(../i/nz_map1.png)}
#Auckland{left: 660px; width: 64px; position: absolute; top: 520px; height: 22px}
#Wellington{left: 755px; width: 69px; position: absolute; top: 685px; height: 24px}
#Christchurch{left: 705px; width: 100px; position: absolute; top: 745px; height: 26px}
#Taranaki{left: 650px; width: 59px; position: absolute; top: 600px; height: 26px}
#Taupo{left: 690px; width: 68px; position: absolute; top: 570px; height: 21px}
#BOP{left: 770px; width: 84px; position: absolute; top: 520px; height: 25px}
#Waikato{left: 690px; width: 70px; position: absolute; top: 550px; height: 18px}
#Manawatu{left: 790px; width: 73px; position: absolute; top: 650px; height: 23px}
#HawkesBay{left: 825px; width: 75px; position: absolute; top: 602px; height: 24px}
#Northland{left: 640px; width: 64px; position: absolute; top: 490px; height: 20px}
#OtagoSouthland{left: 650px; width: 187px; position: absolute; top: 805px; height: 22px}
#NelsonBlenheim{left: 560px; width: 187px; position: absolute; top: 670px; height: 22px}

#developed{font-size: 11px; color: white; font-weight: normal;}
.d{text-decoration: underline; font-size: 11px; color: white}
.d:hover{text-decoration: none; color: white}

.mr_vintage{width: 150px; height: 118px; float: left; background-image: url(../i/keepcool.jpg);}

/* // Easy Slider */

	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#ffffff;	
		margin:.5em 0;
		width:344px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:344px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:344px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../i/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../i/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */

.set_up{width: 350px; height: 250px; margin-left: 45px;}

#nav2 {
	float:right;
	width:185px;
	height:455px;
	background:#f5f5ff
}

#menu {
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
}

#menu li {
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	width: 185px;
}

#menu li a {
	color:#009AD4;
	text-decoration:none;
	padding:8px 10px;
}

#menu li,
#menu li a {
	cursor:pointer;
	display:block;
}

#menu li a:hover,
#menu li.click a {
	color:#fff;
	background:#f6a924;
}

#menu ul {
	display:none;
	list-style-type:none;
	padding:0;
	margin:0;
}

#menu li.click ul {
	display:block;
}

#menu li.click ul li {
	text-transform:none;
}

#menu li.click ul a,
#menu li.click ul li.current ul li a {
	color:#659BA6;
	background:#f5f5ff;
}

#menu li.click ul a:hover,
#menu li.click ul li.current a,
#menu li.click ul li.current ul li.hover a {
	color:#004856;
}

#menu li.click ul ul {
	display:none;
}

#menu li.click ul li:hover ul {
	display:block;
	position:absolute;
	left:185px;
	width:185px;
	border:1px #88a solid;
	margin-top:-32px;
	background-color:#f5f5ff;
}

#menu li.click ul li.fly a {
	background-image:url(../i/arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#menu li.click ul li.fly ul a {
	background-image:none;
}