* { 
  font-family: "Trebuchet MS", Arial, Geneva, sans-serif;
}

tt { 
  font-family: monospace;
}

body {
  background-color: #D6E3D9;
  color: #030;
  font-size: 90%
}

A {
  color: #060;
  text-decoration: none;
  border-bottom: 1px solid #060;
}

A:hover {
  background: transparent;
  text-decoration: none;
  border-bottom: 1px solid #060;
}
A:visited {
  text-decoration: none;
}

div.header {
      border-right:          1px dotted black;
      border-bottom:         1px dotted black;
      background-color:      #a2c4a3;
      padding:               2px;
      vertical-align:        middle;
      width:                 95%;
      position:              fixed;
      top:                   0px;
      z-index:               4;

      text-align:            center;
      font-size:             130%;
      font-family:           sans-serif;
      font-weight:           bold;
}

div.footer {
      border-top:            1px dotted black;
      border-right:          1px dotted black;
      background-color:      #a2c4a3;
      padding:               2px;
      vertical-align:        middle;
      width:                 95%;
      position:              fixed;
      bottom:                0px;
      z-index:               4;

      text-align:            right;
      font-size:             80%;
      font-family:           sans-serif;
}

.menu-container {
      position:         fixed;
      float:            left;
      top:              0px;
      bottom:           0px;
      border-left:      1px dotted black;
      background-color: #a2c4a3;
      width:            180px;
      z-index:          1;
}

#menu {
      position:    fixed;
      float:       left;
      top:         30px;
      /*text-align:  left;
      padding:     5px;*/
      z-index:      3;
}

#menu ul { 
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#menu li {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   11pt;
  text-align:  left;
  padding:     0px 0px 0px 1em;
  width:       170px;
}

#menu li.submenu:hover { 
  background-color: transparent;
}

#menu li:hover { 
  background-color: #D6E3D9;
  border-left: 1px solid black;
}

#menu a { 
  display: block;
  border-bottom: none;
}

div.logo {
      position:    fixed;
      float:       left;
      margin-left: 45px;
      bottom:      30px;
      z-index:     2;
}

#Content {
  top: 25px;
  margin:  30px 50px 50px 260px;
  padding: 10px;
}

#Content h1 {
      text-align:    left;
      background:    #a2c4a3;
      /*color:         #BDE;*/
      font-size:     120%;
      margin:        0px;
      /* border-bottom: 1px solid #82B084; */
      border-bottom: 1px solid black;
}

#Content h2 {
      text-align: left;
      font-size: 110%;
      color:         #603;
}

#Content h3 {
      text-align:      left;
      font-size:       100%;
      text-decoration: underline;
}

#Content h4 {
      text-align:  left;
      font-size:   80%;
      font-style:  italic;
}

p {
      text-align: justify;
      font-size: 80%
}

p.tool {
      float:       right;
      text-align:  right;
      font-size:   80%;
      
      padding-left: 3px;
      margin-top:  -1px;
      margin-left: 5px;
      color:       #8AB;
      background-color: #a2c4a3;
      border-left: 1px solid black;
      border-bottom: 1px solid black;
}

blockquote {
      text-align: justify;
}

li {
  text-align:     justify;
  padding-bottom: 1em;
}

img {
      border: 0;
}