/* colors
    header bck: #383546;
    content bck: black;
    text: #b4b0b9;
    text hi: white;
*/

body { border: 0; margin: 0; text-align: center; 
       background: black; color: #b4b0b9; font-size: 9pt; }
body * { text-align: center; margin: 0; padding: 0; color: #b4b0b9; }
body * { font-family: "Trebuchet MS", sans-serif; font-size: 1em; }
h1 { margin: 1em 1em 1.4em 1em; font-size: 1.6em; color: white; }
img { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: 0; }
a.selected { color: white; }
a:hover { color: white; }
.hidden { display: none; }

div#header { background: #383546 url(header-bck.gif) top left repeat-x; 
             height: 102px; position: relative; }
div#menu { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 1.2em; 
           padding: 0.2em 0; }
div#menu a { margin: 0 0.7em; }
div#group { font-size: 1.1em; padding: 0.4em 0; }
div#group a { margin: 0 0.7em; }
div#footer { font-size: 0.8em; }
div#photo { position: relative; }

div#content { min-height: 410px; _height: 410px; min-width: 740px; _width: 740px; 
              margin: 2em 0; position: relative; }
div#content #photo { position: relative; width: 630px; height: 410px; margin: 0 auto; }
div#content #photo .more { position: absolute; top: 0; right: -20px; width: 16px; }
div#content #photo .prev { position: absolute; bottom: 0; left: -20px; }
div#content #photo .next { position: absolute; bottom: 0; right: -20px; }
div#content #photo div.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.9; background: #383546; }
div#content #photo div.info { position: absolute; text-align: left; color: white; padding: 1em; top: 0; left: 0; }

div#content #photo table { border-collapse: collapse; border-spacing: 0; }
div#content #photo td { color: white; padding: 0.2em 0.5em; border: 1px dotted #b4b0b9; min-width: 100px; _width: 100px; }
div#content #photo td:first-child { text-align: left; }

div#content div.photos { width: 633px; margin: 0 auto; }
div#content div.photos div.thumb { float: left; margin: 3px; width: 120px; height: 90px; overflow: hidden; }

div#nav { display: none; position: absolute; top: 0; right: 2em; width: 120px; _right: -120px; }
div#navnrs { margin: 0 0 0.6em; }
div#navnrs a { display: block; float: left; width: 23px; margin: 0; padding: 0; }
div#navnrs a.selected { text-decoration: underline; }
div#nav img { vertical-align: middle; width: 120px; }

div#content div.description { width: 630px; margin: 0 auto; }
div#content h1 { margin: 1em 1em 1.4em 1em; font-size: 1.6em; color: white; }
div#content p { margin: 1em 0; text-align: justify; color: #b4b0b9; line-height: 1.6em; }
div#content p a { color: white; }
div#content p a:hover { text-decoration: underline; }

*:first-child+html div#content #photo div.overlay { background: transparent url('/style/overlay.png') top left repeat; }