body {
   font-family: sans-serif;
   font-size: 10pt;
   background: url('img/bg/bg.png');
   color: black;
}

div.top {
   border: 1px solid black;
   background: url('img/bg/menubg.png');
   height: 100px;
   margin-left: 2em;
   margin-right: 2em;
   margin-bottom: 2em;
}

div.top div {
   text-align: center;
   border: none;
   height: 100px;
   margin: 0;
   padding-left: 2em;
   padding-right: 2em;
   background: transparent url('img/bg/topbg.png') no-repeat top right;
}

div.top h1 {
   margin: 0;
   padding: 0;
   font-size: 18pt;
   font-variant: small-caps;
   letter-spacing: 0.1em; 
}

div.menu {
   background-image: url('img/bg/menubg.png');
   border: 1px solid black;
   height: 34pt;
   padding-left: 2em;
   padding-right: 2em;
   padding-top: 4pt;
   padding-bottom: 3pt;
   margin-top: 0;
   margin-bottom: 10pt;
   margin-left: 2em;
   margin-right: 2em;

   text-align: center;

   z-index: 1;
}

div.menu ul {
   text-align: left;
   padding: 0;
   margin: 0;
   list-style: none;

   z-index: 1;
}

div.menu li {
   float: left;
   /*width: 12em;*/
   position: relative;
   padding: 2pt;
   top: 0; left: 0;
}

div.menu li a, div.menu li a:visited {
   color: black;
   border: 1px solid black;
   background-color: #b96;
   padding-left: 1em;
   padding-right: 1em;
   text-decoration: none;
}

div.menu li a:hover {
   color: black;
   background-color: #a85;
}

div.menu li ul {
   border: 1px solid black;
   background-color: #ca7;
   display: none;
   position: absolute;
   top: 4em;
   left: 0;
   width: 12em;
   z-index: 2;
}

div.menu li li {
   text-align: left;
   display: block;
   margin: 0;
   width: 12em;
   /*margin-top: 2pt;
   margin-bottom: 2pt;*/
}

div.menu li li a, div.menu li li a:visited {
   color: black;
   border: none;
   background-color: #ca7;
   padding-left:0em;
   text-decoration: none;
   width: 12em;
}

div.menu li li a:hover {
   color: black;
   background-color: #b96;
}

div.menu li ul li:hover {
   /*background-color: #fdb813;*/
}

div.menu li > ul {
   top: auto;
   left: auto;
}

div.menu li:hover ul, #Menu li.over ul { display: block; }

div.body {
   font-size: 10pt;
   line-height: 18pt;
   background: url('img/bg/bodybg.png');
   border: 1px solid black;
   padding-left: 2em;
   padding-right: 2em;
   margin-left: 2em;
   margin-right:2em;
}

div.body p, div.body dd {
   text-indent: 14pt;
   text-align: justify;
}

/*Body text headings*/
div.body h1 {
   font-size: 18pt;
   font-variant: small-caps;
   letter-spacing: 0.1em;
}

/*Embedded figures*/
div.body div {
   background: url('img/bg/imgbg.png');
   padding: 0.5em;
   margin: 0.5em;
   font-style: italic;
   text-align: center;
}

div.body div.rightimg {
   float: right;
}

div.body div.leftimg {
   float: left;
}

div.body div p {
   text-indent: 0;
   text-align: center;
}

div.body div.clear {
   clear: both;
   background: transparent none;
}

/*For links.*/
div.body dt a {
   color: black;
   font-variant: small-caps;
}

div.body dt a:visited {
   color: black;
}

div.body dd {
   text-indent: 0;
   padding-left: 2em;
}