@charset "utf-8";
/* CSS Document */


html {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%}
body {background:url(gfx/outerbackground.gif) scroll top no-repeat}


#wrapper {width:900px; margin:0 auto}
#banner {width:900px;height:270px;}
#footer {width:904px;height:207px; background:url(gfx/footer-background.jpg) no-repeat;margin:0 auto}

#banner h1 { text-indent:-9999px;line-height:0}



.col {width:270px;margin-left:24px;float:left}


p {font-size:1.2em; line-height:1.4em; color:#666}

#intro {font-size:1.4em; line-height:1.6em; text-align:center; padding:20px 0; background:url(gfx/stripesbackground.jpg) no-repeat top}
#maps {margin:40px 0}

h2 {width:270px; height:67px;text-indent:-9999px;margin:0 0 20px 0}



h2.opotiki {background-image:url(gfx/opotiki-logo.gif)}
h2.gisborne {background-image:url(gfx/gisborne-logo.gif)}
h2.wairoa {background-image:url(gfx/wairoa-logo.gif)}


h2.opotiki:hover { background-position:0 -67px}
h2.gisborne:hover { background-position:0 -67px}
h2.wairoa:hover { background-position:0 -67px}




h2 a {display:block;width:270px; height:67px;}


.clearer {clear:both; line-height:0}