html, body, table#page, td#content { height: 100%; }
body { background-color: black; color: white; font-family: verdana, arial, sans-serif; margin: 0px; font-size: 11pt; }
table#page { width: 100%; table-layout: fixed; }
td#tl { background: url(tl.png) bottom right no-repeat; }
td#tr { background: url(tr.png) bottom left no-repeat; }
td#bl { background: url(bl.png) top right no-repeat; }
td#br { background: url(br.png) top left no-repeat; }
td#tl, td#tr, td#menu { border-bottom: 2px solid #eeeeee; }
td#tr, td#br, td#content { border-left: 2px solid #eeeeee; padding: 0px 35px; }
td#tl { width: 30px; }
td#tr { font-size: 20pt; font-weight: bold; color: #eeeeee; width: 350px; }
td#br { font-size: 13pt; color: #cccccc; padding-bottom: 20px; padding-left: 38px; }
td#content { padding-left: 38px; vertical-align: top; text-align: center; }
td#menu { text-align: right; font-size: 11pt; padding-right: 30px; color: #808080; }
a { color: white; text-decoration: none; }
a.menuSel { color: #ccccff; }

table#top { width: 100%; border-collapse: collapse; table-layout: fixed; }
td#thumbarea, td.scroll { background-color: #333333; border: 1px solid #808080; padding: 0px; }
td.scroll { width: 20px; font-size: 14pt; cursor: pointer; color: #808080; }
td.scroll:hover { color: #cccccc; }
div#thumbctr { height: 124px; overflow: hidden; text-align: center; width: 100%; }
div#thumbnails { padding: 10px; white-space: nowrap; }
img.thumb { border: 1px solid #666666; margin-right: 5px; cursor: pointer; }
img.thumbSel { border: 1px solid #cccccc; margin-right: 5px; cursor: pointer; }

table#bottom { margin: auto; table-layout: fixed; }
td#imagearea { width: 650px; }
td.sidebar { width: 80px; vertical-align: top; padding-top: 150px; }
div.button { font-size: 12pt; cursor: pointer; color: #cccccc; }
span.symbol, span.toggle { font-size: 16pt; color: #808080; }
div.button:hover span.symbol { color: #cccccc; }
span.toggleSel { font-size: 16pt; color: #cccccc; }

div#text { text-align: left; }
div#photo { float: right; margin-left: 10px; }