body {
  margin: 0; padding: 0 0 2em 0;
  background: #ca8f53 url("/gui/bg.gif") repeat-x top center;
  color: #ffffff;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-size: 9pt;
  text-align: center; /*IE centering*/
}

div#page {
  width: 780px;
  margin: 0 auto; padding: 0;
  text-align: left;
}

/* -- page head styles -- */

#pagehead {
  margin: 0 0 15px 0; padding: 10px 0 0 0;
  background: #ff9933 url("/gui/bg-head.gif") no-repeat top center;
  border: 10px solid #ffffff;
  border-top-style: none;
}

#pagehead h1 {
  padding: 0; margin: 0;
  text-align: right;
  height: 106px;
}

#pagehead h1 img {
  border-style: none;
  margin: 0; padding: 0;
}

#pagehead ul#mainmenu {
  display: block;
  clear: both;
  margin: 0; padding: 0;
  background-color: #ff9933;
  height: 22pt;
}

#pagehead ul#mainmenu li {
  list-style-type: none;
  float: left;
  display: inline;
  margin: 0; padding: 0;
  border-right: 2px solid #ffcc99;
  background-color: #ff9933;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-weight: bold;
  font-size: 10pt;
}

#pagehead ul#mainmenu li a {
  display: block;
  /*margin: 0; padding: 9px 21px 7px 21px;*/
  margin: 0; padding: 7pt 15pt 5pt 15pt;
  color: #ffffff;
  text-decoration: none;
  background-color: #ff9933;
}

#pagehead ul#mainmenu li a.selected,
#pagehead ul#mainmenu li a:hover {
  color: #000000;
  background: #ffc489 url("/gui/bg-menu.jpg") repeat-x center left;
}

/* -- page content styles -- */

#pagecontent {color: #000000;}

#pagecontent div.fillbox {
  margin: 0; padding: 0;
  background: #e8ceb3 url("/gui/bg-fillbox-bottom.gif") no-repeat bottom center;
}

#pagecontent div.fillbox div.inner {
  margin: 0; padding: 40px;
  background: url("/gui/bg-fillbox-top.gif") no-repeat top center;
}

#pagecontent div.rightbox {
  float: right;
  display: inline;
  width: 225px;
  background: #e8ceb3 url("/gui/bg-rightbox-bottom.gif") no-repeat bottom center;
  font-size: 90%;
}

#pagecontent div.rightbox div.inner {
  margin: 0; padding: 30px 20px;
  background: url("/gui/bg-rightbox-top.gif") no-repeat top center;
}

#pagecontent div.leftbox {
  float: left;
  display: inline;
  width: 540px;
  background: #e8ceb3 url("/gui/bg-leftbox-bottom.gif") no-repeat bottom center;
}

#pagecontent div.leftbox div.inner {
  margin: 0; padding: 35px;
  background: url("/gui/bg-leftbox-top.gif") no-repeat top center;
}

/* -- page foot styles -- */

#pagefoot {
  margin: 1em 0 0 0; padding: 0;
  font-size: 8.5pt;
  line-height: 1.3em;
}

#pagefoot a {color: #ffffff;}
#pagefoot a:hover {color: #000000;}

/* -- general styles -- */

.cleaner {
  display: block;
  clear: both;
  visibility: hidden;
  height: 1px;
  font-size: 1px;
  overflow: hidden;
}

p { margin: 0 0 1em 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.3em 0; padding: 0;
  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  font-weight: normal;
  color: #5a3209;
}

h6 {font-size: 11pt; font-weight: bold;}
h5 {font-size: 12pt; font-weight: bold;}
h4 {font-size: 13pt; font-weight: bold;}
h3 {font-size: 14pt;}
h2 {font-size: 15pt;}
h1 {font-size: 16pt; margin-top: 0;}

a {color: #804305;}
a:hover {color: #000000;}

div.centeredBox {text-align: center;}

table {
  margin: 0.5em auto; padding: 0;
  border-collapse: collapse;
  border: 1px solid #333333;
  font-size: 8pt;
  color: #000000;
  width: 100%;
}

table th,
table td {
  margin: 0; padding: 0.5em 0.5em 0.3em 0.5em;
  border: 1px solid #f5c492;
}

table td {text-align: left;}

table th {
  background-color: #333333;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.odd {background-color: #ffffff;}
.even {background-color: #ffe4c8;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}