/* common styles for photo section */
 
 body {
  background: #333399; 
  color: #f0f0f0
 }	

 a:link { 
  color: #a0ebff
 }

 a:visited { 
  color: #60bbd0 
 }
 
 a:active { 
  color: black 
 }

 h1 {
  text-align: center; 
  font-size: 150%
 }

 h2 {
  text-align: center; 
  font-size: 130%
 }

 p {
  text-align:justify;
  text-indent:20.0pt;
  margin-left:50.0pt;
  margin-right:50.0pt;
 }

 p.center {
  text-align:center;
 }

 hr {
 	width: 98%;
 }

 hr.narrow {
 	width: 10%;
 }

 table.pht1 {
/*  align: top; non-existing property */
  float: left;
  margin-left:50.0pt;
 }

 table.pht2 {
  width: 45%;
/*  align: center;  non-existing property */
  float: none;
  margin-left: auto;
  margin-right: auto;
 }


 img {
  border-color: white;
 }

 img.cp {
  text-align: center; 
  border-color: red;
/*  align: center;
  align: middle;  non-existing properties */
  float: none;
  margin-left: auto;
  margin-right: auto;
 }

 /* photo styles */
 div.imgSet { /* centered image set box */
   width: 80%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
 }

 div.ci {  /* centered image box in a list */
   text-align: center;
   float: left;
   border-color: green;
   text-indent: 0px;
 }

 img.tn {  /* thumbnail image box */
    border-width: 1px;
	border-color: white;
    margin-bottom: 1em;
 }

 div.flex {  /* centered flex image box */
   width: 60%;
   height: auto;
   text-align: center;
   border-color: magenta;
   margin-left: auto;
   margin-right: auto;
 }

 img.flex {  /* flexible size image  */
   width: 100%;
   height: auto;
   text-align: center;
   border: 1px solid white;
 }

 img.tn {  /* thumbnail image */
    border-width: 1px;
	border: solid white;
	margin: 0;
 }

 div.pager { /* centered image set box */
   width: 40%;
   text-align: center;
   border-color: yellow;
   margin-left: auto;
   margin-right: auto;
   float: none;
   clear: both;
 }
 div.pagerCell {
   text-align: center;
   float: left;
   width: 33%;
   min-width: 41px;
 }
 img.pagerArrow {
	margin: 0 5px 0 5px;
	width: 30px;
	height: 30px;
	border-width: 0;
 }

 p.capt {
  width: 80%;
  text-align:center;
  text-indent: 0;
  margin-top: 0.2em;
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
  /*font-size: 90%;*/
 }

 p.placedate {
  text-align:center;
  text-indent: 0;
  font: 80% sans-serif;
 }

/* Debug

 * {
   margin: 0;
   padding: 0;
   border: 1px solid red;
 }
*/