/* layout */
#page { margin: auto; width: 780px; }
#content { padding: 12px; }
#banner div { margin: 51px 0px 0px 71px; }
#footer { padding: 10px 0px 20px; }

/* backgrounds */
body { background: black; }
#banner { background: url('banner.jpg') top left repeat-y; }

/* menu */
#menu { line-height: 180%; font-size: 14px; }
#menu li { width: 105px; }
#menu li li { width: 150px; }
#menu ul ul { background: #634f2c; }
#menu a { color: #c5b083; text-decoration: none; font-weight: bold; }
#menu a:hover { color: yellow; }

/* misc */
#content { line-height: 180%; }
#footer { color: #c5b083; font-size: 85%; text-align: center; vertical-align: middle; }
.caption { color: #c8b37e; }

/* html styles */
body {
  font-family: "Comic Sans MS", Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 14px; color: white;
}
a { text-decoration: underline; font-weight: normal; color: white; }
a:hover { color: yellow; }
td, th { padding: 0px; }
#content td, #content th { padding: 5px; }
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: white; }