*{ margin:0; padding:0; }

h1{
	margin:1em 0; padding:.5em 0 .2em 0;
	font:normal 280%/100% "times new roman", times, georgia, serif;
	border-bottom:2px solid #000;
}
.textRight{
	text-align:right;
}

.gallery{
	margin:0; padding:0;
	overflow:hidden; /* Clears the floats */
	width:595px; /* IE and older Opera fix for clearing, they need a dimension */
	list-style:none;
}
.gallery li{
	float:left;
	display:inline; /* For IE so it doesn't double the 1% left margin */
	width:33%;
	height:140px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
	position:relative; /* This is the key */
/* 	border: 1px solid black; */
	padding: 0px;
	text-align: center;
	padding-top: 10px;
}
/*
.gallery a 
	display:block;
	width:100%;
}
*/
.gallery a img{ border:none;
	border:1px solid #ffffff; } /* A small fix */

.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active{
	background:#ffffff;
	width:135px;
	/* height:85px; */
	border:1px solid #ffffff; /* We blend the border with the bg, as if it isn't there */
	/* position it so that image's top left corner is in the center of the list item */
}
.gallery a:hover{
}

/* These are all optional, for decoration purpouses only */
.gallery{
	/*
	padding-bottom:10px;
	margin-top:10px;
	*/
}