/* we need to have a property specified - any one will do - so that the following hover code works!!  */
a:hover{
	font-style: normal;
}

div.thumbs {
  width: auto;
  text-align: left;
}

div.thumbs img {
	display: inline;
	float: none;  /*  without this, a small focus rectangle appears to the bottom right of the image!!  */
	margin: 3px;
	opacity: 0.7;  /*  css3 property - not yet supported, but might as well have it in... */
	-moz-opacity:0.7;  /*  Mozilla property */
	filter:alpha(opacity=70);  /*  IE property */
	vertical-align: bottom;
}


a:link img {
	border: 1px solid black;
	opacity: 0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}
a:visited img{
	border: 1px solid black;
	opacity: 0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}
a:focus img {
	border: 1px solid white;
	opacity: 1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
	}
a:hover img {
	border: 1px solid white;
	opacity: 1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
	}
a:active img{
	border: 1px solid white;
	opacity: 1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
	}