html
   {  background: #f9fcee url("/media/backtop.png") repeat-x;
   }

body
   {  text-align: center;
      margin: 0;
      padding: 0;
      font-family: Candara, Helvetica, Verdana, Geneva, Sans-Serif;
      font-size: 13pt;
      color: #2b0c03;
   }

.textfont
   {  font-family: Candara, Verdana, Geneva, Sans-Serif;
   }

h1
   {  font-size: 140%;
      font-weight: bold;
   }

h2
   {  font-size: 125%;
      font-weight: bold;
   }

h3
   {  font-size: 115%;
      font-weight: bold;
      margin-top: 12px;
      margin-bottom: 6px;
   }
   
a[href]
   {  color: #aa2a02;
      text-decoration: underline;
   }

a[href]:hover
   {  color: #ff0000;
   }

div#page
   {  display: inline-block;
      position: relative;
      margin-top: 0px;
      width: 920px;
      text-align: left;
   }

div#dhead, div#head
   {  position: absolute;
      top: 0px;
      height: 138px;
      width: 920px;
      background: url("/media/head.png") no-repeat;
   }

ul#head
   {  margin-left: 180px;
      margin-top: 16px;
      font-size: 24px;
      font-style: italic;
      color: #981500;
      white-space: nowrap;
   }

ul#head li#p2
   {  margin-left: 20px;
      margin-top: 4px;
   }
   
img#whirl
   {  position: absolute;
      top: -22px;
      left: 780px;
      z-index: 0;
   }

img#rummi20
   {  position: absolute;
      top: 2px;
      left: 692px;
   }
   
div#logo
   {  position: absolute;
      top: 35px;
      left: 0px;
      width: 172px;
      height: 142px;
      z-index: 2;
   }

div#lang
   {  position: absolute;
      right: 50px; /*90px;*/
      top: 196px; /*90px;*/
      min-width: 100px;
      background-color: white;
      border: inset 1px #aaaaaa;
      font-family: Verdana, Arial, Helvetica, Sans Serif;
      font-size: 70%;
      padding: 2px 10px;
      z-index: 2;
   }

div#lang div#langmenu
   {  display: none;
      position: absolute;
      right: 0px;
      top: auto;
      background-color: white;
      border: solid 1px black;
      padding: 0;
      min-width: 140px;
   }

div#lang:hover div#langmenu
   {  display: block;
   }

div#langmenu div#langrem
   {  background-color: #f8eabd; /*#f9fcee;*/
      font-style: italic;
      font-size: 85%;
      padding: 2px 10px;
      border-top: solid 1px black;
   }

div#langmenu a
   {  display: block;
      padding: 2px 10px;
      color: #2b0c03;
      text-decoration: none;
   }

div#langmenu a:hover
   {  background-color: #c63300;
      color: white;
   }

div#dlogin, div#login
   {  position: absolute;
      top: 116px;
      right: 80px;
      padding: 1px 8px;
      height: 24px;
      width: auto;
      font-size: 80%;
      z-index: 2;
   }

span#loginname
   {  font-weight: bold;
   }

form#login
   {  white-space: nowrap;
   }

form#login a
   {  font-size: 12px;
   }

div#navback
   {  background: url("/media/navbar.png");
      position: absolute;
      left: -20px;
      top: 149px;
      width: 732px;
      height: 34px;
      padding-top: 6px;
      padding-right: 20px;
      padding-left: 208px;
      z-index: 1;
   }
   
div#nav
   {  position: absolute;
      left: -20px;
      top: 149px;
      width: 732px;
      height: 34px;
      padding-top: 6px;
      padding-right: 20px;
      padding-left: 166px;
      z-index: 3;
      font-family: Verdana, Geneva, Sans-Serif;
      font-size: 85%;
   }

div#nav ul
   {  margin: 0;
      padding: 0;
      list-style: none;
   }

div#nav li
   {  display: block;
      width: auto;
      float: left;
      position: relative;
      padding: 3px 10px;
   }

div#nav li ul
   {  display: none;
      position: absolute;
      left: 0;
      top: auto;
      background: #bbbbbb;
      border: solid 1px black;
      z-index: 1;
   }

div#nav li:hover ul
   {  display:block;
   }

div#nav li ul li
   {  display: block;
      white-space: nowrap;
      width: 100%;
      padding: 0;
      margin: 0;
   }

div#nav ul a
   {  color: black;
      font-weight: bold;
      text-decoration: none;
      display: block;
      padding-bottom: 1px;
   }

div#nav li ul li a
   {  padding: 4px;
   }

div#nav ul a:hover
   {  text-decoration: underline;
   }

div#nav li ul li a:hover
   {  text-decoration: none;
      background-color: #c63300;
      color: white;
   }
   
form#search
   {  float: right;
   }

div#content
   {  border: solid 1px #cccccc;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background-color: white;
      margin-top: 194px;
      padding: 8px 16px;
      min-height: 600px;
      position: relative;
   }

div#footer
   {  padding-top: 8px;
      margin-bottom: 8px;
      background: none;
      text-align: center;
      font-size: 11px;
      color: #bc6f00;
   }

div#footer a
   {  text-decoration: none;
      color: #bc6f00;
      font-size: 12px;
   }

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

div#navblock input[type=text],
div#navblock input[type=password]
   {  border: solid 1px black;
   }

div#navblock input[type=submit]
   {  border: solid 1px black;
      background-color: #f0ae24;
   }

div#navblock input[type=submit]:hover
   {  background-color: #9f2403;
      color: white;
   }

div#crumbs
   {  font-size: 75%;
      border-bottom: solid 1px grey;
   }

div#crumbs a
   {  text-decoration: none;
   }

div.box
   {  position: relative;
      padding: 8px 17px 17px 8px;
      border: solid 1px #cccccc;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
   }

span.error
   {  font-weight: bold;
      color: #ff0000;
   }

div.error
   {  font-weight: bold;
      color: #ff0000;
      border: solid 2px #ff0000;
      padding: 0.5ex 4em;
   }

p
   {  margin: 0;
      padding: 0;
   }

p.ws, li.ws
   {  margin-top: 2ex;
   }

a img
   {  border: none;
   }

td
   {  vertical-align: top;
   }

th
   {  text-align: left;
   }
   
.small
   {  font-size: 75%;
   }

.small .small
   {  font-size: 80%;
   }

.smaller
   {  font-size: 80%;
   }

.big
   {  font-size: 120%;
      font-weight: bold;
   }

.nowrap
   {  white-space: nowrap;
   }

.ra
   {  text-align: right;
   }

.center
   {  text-align: center;
   }

.inline
   {  display: inline-block;
      vertical-align: top;
   }

.red
   {  color: red;
   }

.blue
   {  color: blue;
   }

.green
   {  color: green;
   }

.black
   {  color: black;
   }

.gray
   {  color: gray;
   }

.strike
   {  text-decoration: line-through;
   }
   
dl.form dt
   {  display: block;
      padding-top: 4px;
   }

dl.form dd
   {  display: block;
      margin-left: 120px;
      margin-top: 12px;
      margin-bottom: 4px;
   }

dl.form ul
   {  margin-top: 4px;
   }

table.zebra
   {  border-spacing: 0;
      border: solid 1px #aaaaaa;
      border-bottom: 0;
      width: 100%;
      margin: 0;
      font-family: Arial, Sans-Serif;
   }

table.zebra tr.odd td
   {  background-color: #f8eabd;
   }

table.zebra tr.even td
   {  background-color: #f9fcee;
   }

table.zebra th
   {  background-color: #feba02;
   }

table.zebra td, table.zebra th
   {  border-bottom: solid 1px #aaaaaa;
      padding: 2px 8px;
   }

img.star
   {  vertical-align: center;
   }

/*--------- Page structure ----------*/

div.main
   {  width: 560px;
   }

div.seealso
   {  position: absolute;
      right: 16px;
      top: 40px;
      width: 300px;
      padding: 5px;
      background-color: #f8eabd;
      border: solid 1px #aaaaaa;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      font-size: 90%;
   }

div.seealso ul
   {
      padding-left: 20px;
   }

div.sideright
   {  position: absolute;
      right: 16px;
      top: 40px;
      width: 310px;
   }

div.sideright div.seealso
   {  position: static;
   }

/*--------- Help pages ----------*/

div.help
   {  width: 560px;
   }

span.explain
   {  display: inline-block;
      position: relative;
      border-bottom: dashed 1px #00cc00;
   }

span.explainpopup
   {  display: none;
      position: absolute;
      background-color: #ffffdd;
      border: solid 1px #00cc00;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      padding: 0 4px;
      width: 240px;
      font-size: 80%;
      font-weight: normal;
      font-style: italic;
   }
   
span.explain:hover span.explainpopup
   {  display: block;
      z-index: 1;
   }

span.menutab
   {  font-family: Arial, Sans-Serif;
      font-size: 9pt;
      background-color: #dddddd;
      border-top: solid 2px #888888;
      border-left: solid 2px #888888;
      border-right: solid 2px #888888;
      padding: 3px 12px;
      margin: 2px;
      white-space: nowrap;
   }

span.menubutton
   {  display: inline-block;
      font-family: Arial, Sans-Serif;
      font-size: 9pt;
      background-color: #dddddd;
      padding: 4px;
      margin: 2px;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
   }

span.menuitem, span.menuhdr   
   {  font-family: Arial, Sans-Serif;
      font-size: 9pt;
      padding: 2px;
      white-space: nowrap;
   }
   
span.menuhdr
   {  font-weight: bold;
      font-style: italic;
      border-bottom: solid 1px black;
   }

span.menuitem
   {  background-color: #ffff80;
   }

img.helpbutton
   {  border: outset 1px silver;
      padding: 2px;
   }

span.guibutton, span.guilabel
   {  font-weight: bold;
   }
   
span.keyboard
   {  font-family: Arial, Sans-Serif;
      font-size: 10pt;
      background-color: #fff4ee;
      border: outset 2px #fff4ee;
      padding: 1px 4px;
      white-space: nowrap;
   }

span.card
   {  background-color: #ffffee;
      border: solid 1px black;
      padding: 1px 0;
      font-family: Arial, Sans-Serif;
      font-weight: bold;
      font-size: 80%;
      display: inline-block;
      width: 0.9em;
      text-align: center;
      margin-bottom: 1px;
   }
   
em
   {  font-weight: bold;
   }