/* CSS Document */


  <style>
#container {
margin: 0 auto;
width: 700px;
}


#thumbcontainer {
width: auto; margin: 2em auto;
border: 3px; solid black;
/*background: blue;*/ /* temporary background */
position: absolute;
left: 40px;

}

div.blankthumbcontainer /*Used as a stopper to prevent a weird error where the data would overflow out of the last member thumbcontainer*/
{ margin: 6 4 6 4; height: auto; float: left; width: 250px; background: #000000;}	  
div.thumbcontainer {
	margin: 6 4 6 4; /*top right bottom centre*/
	/*border: 1px solid #A0ACC0;*/
	height: auto;
	float: left;
	width: 250px;
	color: #000000;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	outline-color: #000000;
	border: thin groove #000000;
	
	/*text-align: center;*/
	}	
.thumb img{
	display: inline;
	margin: 5px 0 0 0;
	border: 1px solid #CCCCCC;
	}
.thumb a:hover img {border: 1px solid black;}
/*.photocattitle {text-align: center; font-weight: bold;} */
/*.phototitle {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 0 3px 3px 3px;
  }*/
dl {
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px/*from the top*/ 4px/*from the right*/ 5px/*from the bottom*/ 4px/*from the left*/;
}
dt {
font-weight: bold;
width: 0; float: left;
/*width: 120px;*/
}
dd {
/*border: 1px solid;*/
margin: 3px/*from the top*/ 2px/*from the right*/ 5px/*from the bottom*/ 55px/*from the left*/;
/*padding: 5px;*/
} 

</style>