html, body {
  margin: 0;
  padding: 0;
  background: #eee;
  font: normal 13px Tahoma, Menu, sans-serif;
}
a { color: #36c; text-decoration: underline; font: normal 13px Tahoma, Menu, sans-serif; }
a:visited { text-decoration: underline; }
a:hover, a:active { color: #c33; text-decoration: underline; }
p { font: normal 13px Tahoma, Menu, sans-serif; }
td { font: normal 13px Tahoma, Menu, sans-serif; }
th { font: normal 13px Tahoma, Menu, sans-serif; }
pre { font-family: Courier New, monospace; font-size: 10pt; font-weight: normal; }
li { font: normal 13px Tahoma, Menu, sans-serif; }
ul { font: normal 13px Tahoma, Menu, sans-serif; }
ol { font: normal 13px Tahoma, Menu, sans-serif; }
dl { font: normal 13px Tahoma, Menu, sans-serif; }
h1 { font: normal 26px Tahoma, Menu, sans-serif; }
h2 { font-family: Menu, sans-serif; }
h3 { font-family: Menu, sans-serif; }
h4 { font-family: Menu, sans-serif; }
h5 { font-family: Menu, sans-serif; }
h6 { font-family: Menu, sans-serif; }
* html .threepxfix { margin-left: 3px; }
.clear { clear: both; height: 1px; overflow: hidden; }
.showme { border:1px solid #eee; }
.clsCentered { text-align: center; margin: 0 auto; }
.clsClear { clear: both; }
.clsCopyright { text-align: center; margin: 0 auto; color: #000; padding: 5px 0; }
.clsDashed { border: 1px dashed; }
.clsEven { background-color: #B0D7C1; }
.clsOdd { background-color: #FFFFBF; }
.clsHighlight { background-color: #FF0000; color: #FFFFFF; }
.clsHand { cursor: hand; cursor: pointer; }
.clsHeader { font: 12px sans-serif; border: #CFCFCF 1px solid; background-color: #999999; color: #FFFFFF; text-align: center; }
.clsExpanded { display: block; }
.clsCollapsed { display: none; }
.clsEditable { padding: 4px 4px 4px 4px; border: #CFCFCF 1px inset; background-color: #FFFFFF; }
.clsArticle { font-family: "Times New Roman", Times, serif; font-size: 12pt; }
.clsField { font-family: Courier New, Monospace; font-size: 12px; }
.clsGalleryOut { border-right: #e8e8e8 1px solid; border-top: #e8e8e8 1px solid; border-left: #e8e8e8 1px solid; border-bottom: #e8e8e8 1px solid; background-color: #dedbd6; text-align: center; }
.clsGalleryOver { background-color: #ffffcc; text-align: center; }
.clsGalleryTable { border-right: #e8e8e8 5px solid; border-top: #e8e8e8 5px solid; border-left: #e8e8e8 5px solid; border-bottom: #e8e8e8 5px solid; }
.clsGalleryEmpty { border-right: #e8e8e8 1px solid; border-top: #e8e8e8 1px solid; border-left: #e8e8e8 1px solid; border-bottom: #e8e8e8 1px solid; background-color: #dedbd6; cursor: default; }
.clsStrong { color: #000; font-family: Arial, Helvetica; font-size: 10pt; font-weight: bold; }
hr.clsRedLine { border: 0; width: 75%; color: #f00; background-color: #f00; height: 1px; margin: 5px auto; }
.cb { }
.cc { color: #ff0000; font-family: Arial, Helvetica; font-size: 8px; }
.cf { background-color: #ffffff; text-align: center; }
.ce { background-color: lightskyblue; text-align: center; }
.cs { background-color: activecaption; color: captiontext; text-align: center; }
.ch { background-color: #c1d2ee; text-align: center; cursor: hand; cursor: pointer; }
.cv { background-color: #ff0000; text-align: center; }
.cd { background-color: activecaption; color: captiontext; text-align: center; }
.clsDlg {
  font: Menu;
  padding: 0;
  background-color: ThreeDFace;
  border: 1px solid;
  border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
  text-align: center;
  text-decoration: none;
  color: #000;
  outline: none;
  -moz-outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.clsButton {
  cursor: hand;
  cursor: pointer;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: WindowText;
  background: ThreeDFace url(/images/button_shadow.gif);
  border: 1px solid #eee;
  height: 19px;
}
.clsInput {
  font-family: Courier New, Monospace;
  font-size: 12px;
  background: #fff url(/images/inputbg.gif) top left;
  height: 16px;
  padding: 3px 0px 0px 5px;
  border: 1px solid #999;
  border-top-width: 0px;
}
.clsAjaxLoading {
  position: absolute;
  text-align: center;
  background: #eee;
  font: normal 10px/12px Verdana, Arial, helvetica, sans-serif;
  z-index: 1000;
  border: 1px solid #444;
  padding: 5px;
  color: #000;
}
.clsForm {
  margin: 0 auto;
  padding: 5px;
  background-color: ThreeDFace;
  text-align: center;
  text-decoration: none;
  color: #000;
  outline: none;
  -moz-outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.clsForm p {
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 135px; /*width of left column containing the label elements*/
  border-top: 1px dashed gray;
  height: 1%;
  text-align: left;
}
.clsForm label {
  font-weight: bold;
  float: left;
  margin-left: -135px; /*width of left column*/
  width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.clsForm input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
/*  width: 350px; */
}
.clsForm textarea{
  width: 350px;
  height: 150px;
}
.clsTopRight {
  position: relative;
  float: right;
  width: 1px;
  height: 1px;
  z-index: 100;
}
/* Bookpage */
.clsBookPage {
  width:95%;
  color:#444;
  margin: 0 auto;
  text-align: justify;
  background: transparent url(/images/dot_v.png) repeat-y center;
}
.clsBookPage p { text-indent: 25px; margin: 0; }
.clsBookPage ul { padding: 0; margin: 0; list-style: square inside; }
.clsBookPage img { padding:4px; border:1px solid #eee; }
.clsBookCap {
  float: left;
/*
  color: #fff;
  background: #d6cdbf;
  border: 1px solid #efe7da;
*/
  color: #444;
  background: #eee;
  border: 1px solid #dadada;
  font: normal 76px/56px Times New Roman;
  margin: 2px 2px 0 0;
  padding: 2px 2px 0 2px;
}
.clsBookLeft {
  float: left;
  width: 47%;
  padding: 10px 0px 10px 10px;
}
.clsBookRight {
  float: right;
  width:47%;
  padding: 10px 10px 10px 0px;
}
.clsBookMidRight {
  float: right;
  width:50%;
  font: bold 10px Verdana, Arial;
  text-align: justify;
  padding: 5px 0;
  margin: 5px 0px 0 10px;
  border: 1px solid #eee;
}
.clsBookMidLeft {
  float: left;
  width: 50%;
  font: bold 10px Verdana, Arial;
  text-align: justify;
  padding: 5px 0;
  margin: 5px 10px 0 0px;
  border: 1px solid #eee;
}
.clsBookInner {
  padding: 0 10px;
}
.color_a { background: #ebfedc; color: #444; }
.color_b { background: #fff; color: #444; }
.color_c { background: #feefdc; color: #444; }

@media Print {
  .clsExpanded { display: none; }
}

/* Layout */
#DMAIN {
  width: 776px;   /* width of main container */
  margin: 0 auto; /* center container on page */
}
/* The header and footer */
#DH {
  display: block;
/*  height: 70px; */
  background: #fff;
  color: #000;
  padding: 5px;
}
#DF {
  display: block;
  height: 70px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
}
/* This bit does all the work */
#DM {
  position: relative;
  display: block;
  background: #fff;
  border-left: 130px solid #fff;
  overflow: visible;
}
#DL {
  float: left;
  position: relative;
  width: 128px;
  margin-left: -127px;
  display: inline;
}
#DLANG {
  position: absolute;
  left: -120px;
  top: 44px;
  z-index: 100;
}
#DNAVBAR {
  position: relative;
  padding: 10px 5px;
  z-index: 100;
}

/* Tree Menu */
.treeview {
  margin: 0;
  padding: 0;
}
.treeview ul {
  margin: 0;
  padding: 0;
}
.treeview li { /* style for LI elements in general (excludes an LI that contains sub lists) */
  font: normal 11px Tahoma, Menu, sans-serif;
  background: white url(/images/menus/list.gif) no-repeat left 6px;
  list-style-type: none;
  padding: 0px 0 4px 8px;
  margin: 4px 0 4px 0;
  border-bottom: 1px dotted #999;
}
.treeview a {
  font: normal 11px Tahoma, Menu, sans-serif;
}
.treeview li:hover {
  background: white url(/images/menus/liston.gif) no-repeat left 6px;
}
.treeview li.submenu { /* style for LI that contains sub lists (other ULs). */
  background: white url(/images/menus/close.gif) no-repeat left 6px;
  cursor: hand !important;
  cursor: pointer !important;
}
.treeview li.submenu ul { /*style for ULs that are children of LIs (submenu) */
  display: none; /* hide them by default. Don't delete. */
  margin-left: 8px;
}
.treeview .submenu ul li { /* style for LIs of ULs that are children of LIs (submenu) */
  cursor: default;
  border-bottom: 0;
}
/* snazzy border */
.xsnazzy h1, .zsnazzy h1 {
  margin: 0;
  font-size: 1.2em;
  padding: 0 10px 5px 10px;
  border-bottom: 1px solid #dadada;
}
.xsnazzy p, .zsnazzy p {
  margin: 0;
  padding: 5px 10px;
}
.xsnazzy {
  background: transparent;
}
.xtop, .xbottom {
  display: block;
  background: transparent;
  font-size: 1px;
}
.xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; }
.xb1, .xb2, .xb3 { height: 1px; }
.xb2, .xb3, .xb4 { background: #fff; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
.xb1 { margin: 0 5px; background: #dadada; }
.xb2 { margin: 0 3px; border-width: 0 2px; }
.xb3 { margin: 0 2px; }
.xb4 { height: 2px; margin: 0 1px; }
.xboxcontent {
  display: block;
  border: 0 solid #dadada;
  border-width: 0 1px;
  height: auto;
}
* html .xboxcontent { height: 1px; }
.xboxcell {
  border: 0 solid #dadada;
  border-width: 0 1px;
  padding: 5px;
}
.xboxcaption {
/*  font-size: 1.2em; */
  border: 0 solid #dadada;
  border-width: 0 1px 1px 1px;
  padding: 1px 5px 5px 5px;
}
.boxinner {
  display: block;
  padding: 5px;
}
/* Inset 3D Raised */
.raised { background: transparent; margin: 0 auto; }
.raised .top, .raised .bottom { display: block; background: transparent; font-size: 1px; }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b { display: block; overflow: hidden; }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b { height:1px; }
.raised .b2 { background: ThreeDFace; border-left: 1px solid #fff; border-right: 1px solid #eee; }
.raised .b3 { background: ThreeDFace; border-left: 1px solid #fff; border-right: 1px solid #ddd; }
.raised .b4 { background: ThreeDFace; border-left: 1px solid #fff; border-right: 1px solid #aaa; }
.raised .b4b { background: ThreeDFace; border-left: 1px solid #eee; border-right: 1px solid #999; }
.raised .b3b { background: ThreeDFace; border-left: 1px solid #ddd; border-right: 1px solid #999; }
.raised .b2b { background: ThreeDFace; border-left: 1px solid #aaa; border-right: 1px solid #999; }
.raised .b1 { margin: 0 5px; background: #fff; }
.raised .b2, .raised .b2b { margin: 0 3px; border-width: 0 2px; }
.raised .b3, .raised .b3b { margin: 0 2px; }
.raised .b4, .raised .b4b { height: 2px; margin: 0 1px; }
.raised .b1b { margin: 0 5px; background: #999; }
.raised .boxcontent { display: block; background: ThreeDFace; border-left: 1px solid #fff; border-right: 1px solid #999; }
/* Inset 3D Curved */
.inset { background: transparent; margin: 0 auto; }
.inset .top, .inset .bottom { display: block; background: transparent; font-size: 1px; }
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b { display: block; overflow: hidden; }
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b { height: 1px; }
.inset .b2 { background: ThreeDFace; border-left: 1px solid #999; border-right: 1px solid #aaa; }
.inset .b3 { background: ThreeDFace; border-left: 1px solid #999; border-right: 1px solid #ddd; }
.inset .b4 { background: ThreeDFace; border-left: 1px solid #999; border-right: 1px solid #eee; }
.inset .b4b { background: ThreeDFace; border-left: 1px solid #aaa; border-right: 1px solid #fff; }
.inset .b3b { background: ThreeDFace; border-left: 1px solid #ddd; border-right: 1px solid #fff; }
.inset .b2b { background: ThreeDFace; border-left: 1px solid #eee; border-right: 1px solid #fff; }
.inset .b1 { margin: 0 5px; background: #999; }
.inset .b2, .inset .b2b { margin: 0 3px; border-width: 0 2px; }
.inset .b3, .inset .b3b { margin: 0 2px; }
.inset .b4, .inset .b4b { height: 2px; margin: 0 1px; }
.inset .b1b { margin: 0 5px; background: #fff; }
.inset .boxcontent { display: block; background: ThreeDFace; border-left: 1px solid #999; border-right: 1px solid #fff; }