/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common browsers */
:link,:visited { text-decoration:none; color: inherit; }
ul,ol { list-style:none; }
li { display: block;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal; }


html
  {
    height: 100%;
  }

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

* html body
  {
    height: 100%;
  }

div#wrap1
  {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 760px;
    height: 100%;
    margin-left: -380px;
  }

div#wrap2
  {
    position: relative;
    min-height: 100%;
    background: #F8F8F8;
  }

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

#header
  {
    height: 75px;
    background: url(../g/galleryfade.gif) 112px 5px no-repeat;
  }

#header h1
  {
    height: 75px;
    background: url(../g/toplogo.gif) 485px center no-repeat;
    text-indent: -999999px;
  }

#jump
  {
    display: none;
  }

#nav
  {
    height: 34px;
    background: url(../g/nav_back.gif) left top no-repeat;
  }

#nav ul
  {
    margin-left: 145px;
  }

#nav li
  {
    display: inline;
    float: left;
  }

#nav li strong
  {
    display: block;
    background: url(../g/nav_left.gif) left top no-repeat;
  }

#nav li strong span
  {
    display: block;
    background: url(../g/nav_right.gif) right top no-repeat;
  }

#nav li a
  {
    display: block;
    height: 34px;
    padding: 0 25px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 34px;
    color: #666666;
  }

* html #nav li a
  {
    display: inline;
  }

#nav li strong a
  {
    margin: 0 15px;
    padding: 0 10px;
    background: url(../g/nav_active.gif) left top repeat-x;
    color: #D80000;
  }

#nav li a:hover
  {
    color: #D80000;
  }

#content
  {
    margin: 40px 0 0;
    padding-bottom: 20px;
    border-bottom: 10px solid #E50000;
  }

#content a
  {
    font-weight: bold;
    color: #E50000;
  }

#content p,
#content ul,
#content ol,
#content table,
#content form
  {
    margin: 0 112px 1em;
  }

#content * p,
#content * table
  {
    margin: 0;
  }

#content h2
  {
    margin: 1.5em 112px 0.8em;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    color: #E50000;
  }

#content h3
  {
    margin: 1em 112px 0.8em;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #E50000;
  }

#content div.reflist
  {
    margin: 1em 107px 0.8em 112px;
  }

#content div.reflist div.ref
  {
    position: relative;
    display: inline;
    float: left;
  }

#content div.reflist div.ref div.screen
  {
    width: 128px;
    background: #CCCCCC;
    padding: 1px;
    margin: 0 5px 5px 0;
  }

#content div.reflist div.ref:hover div.screen,
* html #content div.reflist div.hover div.screen
  {
    background: #E50000;
  }

#content div.reflist div.ref div.reftxt
  {
    display: none;
    position: absolute;
    left: 0;
    top: -3.2em;
    margin-top: -19px;
    padding: 0 0 30px 15px;
    background: url(../g/balloon.gif) left bottom no-repeat;
  }

#content div.reflist div.ref:hover div.reftxt,
* html #content div.reflist div.hover div.reftxt
  {
    display: block;
  }

#content div.reflist div.ref div.reftxt p
  {
    margin: 0;
    border: 2px solid #B8AE76;
    background: #FFFFFF;
    padding: 0.5em 1em;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 150%;
    color: #000000;
    white-space: nowrap;
  }

#content div.reflist div.ref div.reftxt p a
  {
    font-weight: normal;
    color: #E50000;
  }

#content a
  {
    color: #E50000;
  }

#content p.error
  {
    color: #FF9999;
  }

#content table
  {
    font-size: 100%;
  }

#content td
  {
    padding: 0.8em 0 0 1.5em;
    vertical-align: top;
  }

#content td p
  {
    margin: 0;
  }

#content tr:first-child td
  {
    padding-top: 0;
  }

#content td:first-child
  {
    padding-left: 0;
  }

#content ul
  {
    list-style-type: square;
  }

#content ol
  {
    list-style-type: decimal;
  }

#content li
  {
    display: list-item;
    margin: 0.5em 0 0 3em;
  }

#content li:first-child
  {
    margin-top: 0;
  }

#content input,
#content select,
#content textarea
  {
    border: 1px solid #D9D1B9;
    padding: 0.2em;
    background-color: #F2EFE6;
  }

#content input:hover,
#content select:hover,
#content textarea:hover
  {
    border: 1px solid #CC0000;
  }

#content input:focus,
#content select:focus,
#content textarea:focus
  {
    border: 1px solid #CC0000;
    background-color: #E5E0CF;
  }

#content input.button
  {
    border: 1px solid #000000;
    padding: 0.2em 1em;
    background-color: #CCC2A3;
    color: #000000;
    cursor: pointer;
  }

#content input.button:hover
  {
    background-color: #B2A57D;
  }