@charset "utf-8";
body{
margin:0px; padding:0px;
color:#343530; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:url(/images/bodybg.jpg) repeat-y center #b9b09d;
}
html, body{
height:100%;
}


/* ------ Positioning ------ */
#container{
position:relative; margin:0px;
height:auto !important; height:100%;
min-height:100%;
width:auto !important; width:100%;
min-width:100%;
}

#pagewrapper{
width:770px; position:relative; left:50%; margin-left:-385px;
height:100%;
}

#header{
position:relative;
width:770px; height:84px;
background:url(/images/headerbg.jpg) no-repeat;
}

#header a.logo{
display:block;
width:166px;
height:48px;
position:relative;
top:23px; left:23px;
text-indent:-9999px;
overflow:hidden;
border:0;
}


#middle{
width:770px; height:auto; overflow:hidden;
background:url(/images/topgradient.jpg) top repeat-x #ebe8dd;
}


#leftcol{
float:left; clear:left;
width:350px; padding-left:22px; padding-right:10px; margin-bottom:15px; .margin-bottom:0;
}

#leftcol .container {
margin-top:25px;
}

#centercol{
padding:0px 23px 50px 23px;
}

#rightcol{
float:right; clear:right;
width:350px; padding-left:12px; padding-right:22px; margin-bottom:15px; .margin-bottom:0;
}


#footer{
clear:both;
position:absolute; bottom:0px; width:770px; margin-left:-385px; left:50%;
height:90px; .height:100px;
background:#FFF;
}

.push{
clear:both; height:100px; margin-top:50px;
}



/* ------ Generic Elements ------ */
h1, h2, h3, th{
font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;
}

h1{
width:724px; margin-top:1.2em; padding:0px 23px 4px 23px;
color:#10422c; line-height:1.4em;
}
h2{
color:#343530; margin-top:0.8em; margin-bottom:0.5em;
cursor:pointer;
}

p{
margin:0px; padding:0px;
}

p.tag{
position:relative; top:-5px;
margin:0px 23px;
}

a{
border-bottom:dotted 1px #64645e;
_border-bottom:solid 1px #64645e;
color:#343530; text-decoration:none;
}
a:hover{
border-bottom:solid 1px #343530;
}



/* ------ Navigation ------ */
#navholder{
position:absolute; display:block; bottom:-1px; right:0px;
width:376px; height:35px; margin:0px; padding:0px;
list-style:none;
}
#navholder li{
display:block; float:left;
width:79px; height:34px;
background:url(/images/navtabs.jpg) no-repeat; border:none;
}

#navholder li a, #navholder li a:hover{
display:block;
width:79px; height:34px;
overflow:hidden; text-indent:-9999px;
border:0px; outline:none;
}


#navholder #navhome{
width:79px; background-position: 0px 0px;
}
#navholder #navhome:hover{
background-position: 0px -68px;
}
#navholder #navhome.selected{
background-position: 0px -34px;
}

#navholder #navabout{
width:79px; background-position: -79px 0px;
}
#navholder #navabout:hover{
background-position: -79px -68px;
}
#navholder #navabout.selected{
background-position: -79px -34px;
}

#navholder #navsearch{
width:79px; background-position: -158px 0px;
}
#navholder #navsearch:hover{
background-position: -158px -68px;
}
#navholder #navsearch.selected{
background-position: -158px -34px;
}

#navholder #navdirectory{
width:98px; background-position: -237px 0px;
}
#navholder #navdirectory a{
width:98px;
}
#navholder #navdirectory:hover{
background-position: -237px -68px;
}
#navholder #navdirectory.selected{
background-position: -237px -34px;
}

div#flashsound{
position:absolute; top:0px; right:0px; width:295px; height:55px;
}


/* ------ Tabs ------ */
#detailtabs{
width:350px; margin:20px auto;
_margin-top:10px;
height:auto; overflow:hidden;
}
ul.tabholder{
float:left; list-style:none; height:auto;
margin:0px; padding:0px;
}
ul.tabholder li{
float:left; height:24px; margin:0px 4px 0px 0px; padding:0;
}
ul.tabholder a{
display:block; margin:0px;
position:relative;padding:2px 11px 0px 11px; height:22px;
color:#FFF; text-decoration:none; border:none;
outline:none;
}
ul.tabholder a:hover{
text-decoration:underline; border:none;
}
/* IE 6 hack */
* html ul.tabholder a{
float:left;
}
ul.tabholder li.blue{
background:url(/images/tab-blue-right.gif) top right no-repeat;
border:0;
}
ul.tabholder li.blue a{
background:url(/images/tab-blue-left.gif) top left no-repeat;
}
ul.tabholder li.green{
background:url(/images/tab-green-right.gif) top right no-repeat;
border:0;
}
ul.tabholder li.green a{
background:url(/images/tab-green-left.gif) top left no-repeat;
}
ul.tabholder li.purple{
background:url(/images/tab-purple-right.gif) top right no-repeat;
border:0;
}
ul.tabholder li.purple a{
background:url(/images/tab-purple-left.gif) top left no-repeat;
}
.tabcontent{
float:left; clear:left; height:auto; overflow:hidden;
width:320px; padding:14px;
}
.tabcontent.blue{
border:1px solid #75a8ae; background:#dee1d9;
border-top:4px #75a8ae solid;
}
.tabcontent.green{
border:1px solid #577a6b; background:#cfd6cb;
border-top:4px #577a6b solid;
}
.tabcontent.purple{
border:1px solid #7e849d; background:#dcd9d6;
border-top:4px #7e849d solid;
}
.tabcontent dl, #featuredmarae dl{
margin:0px;padding:0px; word-wrap:break-word;
}
.tabcontent dl dt, #featuredmarae dl dt{
float:left; clear:both; width:40%;
}
.tabcontent dl dd, #featuredmarae dl dd{
float:left; margin:0px; width:60%;
}

.tabcontent .prevLink {
	clear:left;
	float:left;
	width:100px;
	margin:0;
	padding:0;
}


.tabcontent .nextLink {
	float:right;
	text-align:right;
	width:100px;
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

.image {
	width:348px;
	text-align:center;
}

#tabfacilities div strong{
display:block; margin-bottom:0.5em;
}
#tabfacilities .nextLink, #tabfacilities .prevLink {
margin-top:0.75em;
}
#tabfacilities dl dt{
width:28%;
}
#tabfacilities dl dd{
width:71%;
}

#tabretail .col1 {
	float:left;
	clear:both;
	margin-bottom:0.25em;
	margin-right:0.25em;
	width:22%;
}
#tabretail .col2 { 
	float:right;
	width:74%;
	margin-bottom:0.5em;
}

/* ------ Maps ------ */
#googlemap{
width:348px; height:300px; margin:20px 0px;
border:1px solid #343530; overflow:hidden;
}

div.mapholder{
position:relative; width:350px; height:auto; overflow:hidden; margin-top:25px;
border:1px solid #75a8ae; background:#dee1d9;
}

#homemap{
height:296px;
}

#homemap img, #homemap div.maplabel{
position:absolute; border:0px;

}
#homemap .maplabel a{
height:23px; width:63px;
text-indent:-9999px;
display:block;
border:0;
z-index:99;
}
#regionmap-north{
position:relative;
left:80px; top:95px;
background:url(/images/regionmap-north.png) no-repeat;
}
#regionmap-central{
position:relative;
left:158px; top:150px;
background:url(/images/regionmap-central.png) no-repeat;
}
#regionmap-west{
position:relative;
left:70px; top:179px;
background:url(/images/regionmap-west.png) no-repeat;
}
#regionmap-south{
position:relative;
left:148px; top:230px;
background:url(/images/regionmap-south.png) no-repeat;
}

div.mapholder div.formholder{
position:relative; width:100%; padding:10px 20px;
.padding-bottom:0px; .padding-top:15px;
}
div.mapholder div.formholder label{
float:left; width:100px;
}
html>/**/body div.mapholder div.formholder input, html>/**/body div.mapholder div.formholder select{
border:1px solid #c0c0c0;
background:url(/images/inputbg.gif) no-repeat #FFF;
}
div.mapholder div.formholder input, div.mapholder div.formholder select{
width:185px;
}
div.formholder select option{
background:#FFF;
}

#magnifyingglass{
height:20px; width:20px; margin-left:3px;
vertical-align:bottom;
border:0px;
}


/* ------ Image Display ------ */
#imagedisplay{
position:relative;
width:360px; margin-left:-6px; margin-top:6px; margin-bottom:-22px; .margin-bottom:-20px;
padding-left:4px; .padding-left:0px; padding-right:5px; padding-top:-10px; text-align:center; padding-bottom:5px;
background:url(/images/display-shadow-mid.gif) repeat-y;
}

#imagedisplay img{
margin:5px; .margin-left:3px;
}
#imagedisplay a{
margin:3px 10px;
z-index:20;
}
#imagedisplay a.fleft{
float:left; margin-right:-58px; .margin-right:-70px;
}
#imagedisplay a.fright{
float:right;
}
#imagedisplay div.tag{
.padding-bottom:10px; 
float:left; margin-left:103px; _margin-left:50px;
margin-bottom:-10px; .margin-bottom:-23px; width:40%; 
text-align:center;
}




/* ------ Drop shadow background ------ */
#featuredmarae div.content, #imagedisplay div.content{
height:auto; overflow:hidden;
}
#featuredmarae .topshadow, #imagedisplay .topshadow{
position:absolute;top:-7px; left:0px;
width:359px; height:7px;
background:url(/images/display-shadow-top.gif) no-repeat;
}
.bottomshadow{
/*position:absolute; bottom:-8px; left:0px;*/
position:relative; top:20px; left:-6px; margin-bottom:30px;
width:359px; height:8px;
background:url(/images/display-shadow-bot.gif) no-repeat;
}




/* ------ Featured Marae ------ */
#featuredmarae{
position:relative; top:20px; left:-6px; width:320px;
padding-top:11px; padding-bottom:16px; padding-left:19px; padding-right:19px; margin-top:7px;
background:url(/images/display-shadow-mid.gif) repeat-y;
}

#featuredmarae p.tag{
margin:0px; top:-3px;
color:#999;
}
#featuredmarae h2{
margin:3px 0px 10px 0px;
}
#featuredmarae img{
/*position:relative; left:-9px; margin:0px;*/
margin-left:9px;  margin:0px; _margin-left:-10px;
}
#featuredmarae dl{
display:block;
position:relative;
margin-top:10px; 
}
#featuredmarae dl dt{
width:30%;
}

dl.additional {
display:block;
margin:0px; 	
clear:both;

}
dl.additional dt {
float:left;
clear:both;
width:38%;
margin:0 0 0 3%; 	
}
dl.additional dd {
float:left;
width:57%;
margin:0; 	
}

p.intro {
	margin-bottom:1em;
}

/* ------ Directory Table ------ */
table.directory{
width:100%; border-spacing:1px; margin:0px ;
}
table.directory td, table.directory th{
padding:2px 8px 3px 8px;
}
table.directory th{
background:#75a8ae; font-size:15px; color:#FFF;
}
table.directory tr.row1{
background:#d9e2de;
}
table.directory tr.row2{
background:#c7d5cf;
}
table.directory tr:hover{
background:#e6ecea;
}
table.directory td a, table.directory td a:hover{
display:block; width:100%; border:none; text-decoration:none;
}

table.directory td a span{
border-bottom:dotted 1px #64645e;
_border-bottom:solid 1px #64645e;
}



/* ------ Footer ------*/

#textsize{
float:left; margin:17px 22px 0px 22px; padding-top:10px;
width:120px; height:50px; overflow:hidden;
font-size:11px; text-align:center;
border:1px solid #ebe8dd;
}
#textsize ul{
list-style:none; padding:0px 0px 0px 16px; margin:0px; height:auto; overflow:hidden;
}
#textsize ul li{
float:left; width:20px; height:20px; margin:1px; padding:0px;
line-height:20px; overflow:hidden;
background:#75a8ae;
}

#textsize ul li.smallest{
font-size:10px; line-height:22px;
}
#textsize ul li.small{
background:#9c9781;
font-size:12px;
}
#textsize ul li.large{
background:#577a6b;
font-size:13px; line-height:20px;
}
#textsize ul li.largest{
background:#7e849d;
font-size:15px; line-height:18px;
}

#textsize ul li a, #textsize ul li a:hover{
font-weight:bold; color:#FFF; text-decoration:none;
}

#hardcopies{
float:left; margin:15px 22px 0px 0px; padding:15px;
}

#footer div.logo{
float:right; width:136px; height:43px; margin:27px;
background:url(/images/logo-tepunikokiri.gif);
}

.hidetilprint{
display:none;
}