body { color: #edecd4; font: normal 11px arial, times news roman, verdana; text-align: center; background-color: #53524c; }
* { margin: 0px; padding: 0px; }
#body { position: absolute; top: 50%; left: 50%; margin-top: -283px; margin-left: -400px; width: 800px; height: 566px; text-align: left; }
#info { position: absolute; }
#gallery-image { float: left; width: 514px; }
#gallery-image img { margin: 5px; border: 1px solid #333333; padding: 3px; background: url('../images/text.png'); }
#gallery-slider { margin: 10px 0px 0px 10px; float: right; width: 226px; height: 478px; text-align: right; }
#gallery-preload { background: url('../images/text.png'); border: 1px solid #333333; padding: 10px; width: 400px; height: 38px; top: 50%; left: 50%; position: absolute; margin-top: -19px; margin-left: -200px; }
#gallery-progress { border: 1px solid #333333; padding: 1px; margin-top: 7px; overflow: hidden; }
#gallery-bar { font-size: 0px; height: 10px; line-height: 1px; background-color: #444444; width: 0%; }
#thumbs { list-style: none; }
#thumbs li { float: left; margin: 5px; list-style: none; }
#thumbs li a { display: block; padding: 3px; border: 1px solid #333333; background: url('../images/thumb.png'); }
#thumbs li a.activeSlide { border-color: #333333; background: url('../images/text.png'); }
#thumbs img { border: 0px; display: block; }
#content { border: 3px solid #878681; background-color: #494949; height: 500px; overflow: hidden; }
#content p { margin-top: 10px; line-height: 16px; font-size: 11px; text-align: justify; }
#content h1 { font-size: 18px; font-weight: normal; }
#content span.grey { color: #959387; }
#content span.red, #content span.red a { color: #bd4444; }
#content span.green, #content span.green a { color: #89db76; }
#note, #help, #content-col-column { padding: 10px; margin: 15px; background: url('../images/text.png'); border: 1px solid #333333; width: 514px; }
#content-col-scroll { width: 517px; height: 450px; }
#footer { margin-top: 7px; }
#footer div , #footer a { color: #b5b096; text-decoration: none; }
#footer a:hover { color: #edecd4; text-decoration: underline; }
#menu { margin-top: 3px; }
#menu li { margin-left: 1px; list-style: none; display: inline; }
#menu li a { border-bottom: 1px solid #53524c; float: right; position: relative; margin-left: 2px; font-size: 13px; text-decoration: none; background: #6a6962 url('../images/menu_corner_right.gif') no-repeat top right; }
#menu li a:hover, #menu li.active a { color: #eeeeee; background: #5c5b54 url('../images/menu_corner_right_hover.gif') no-repeat top right; }
#menu li a span { float: right; display: inline; padding: 8px 12px 5px 12px; background: url('../images/menu_corner_left.gif') no-repeat top left; cursor: pointer; }
#menu li a span:hover, #menu li.active a span { background: url('../images/menu_corner_left_hover.gif') no-repeat top left; }
div.left-aligned { float: left; }
div.right-aligned { float: right; }
a { color: #edecd4; text-decoration: none; }
a:hover { color: #c7c2aa; text-decoration: underline; }
form div { margin: 10px 0px 2px 0px; }
input, textarea { border: 1px solid #444444; background: url('../images/text.png'); font: normal 11px arial, times news roman, verdana; color: #edecd4; padding: 2px; }
input.button { background: url('../images/thumb.png'); }
input.form-error, textarea.form-error { border-color: #bd4444; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background-color: #333333; opacity: 0.9; filter: alpha(opacity=90); }
.jScrollPaneDrag { position: absolute; background: #444444 url('../images/scroll_track.gif') repeat-x center center; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: #666666 url('../images/scroll_arrow_up.gif') repeat-x; height: 9px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background: #333333 url('../images/scroll_arrow_down.gif') repeat-x; height: 9px; }