html, body {margin:2px; padding:0px; width:100%; height:100%; }
body {color:#000000; background-color:#ffffff;}
img {border:none;}

@font-face { font-family: centFont; src: url("/misc/century.eot") }
@font-face { font-family: centFont; src: url("/misc/century.ttf") }
@font-face { font-family: gotham; src: url("/misc/GothamBook.eot") }
@font-face { font-family: gotham; src: url("/misc/GothamBook.ttf") }

a {text-decoration:none}
a:link, a:visited {color:#004a2a}
a:hover, a:active, a:focus {color:#f00}

.artWrapper {border-collapse:collapse;border:none;width:98%;max-width:1060px;margin:0 auto;background:#fff;border-bottom:1px solid #666;}
.artWrapper td {border-spacing:1px;border-collapse:separate;padding:0 2px;}
.artTable { border-collapse:collapse;border:1px solid #444;margin:0 8px 2px 0; float:left;box-shadow:4px 4px 3px #999;background-color:#fcf3e6; z-index:1;}
.artTitle { margin:0in; font-size:11.5pt; color:#034; text-align:center; font-family:arial,helvetica;text-shadow:2px 2px 4px #888}
.artTitle img { border:3px outset #66a;margin:2px 0 4px 0; box-shadow:4px 4px 4px #888; }
.compPortrait { width:98px;height:120px;overflow:hidden;display:inline-block;border:3px outset #66a;margin:2px 0 4px 0; box-shadow:4px 4px 4px #888; }
.art { margin:0px; font-size:9.5pt; text-align:justify; font-family:gotham,arial,helvetica; line-height:13.7pt; color:#111; }
.art div { margin:0px 0px 3px 0px; text-indent:2em; }
.artquote { margin:2px 6px 2px 6px; text-align:justify; font-size:9.5pt; font-family:centFont; line-height:13.0pt; padding:1px 3px; color:#222; background:#fbfbf3; border-top:1px solid #ccc; border-bottom:1px solid #ccc;z-index:-1;border-left:10px solid #a06e6b }
.artquote div { margin:0px 0px 2px 0px; text-indent:2em; }
.titleTxt {margin:0px; font-size:18.0pt; font-variant:small-caps; font-weight:bold; color:#007; text-align:center; font-family:Times New Roman;text-shadow:2px 2px 4px #888}
.sigNameTxt {margin:0px; font-size:18.0pt; font-variant:small-caps; font-weight:bold; color:#007; background:#F5F5F5;text-align:center; font-family:Times New Roman;border:1px outset #888;text-shadow:2px 2px 4px #888}

.normal {margin:0px; margin-bottom:4.0pt; font-size:12.0pt; text-align:justify; font-family:Times New Roman;}
.reduced {margin:0px; font-size:10.5pt; text-align:justify; font-family:Times New Roman;}
.smallHeader { margin:0px; font-size:8.0pt; text-align:center; font-family:arial,helvetica; color:#005; font-weight:bold;background-image:url(../images/smallheader.gif);border:1px solid #888;}
.smallList { margin:0px; text-align:left; font-size:7.0pt;font-family:arial,helvetica;vertical-align:top; }
.small {margin:0px; font-size:9.0pt; text-align:justify; font-family:arial,helvetica;}
.smallSub { margin:0px; margin-top:3px;text-align:center; text-decoration:underline; }
.smallID { margin:0px 0px 0px 1em; text-align:left; color:#040 }
.footnote { margin-top:6px; text-align:justify; font-size:7.5pt; font-family:arial narrow,arial,helvetica; color:#040;border-top:solid 1px #040;}
.caption {margin:0px auto;padding:2px 3px 0 3px;text-align:center;text-indent:0;caption-side:bottom;font-weight:bold; font-size:8.0pt; line-height:11.0pt; font-family:gotham,arial,helvetica; color:#444;}
.reference {margin:0px; font-weight:normal; font-size:6.5pt; font-family:Times New Roman; color:#500;}

.imageLeft {border:0px; margin-bottom:2px; float:left; text-align:center; font-weight:bold; font-size:8.0pt; font-family:gotham,arial,helvetica; color:#444;}
.imageRight {border:0; margin-bottom:2px; float:right; text-align:center; font-weight:bold; font-size:8.0pt; font-family:gotham,arial,helvetica; color:#444;}
.imageCenter {border:0; margin:0 auto;margin-bottom:2px; text-align:center; font-weight:bold; font-size:8.0pt; font-family:gotham,arial,helvetica; color:#444;}
.picLeft {border:solid 1px #888; margin:2px 8px 2px 0; float:left; box-shadow:4px 4px 4px #888;}
.picRight {border:solid 1px #888; margin:2px 0 2px 4px; float:right; box-shadow:4px 4px 4px #888;}
.picLeftZoom {border:solid 1px #888; margin:2px 8px 2px 0; float:left; box-shadow:4px 4px 4px #888;position:relative;transition:transform .3s ease-in;-moz-transition:-moz-transform .3s ease-in;-webkit-transition:-webkit-transform .3s ease-in;-ms-transition:-ms-transform .3s ease-in;-o-transition:-o-transform .3s ease-in;}
.picLeftZoom:hover {z-index:999;transform:scale(2.5) translateX(29%);-moz-transform:scale(2.5) translateX(29%);-webkit-transform:scale(2.5) translateX(29%);-ms-transform:scale(2.5) translateX(29%);-o-transform:scale(2.5) translateX(29%); }
.picRightZoom {border:solid 1px #888; margin:2px 0 2px 4px; float:right; box-shadow:4px 4px 4px #888;position:relative;transition:transform .3s ease-in;-moz-transition:-moz-transform .3s ease-in;-webkit-transition:-webkit-transform .3s ease-in;-ms-transition:-ms-transform .3s ease-in;-o-transition:-o-transform .3s ease-in;}
.picRightZoom:hover {z-index:999;transform:scale(2.5) translateX(-29%);-moz-transform:scale(2.5) translateX(-29%);-webkit-transform:scale(2.5) translateX(-29%);-ms-transform:scale(2.5) translateX(-29%);-o-transform:scale(2.5) translateX(-29%); }
.picLeftZoomBot {border:solid 1px #888; margin:2px 8px 2px 0; float:left; box-shadow:4px 4px 4px #888;position:relative;transition:-transform .3s ease-in;-moz-transition:-moz-transform .3s ease-in;-webkit-transition:-webkit-transform .3s ease-in;-ms-transition:-ms-transform .3s ease-in;-o-transition:-o-transform .3s ease-in;}
.picLeftZoomBot:hover {z-index:999;transform:scale(2.5) translate(29%,-31%);-moz-transform:scale(2.5) translate(29%,-31%);-webkit-transform:scale(2.5) translate(29%,-31%);-ms-transform:scale(2.5) translate(29%,-31%);-o-transform:scale(2.5) translate(29%,-31%); }
.picRightZoomBot {border:solid 1px #888; margin:2px 0 2px 4px; float:right; box-shadow:4px 4px 4px #888;position:relative;transition:-transform .3s ease-in;-moz-transition:-moz-transform .3s ease-in;-webkit-transition:-webkit-transform .3s ease-in;-ms-transition:-ms-transform .3s ease-in;-o-transition:-o-transform .3s ease-in;}
.picRightZoomBot:hover {z-index:999;transform:scale(2.5) translate(-29%,-31%);-moz-transform:scale(2.5) translate(-29%,-31%);-webkit-transform:scale(2.5) translate(-29%,-31%);-ms-transform:scale(2.5) translate(-29%,-31%);-o-transform:scale(2.5) translate(-29%,-31%); }
.picFade {border:solid 1px #888; margin:4px; box-shadow:4px 4px 4px #888;transition:opacity 2s, transform .3s ease-in; -moz-transition:opacity .8s, -moz-transform .3s ease-in;-webkit-transition:opacity .8s, -webkit-transform .3s ease-in;-ms-transition:opacity .8s, -ms-transform .3s ease-in;-o-transition:opacity .8s, -o-transform .3s ease-in;}
.picFade:hover {z-index:999;transform:scale(2.5) translateX(-29%);-moz-transform:scale(2.5) translateX(-29%);-webkit-transform:scale(2.5) translateX(-29%);-ms-transform:scale(2.5) translateX(-29%);-o-transform:scale(2.5) translateX(-29%); }
.picFadeAlt {border:solid 1px #888; margin:4px; box-shadow:4px 4px 4px #888;transition:opacity 2s; -moz-transition:opacity .8s;-webkit-transition:opacity .8s;-ms-transition:opacity .8s;-o-transition:opacity .8s;}
.listDiv {overflow:hidden;max-height:0px;-webkit-transition: max-height .6s ease-in-out;-moz-transition: max-height .6s ease-in-out;-ms-transition: max-height .6s ease-in-out;-o-transition: max-height .6s ease-in-out;transition: max-height .6s ease-in-out;}
.social img { margin:0px 12px 0px 12px; border:1px solid #fff; }
.social img:hover, img:focus { border:1px solid #a00;background:#444; }