@CHARSET "UTF-8"; * {margin: 0px; padding: 0px}
 html {font-size: 100.01%; height: 100%}
body {font-family: trebuchet ms; font-size: 14px; text-align : center; height: 100%; background-color: #666; text-align: center}
a, a:visited {text-decoration: none; color: #666}
p {margin: 16px 0px}
.centeredContent {position: relative; margin: 0px auto; width: 800px; text-align: left; min-height: 100%; background-color: white; border-left: 2px solid #aaa; border-right: 2px solid #aaa; pading-left: 3px}
.paddedContent {padding: 10px}
.title {font-family: Arial, Helvetica, sans-serif; font-size: 72px; background-color: #6FB6E4; color: white; text-align: center; padding-top: 20px; height: 100px}
.indented {padding-left: 60px; padding-right: 60px}
#darkenBackground {background-color: rgb(0, 0, 0); opacity: 0.4;  -moz-opacity: 0.40;  filter: alpha(opacity = 40);  z-index: 20; height: 100%; width: 100%; background-repeat: repeat; position: fixed; top: 0px; left: 0px}
#loading {z-index: 100; position: absolute; top: 40%; left: 40%; font-size: 1.5em}
.footer {bottom: 0pt !important; position: absolute; width: 100%; padding-bottom: 10px}
.clickable {cursor: pointer}
.clientLogo {border: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding-left: 5px; padding-top: 5px}
td.addInfo a {padding-right: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
td.addInfo a:hover {background-color: #666; color: white}
.chessPiece {margin-left: 20px; margin-right: 20px; padding: 5px 5px 0px 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px}
#photo {z-index: 51;  width: 100%; background-repeat: repeat; position: absolute;  left: 0px}
#lightbox {position:relative;top: 1%}
#outerImageContainer {background-color: white; width: 250px; height: 250px; margin: 0 auto; position: relative}
#imageContainer {padding-top: 10px; text-align: center}
#imageloading {position: absolute; top: 40%; left: 47.5%}
#imageDataContainer {font-family: Verdana, Helvetica, sans-serif; background-color: white; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%}
#imageData {padding: 0 10px; color: #666}
#imageData #imageDetails {width: 80%; float: left; text-align: left; color: #004460; font-family:'Lucida Grande',Geneva,Verdana,Arial,sans-serif; font-weight: bold}
#imageData #imageCaption {font-weight: bold}
#hoverNav {position: absolute; left: 0px; top: 20px; width: 250px}
#hoverNav a{ outline: none}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);  display: block; color: transparent}
#prevLink {left: 0; float: left; text-align: left}
#nextLink {right: 0; float: right; text-align: right}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat}