#pgal { /* the photo gallery division (holds the 12 thumbnails) */
	width:540px; 
  height:auto; 
  overflow:hidden; 
	border:0px;
  margin: auto;
  }
 /* 
#pgal a { border: 2px solid black ;text-decoration:none; margin:3px;padding: 0px;}
#pgal a:visited { border: 2px solid #000028; text-decoration:none; margin:3px;padding: 0px;}
#pgal a:hover { border:2px solid yellow; text-decoration:none; margin:3px;padding: 0px;}
*/
#pdcontent { /* content on the photo display page*/
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
  border: 0;
	z-index: 5;
	text-align: center;
	}
  
.tn {  /* thumbnail divs on the gallery pages */
	display: block; 
  float: left; 
	padding: 2px 0 4px 0;
  width: 131px; 
  margin: 2px 0 4px 0;
  text-align: center;
  }
  
.tn img {
	width: 85%;
	margin: 3px;
	padding: 0;
  }
.tn a:link { border: 2px solid black ;text-decoration:none; margin:3px;padding: 0px;}
.tn a:visited { border: 2px solid #000028; text-decoration:none; margin:3px;padding: 0px;}
.tn a:hover { border:2px solid yellow; text-decoration:none; margin:3px;padding: 0px;}
 
.break { /* this breaks up each set of 4 irregular height tn's */
	width:630px; 
  height:1px; 
  overflow:hidden; 
	border:0px;
  padding:0px;
  margin: auto;
  clear: both;
 }
 
.breaktn { /* this breaks up the thumbnail divisions so the text is centered below the tn. */
	width:100px; 
  height:1px; 
  overflow:hidden;
  padding:0; 
	border:0;
  margin:0;
  clear: both;
 }
.realsmall {
	font-size: 75%;
	}