* {margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 12px}
body {margin: 10px auto; width: 950px; background-color: #372315; text-align: center}

/* Wrapper Table for page layout */
table#wrap {margin: 0 auto; text-align: left; vertical-align: top; background-color: #E7E4B9}
td.wrapper {vertical-align: top; border: 1px black solid}

/* Top left logo */
a#logo {margin: 0 auto; width: 177px; padding: 10px 0; float: left; text-align: center; 
  border: 0; border-bottom: 1px black solid; color: #CF9; background-color: #794933}
a#logo img {border: 0}
a#logo:hover {background-color: #996943}

/* Header at top center */
div#header {margin: 0 auto; padding: 5px;
  border: 0; border-bottom: 1px black solid; background-color: #E7E4B9}
#header td * {color: black; font-size: 8pt !important}
#header table {border: 0}
#header table td {padding: 0px 25px 0px 0px}

/* Links between Recent/Upcoming and Content */
div#toplinks {height: 21px; background-color: #372315; border: 0}
a.toplink {width: 148px; height: 16px; padding-top: 2px; text-align: center; float: left;
  background-color: #794933; color: #CF9; text-decoration: none; font-size: 10px; font-weight: bold; 
  border: 1px black solid; border-left: 0; border-right: 2px black solid}
a.toplink:hover {background-color: #996943}

/* Content pane */
div#content {width: 720px; padding: 10px; text-align: left; clear: both; 
  line-height: 150%; border: 0; background-color: #E7E4B9}
#content td {padding: 0px 40px 4px 0px}

/* Photo Gallery */
iframe {margin: 0 auto; padding: 0; text-align: center}

/* Common styles */
div.hr {background-color: black; height: 1px; border: 0}
table {border-collapse: collapse; border: 0}
td.center {text-align: center}
p.title, td.title {font-size: large; font-weight: bold}
pre, pre2, pre2 a {font-family: 'courier new', monospace; white-space: pre; text-align: left; font-size: small}
h1 {font-size: 12pt; font-weight: bold}
h2 {font-size: 10pt; font-weight: normal}
h3 {font-size: 9pt; font-weight: normal}
ul {margin-left: 13px}
ol {list-style-type: decimal; margin-left: 23px}
li ol {list-style-type: lower-alpha}
li ol li ol {list-style-type: lower-roman}

/* Links on left side */
/* 433022 background CF9 text for header, E7E4B9 background, 433022 text for links */
div#leftlinks {width: 177px; float: left; height: 500px; 
  border: 0; z-index: 25}
#TJK_DL {text-align: center; font-weight: bold}
#TJK_DL a {font-size: 10px}
#TJK_DL dd,#TJK_DL dt {margin:0; padding:0} 
#TJK_DL dt {width: 177px; padding: 4px 0 5px 0; background-color: #433022; border-bottom: 1px black solid}
#TJK_DL dt a {color:#CF9; text-decoration:none}
#TJK_DL dd {width: 177px; background-color: #E7E4B9; line-height: 150%}
#TJK_DL dd a {color: #433022; text-decoration: none}
#TJK_DL dd a:hover {text-decoration: underline}
#TJK_DL dt:hover, #TJK_DL dt.sfhover {background-color: #996943}
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
div.hr {color: black; background-color: black; height: 1px}

/* Game viewer */
table#page {margin: 0 auto}
table#page td {padding: 0 15px}
table#board {background-color: #433022; border: 3px #433022 solid; border-collapse: collapse; text-align: center}
table#board td {padding: 0; font-size: 10px; font-family: tahoma, sans-serif; color: #CF9}
table#board img {padding: 0; margin: 0; border: 1px black solid}
table#buttons {margin: 10px auto; text-align: center}
table#buttons td {padding: 0; text-align: center}

/* Game search results table */
table#games {margin: 0; border-collapse: collapse; width: 720px}
#games td, #games td * {padding: 3px; font-size: 8pt; vertical-align: middle}

p#title {text-align: center}
p.notation {font-size: small; font-weight: bold; text-align: justify}
p.comment {font-size: small; text-align: justify}
#articles td {padding: 2px 10px}