body {
  background: white;
  color: black;
  font-family: Verdana,Arial,Helvetica,serif;
  text-align: justify;
  margin: 5px 10px
}

h1 { text-align: center }

h2 {
  color: #000033;
  font-size: larger;
  background-color: #ddddff;
  padding-left : 30px;
  padding-top : 2px;
  border:1px solid #aaaacc
}

h3 {
  color: #000033;
  font-size: medium;
  background-color: #eeeeff;
  padding-left : 40px;
  padding-top : 2px;
  border:1px solid #aaaacc
}

pre {
   color: #222222;
   background-color: #ddf;
   font-size : small;
   font-family : Courier;
   margin : 4px; 
   padding : 8px; 
   border:1px solid #aaaacc
}

code { color:#002244 }

A { text-decoration: none; color : #4444FF }
A:hover { background-color: #f2f2ff }

img { border-width:0px }

div.banner {
  width: 98%;
  background-color: #eeeeff;
  border: 2px solid #AAAACC;
  text-align: center;
  padding:4px
}

a.qindex {
  font-weight:bold;
  color:#0000AA;
  margin:4%;
  padding: 1px 10px;
  border: 1px solid #eeeeff
}

a.highlight {
  font-weight:bold;
  color:#FFFFFF;
  background-color:#9999CC;
  margin:4%;
  padding: 1px 10px;
  border: 1px solid #000000
}

a.qindex:hover {
  background-color: #CCCCEE;
  color: #5555AA;
  border: 1px solid #6666AA
}
a.highlight:hover {
  background-color: #BBBBDD;
}