/* set 1st column of thumbnails */
#pix	{ position: absolute; top: 45px; left: 10px;
	width: 90px;
}
dt	{ margin: 5px	}
img	{ border: none }
/* set 2nd column of thumbnails 95px further over to right*/
#pix2	{ position: absolute; top: 45px; left: 105px }
dt	{ margin: 5px	}
img	{ border: none }
/* set 3rd column of thumbnails 95px further over to right */
#pix3	{ position: absolute; top: 45px; left: 200px }
dt	{ margin: 5px	}
img	{ border: none }
/* set fourth column of thumbnails 95px further over to right*/
#pix4	{ position: absolute; top: 45px; left: 295px }
dt	{ margin: 5px	}
img	{ border: none }
/* MouseOut state (default) - hide larger picture for col 1 */
#pix a img.hid1 {
	width: 260px; height:402px;
	position: absolute; top: 10px; left: 380px;
	visibility: hidden; }
/* MouseOut state (default) - hide larger picture for col 1 */
#pix a img.hid2 {
	width: 260px; height:388px;
	position: absolute; top: 10px; left: 380px;
	visibility: hidden; }
/* MouseOut state (default) - hide larger picture for col 1 */
#pix a img.hid2{
	width: 219px; height:382px;
	position: absolute; top: 10px; left: 380px;
	visibility: hidden; }
/* MouseOut state (default) - hide larger picture for col 1 */
#pix a img.hid4 {
	width: 260px; height:343px;
	position: absolute; top: 10px; left: 380px;
	visibility: hidden; }
/* MouseOver state (hover)- reveal larger picture from col 1 */
#pix a:hover { background: white }
#pix a:hover img.hid1 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from col 1*/
#pix a:hover { background: white }
#pix a:hover img.hid2 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from col 1*/
#pix a:hover { background: white }
#pix a:hover img.hid4 { visibility:visible }
/* MouseOut state (default) - for col 2 - hide larger picture */
#pix2 a img.hid1 {
	width: 260px; height:402px;
	position: absolute; top: 10px; left: 320px;
	visibility: hidden; }
/* MouseOut state (default) - for col 2 - hide larger picture */
#pix2 a img.hid2 {
	width: 260px; height:388px;
	position: absolute; top: 10px; left: 320px;
	visibility: hidden; }
/* MouseOut state (default) - for col 2 - hide larger picture */
#pix2 a img.hid3 {
	width: 219px; height:382px;
	position: absolute; top: 10px; left: 320px;
	visibility: hidden; }
/* MouseOut state (default) - for col 2 - hide larger picture */
#pix2 a img.hid5 {
	width: 260px; height:357px;
	position: absolute; top: 10px; left: 320px;
	visibility: hidden; }
/* MouseOver state (hover)- reveal larger picture from col 2 */
#pix2 a:hover { background: white }
#pix2 a:hover img.hid1 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from col 2 */
#pix2 a:hover { background: white }
#pix2 a:hover img.hid2 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from col 2*/
#pix2 a:hover { background: white }
#pix2 a:hover img.hid3 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from col 2 */
#pix2 a:hover { background: white }
#pix2 a:hover img.hid5 { visibility:visible }
/* MouseOut state (default) - hide larger picture from col 3 */
#pix3 a img.hid1 {width: 260px; height:402px; position: absolute; top: 10px; left: 220px;
	visibility: hidden; }
/* MouseOut state (default) - hide larger picture from col 3 */
#pix3 a img.hid2 {width: 260px; height:388px; position: absolute; top: 10px; left: 220px;
	visibility: hidden; }
/* MouseOut state (default) - hide larger picture from col 3 */
#pix3 a img.hid2{width: 219px; height:382px; position: absolute; top: 10px; left: 220px;
	visibility: hidden; }
/* MouseOut state (default) - hide larger picture from col 3 */
#pix3 a img.hid6 {	width: 261px; height:290px;	position: absolute; top: 10px; left: 220px;
	visibility: hidden; }
/* MouseOver state (hover)- reveal larger picture from col 3 */
#pix3 a:hover { background: white }
#pix3 a:hover img.hid1 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from col 3 */
#pix3 a:hover { background: white }
#pix3 a:hover img.hid2 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from col 3 */
#pix3 a:hover { background: white }
#pix3 a:hover img.hid3 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from col 3 */
#pix3 a:hover { background: white }
#pix3 a:hover img.hid6 { visibility:visible }
/* MouseOut state (default) - hide larger picture from col 4 */
#pix4 a img.hid1 {width: 260px; height:402px; position: absolute; top: 10px; left: 120px;
	visibility: hidden; }
/* MouseOut state (default) - hide larger picture from col 4 */
#pix4 a img.hid2 {width: 260px; height:388px; position: absolute; top: 10px; left: 120px;
	visibility: hidden; }
/* MouseOut state (default) - hide larger picture from col 4 */
#pix4 a img.hid2 {width: 260px; height:388px; position: absolute; top: 10px; left: 120px;
	visibility: hidden; }
/* MouseOver state (hover)- reveal larger picture from 4th col */
#pix4 a:hover { background: white }
#pix4 a:hover img.hid1 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from 4th col */
#pix4 a:hover { background: white }
#pix4 a:hover img.hid2 { visibility:visible }
/* MouseOver state (hover)- reveal larger picture from 4th col */
#pix4 a:hover { background: white }
#pix4 a:hover img.hid2 { visibility:visible }