SEE_USAGE_in_csv_file_Click_Here
{
/*
Brief usage description:
--- Make an auto-thumbnail as usual ---
 	 <div class="img_gallery">
		--- NORMAL AUTO_THUMB HERE ----
   		<div class="desc">Caption 1
   		</div>	
	</div>
---DONE ---	

Or, in more detail, usage:
<div class="img_gallery">
  	<a href="pix_big.htm" target="_blank" >
 	<img src="pix_small.jpg" alt="" width="300" height="" title="Click for larger image" /></a>
 		<div class="desc">Caption 1
 		</div>
</div>
*/


/* note any object (pix, table, etc) must have style "clear:both;" or will jam up against the last photo since "display:inline" has been set. 
  or simply follow the gallery of pictures with this:
  <div style="clear:both;"></div>
*/
}



div.img_gallery_float_left
{
  margin: 12px; /* controls space between adjacent borders */
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	

div.img_gallery_float_right
{
  margin: 12px; /* controls space between adjacent borders */
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: right;
  text-align: center;
}	

div.img_gallery_float_left img
{
  display: inline;
  margin: 4px;  /* controls interior white space between img and borders */
/*  margin-top: 12px; */
  border: 1px solid #ffffff;
}

div.img_gallery_float_right img
{
  display: inline;
  margin: 4px;  /* controls interior white space between img and borders */
/*  margin-top: 12px; */
  border: 1px solid #ffffff;
}

div.img_gallery_float_left a:hover img 
{	border: 1px solid #0000ff;
}
div.img_gallery_float_right a:hover img 
{	border: 1px solid #0000ff;
}


div.caption
{
  text-align: center;
  font-weight: normal;
  /* width: 120px; */
  margin: 2px;
}