body {background: white; font-family: helvetica, arial, sans-serif; }
h3 {text-align: center; }
h4 {text-align: center; }
table {margin-left: 10px; margin-right: 10px; margin-top: 20px; margin-bottom: 20px;   text-align: center; width: 800px; border: 0px; table-layout: fixed; }
th {background: #CCCCCC; margin-top: 40px; }
th.credits { color: white; }
tr { /*margin-left: 20px; margin-right: 20px;*/ }
td { vertical-align: bottom; text-align: center;  font-size: 12px;  color: #555555; padding-top: 10px; padding-bottom: 10px; }
td.thin {vertical-align: top; text-align: center;  font-size: 12px; color: #555555; padding-top: 5px; padding-bottom: 5px; }
.centred { text-align: center;}

div.content {width: 750px; /*text-align: center; */margin-left: auto; margin-right: auto;}

div.bannerbar {width: 720px; background-color: #CCCCCC; min-height: 20px; text-align: center; color: white; font-weight: bold; margin: 10px 0;}

div.thumbnail {float: left; width: 150px; /*border: 1px solid #999; */margin: 10px; padding: 0; text-align: center;}
div.threeinline {width: 210px;}
div.twoinline {width: 320px;}
div.oneinline {width: 660px;}
div.doublewidth {width: 320px;}
div.treblewidth {width: 495px;}
div.quadruplewidth {width: 660px;}
div.thumbnail img {max-height: 100px;}
div.caption {text-align: center; font-size: small;}
div.largethumbnail {margin: 20px; padding: 0; text-align: center;}
div.largethumbnail img {max-height: 200px;}

.clearboth { clear: both; }

img {padding: 5px; border: 2px solid;}

div.photobox {width: 700px; text-align: center; }
img.fullsize {max-height: 600px; max-width: 700px; margin-left: auto; margin-right: auto; }
div.fullsizecaption {width: 720px; margin-left: auto; margin-right: auto; text-align: center;}
div.navigation {padding: 20px;}
div.navprevious {float: left;}
div.navbacktoindex {width: 100px; margin-left: auto; margin-right: auto; text-align: center;}
div.navnext {float: right;}

img.footer {padding: 0; border: 0; height: 15px; margin: 2px 0 0 10px;}