html
  {
    height: 100%;
  }

body
  {
    position: relative;
    min-height: 100%;
    font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFD585;
    color: #666666;
  }

* html body
  {
    height: 100%;
  }

div#wrap
  {
    min-height: 100%;
  }

* html div#wrap
  {
    height: 100%;
  }

div#wlrlp
  {
    float: right;
    margin: 10px;
  }

div#topnav
  {
    margin: 20px;
  }

ul#topnav li
  {
    display: inline;
    margin-right: 20px;
  }

ul#topnav li a
  {
    font-size: 1.2em;
    font-weight: bold;
    color: #E59100;
  }

ul#topnav li a strong
  {
    color: #AC4650;
  }

div#subnav
  {
    display: inline;
    width: 194px;
    margin: 0px 20px;
    float: left;
  }

ul#subnav li
  {
    margin-bottom: 0.6em;
  }

ul#subnav li a
  {
    font-size: 0.9em;
    font-weight: bold;
    color: #E59100;
  }

ul#subnav li a strong
  {
    color: #AC4650;
  }

div#main
  {
    background: url(../g/glasrand.gif) left 80px no-repeat;
  }

div#contents
  {
    background: url(../g/bow.gif) right top no-repeat #FFEAC2;
    margin: 0px 100px 0px 234px;
    padding: 40px 0px 1em;
    min-height: 100%;
  }

div#contents a
  {
    font-weight: bold;
    color: #AC4650;
    text-decoration: underline;
  }

div#contents h2,h3,h4
  {
    margin: 0 40px 1em;
    font-size: 1.3em;
    font-weight: bold;
    color: #808080;
  }

div#contents h3
  {
    font-size: 1.1em;
    color: #E59100;
    margin-bottom: 1.2em;
  }

div#contents h4
  {
    font-size: 1.0em;
  }

div#contents p
  {
    margin: 0 40px 1.4em;
  }

div#contents p.error
  {
    font-weight: bold;
    color: #CC0000;
  }

div#contents p img
  {
    float: left;
    margin-right: 1.4em;
  }

div#contents p img.block
  {
    display: block;
    float: none;
    margin-bottom: 1em;
  }

div#contents div.imgtext
  {
    float: left;
    margin: 0 40px 1.4em 0;
  }

div#contents ul
  {
    margin: 0 40px 1.4em;
    padding-left: 20px;
    list-style-type: disc;
  }

div#contents ul li
  {
    display: list-item;
    margin-bottom: 0.5em;
  }

div#contents table
  {
    margin: 0 40px 1.4em;
  }

div#contents table td
  {
    padding: 0 20px 0.7em 0px;
    font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
  }

div#footer
  {
    margin: 0.5em 100px 1em 234px;
    font-size: 0.8em;
    color: #E59100;
  }

div#footer a
  {
    color: #AC4650;
    text-decoration: underline;
  }

div#sidebar
  {
    float: right;
  }

div#sidebar div.img
  {
    margin: 0 40px 20px 20px;
    font-size: 0.8em;
    color: #333333;
  }

div#sidebar div.img div.sub
  {
    background: #FFD585;
  }

div#sidebar div.img div.sub div
  {
    padding: 5px;
  }

div#sidebar div.box
  {
    background: #FFD585;
    width: 180px;
    margin: 0px 40px 20px 20px;
    font-size: 0.8em;
    color: #333333;
  }

div#sidebar div.box h4
  {
    background: url(../g/boxbow.gif) right top no-repeat #AC4650;
    margin: 0;
    padding: 2px 10px;
    font-size: 1em;
    font-weight: bold;
    color: #FFEAC2;
  }

div#sidebar div.box h5
  {
    padding: 10px 10px 0px;
    font-weight: bold;
    color: #666666;
  }

div#sidebar div.box p
  {
    background: #FFD585;
    margin: 0;
    padding: 0px 10px 10px;
  }

input.text, select, textarea
  {
    border: 0;
    background: #FFFAF0;
    border-left: 1px solid #E59100;
    border-bottom: 1px solid #E59100;
    padding: 2px 5px;
  }

input.button
  {
    background: #AC4650;
    border: 1px solid #FFFAF0;
    padding: 2px 10px;
    color: #FFFAF0;
    cursor: pointer;
  }

img.r
  {
    float: right;
    margin-left: 10px;
    margin-right: 40px;
    margin-bottom: 10px;
  }

img.l
  {
    float: left;
    margin-left: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
  }

div#contents div.gallery
  {
    margin: 0 40px 1.4em;
  }

div#contents div.gallery p.thumb
  {
    margin: 0 10px 10px 0;
    border: 1px solid #FFD585;
    float: left;
    width: 140px;
    height: 140px;
    text-align: center;
    vertical-align: center;
  }

* html div#contents div.gallery p.thumb
  {
    width: 142px;
    height: 142px;
  }

div#contents div.gallery p.thumb img
  {
    margin: 10px;
  }

div#contents div.gallery p.zoom
  {
    margin: 0;
  }

div#contents div.gallery p.zoom img
  {
    margin: 0;
  }