.col-left {
background-color: #ffffff;
/*background-image: url(images/pdf-template/leftcolumn.gif);*/
background-repeat: repeat-y;
background-position: top left;
}

body {
background-color: #ffffff;
}

body, td, div, p, span {
color: #000000;
font-family: verdana;
font-size: x-small;
}

html>
body, td, div, p, span {
font-size: small;
}

p {
margin: 0;
padding: 5 0 20 0;
}

a {
color:#0084EA;
font-family:verdana,arial;
}

a:hover	{
color:#005495;
}

.header {
font-size: medium;
font-weight: bold;
padding: 5 3 5 0;
background-color: #cccccc;
border-bottom: solid #000000 2px;
margin: 0px;
vertical-align: bottom;
}

html>
body .header {
font-size: large;
}

.header img {
float: right;
}

.toplogo {
margin: 0 0 0 10;
}

h2 {
font-size: medium;
font-weight: bold;
padding: 5 5 5 0;
margin: 0px;
color: #333333;
background-color: #eeeeee;
border-bottom: solid #666666 1px;
}

html>
body h2 {
font-size: large;
}

h3 {
font-size: small;
font-weight: bold;
padding: 0;
margin: 5 0 0 0;
color: #000000;
}

html>
body h3 {
font-size: medium;
}

.gallerybutton {
position: relative;
float: left;
margin: 0; 
background: url(http://www.destinationoutdoors.co.nz/myimages/button-whirinaki-hover.jpg) no-repeat;
padding-right: 1px;
width: 214px;
height: 165px;
overflow:hidden;
}

.gallerybutton a {
display: block;
color: #fff;
font-size: 0.69em;
font-weight: bold;
width: 214px;
height: 165px;
display: block;
float: center;
color: black; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.gallerybutton img {width: 214px; height: 165px; border: 0; }
	* html a:hover {visibility:visible}
.gallerybutton a:hover img{visibility:hidden;}