body {
  color: SlateBlue;
  background-color: white;
  background:  transparent;
  font-family: arial, verdana, helvetica, sans-serif ;
  font-size:   10pt;
  font-weight: normal;
  font-style:  normal;
  text-decoration: none;
  text-align:  justify;
  vertical-align: top;
  width: 800px;
  margin: 10pt auto;
  border: 1pt solid #e0e0e0;
  padding: 10pt;
}

h1, h2, h3, h4, h5, h6, dt {
  text-align:  left;
  font-weight: bold;
  color: maroon;
}

strong { color: maroon; }

dd, li, p, pre {
  text-align: justify;
}

dd { padding: 0 0 1em 0; }

.block {
  padding:   0.5em;
  color:     maroon;
  font-size: 12pt;
  width:     400px;
  background-color: Wheat;
}

form {
  text-align: left;
  font-size:  10pt;
}

input, textarea, select, option {
  border: 1px solid SlateBlue ;
  font-size:   10pt;
}

address { font-size: 8pt; font-family: sans-serif; color: black;}
hr { border: 1px solid SlateBlue ; }

a, img {
  text-decoration: none ;
  border: 0;
}

.left {
  background-image: url("images/Menu.png") ;
  background-repeat: repeat-y;
  background-color: SlateBlue;
  color:       white;
  text-align:  left;
  float: left;
  clear: left;
  width: 130px;
  line-height: 110%;
  padding: 0 0 0 0.5em;
}

.container {
  text-align: center;
  vertical-align: top;
}

.content {
  margin: 0 0 0 150px;
  padding-left: 1em;
  border-left: 1px solid SlateBlue;
}

.imgl {
  float: left;
  clear: left;
}

.imgr {
  float: right;
  clear: right;
}

.imgc { display: inline; }

.menu {
  font-size:  10pt;
  color:      white;
  text-align: left;
}

address {
  text-align: center;
  border-top: 1px solid SlateBlue;
}

@media print {
  body { width: 600px; }
  .left {display: none; }
  .content {
    border: none;
    margin-left: 10px;
  }
}
