/* images.css */ 
img.inline { vertical-align: middle; border-style: solid; border-width: 1px; border-color: black; margin: 10px 5px 10px 5px; } 
.imgright   { float: right; margin: 10px 0px 5px 20px; }
.imgleft    { float: left;  margin: 10px 20px 5px 0px; }
.imgnofloat { margin: 0px auto 0px auto; border: none; }
.imgleft p, .imgright p, .imgnofloat p { margin: 0px; padding: 3px 0 3px 0; color: black; } 
.imgleft p, .imgnofloat p { text-align: left; }
.imgright p { text-align: right; }
img.imgleft, img.imgright { padding: 10px; border: none; }
img.imgleft  { float: left;  }
img.imgright { float: right; }
.imagecaption { text-align: left;  line-height: 1.1em; }
.imagecredit  { text-align: right; color: gray; } 
div.imagecredit { text-align: right; color: gray; }
p.caption { text-align: left; line-height: 1.1em; margin: 5px 0 0 0; color: #777777; }