#banner {
  text-align: center;
  background-color:#FFF;
  border: 1px solid #005;
  margin-bottom: 10px;
}
#content {
	margin:0px;
	padding:15px;
	border:1px solid #333;
	background-color:#FFF;
}
#footer {
        text-align: center;
	font-size:small;
	margin-left:40px;
	padding:0px;
}
body {
  background-color:#EEE;
  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;
  margin-left : 10px;
  padding-left : 20px;
  padding-top : 2px;
  border:1px solid #aaaacc
}

h4 {
  color: #000033;
  font-size: normal;
  margin-left : 20px;
  padding-left : 10px;
  padding-top : 2px;
  border:1px solid #aaaacc
}

pre {
   color: #222222;
   background-color: #eeeeee;
   font-size : small;
   font-family : Courier;
   padding : 4px; 
   border:1px solid #aaaacc;
   margin-left: 35px;
}
td { vertical-align: top; }
td > pre
{
  margin: 0px;
}
body table
{
  margin-left: 35px;
}
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;
}