body {
  font-family: arial, sans-serif;
  background-image: url( images/bg.png );
}

.main { 
  background-image: none;
  color: black;
  background-color: white;
  width: 740px;
  border: outset;
}

.banner {
}

.nav {
  color: white;
  background-color: #000040;
  font-size: small;
}

.mi {
  color: white;
  background-color: #606080;
  width: 9ex;
   padding: 0 1em;
  text-decoration: none;
  font-weight: bold;
   font-size: smaller;
   border: 1px solid #c0c0ff;
 }

:hover {
  color: red;
  background-color: inherit;
  text-decoration: underline;
}

.mi:hover {
  color: red;
  background-color: #802000;
  border: #400060 outset;
  text-decoration: underline;
}

#detailframe {
  width: 100%;
  height: 500px;
}

th {
   color: white;
   background-color: black
}

.odd {
   color: inherit;
   background-color: white;
}

.even {
   color: inherit;
   background-color: #e0ffe0;
}

h1 {
   margin: 1px auto;
   padding: 0;
   font-variant: small-caps;
}

h2 {
   margin: 1px auto;
   padding: 0;
   font-variant: small-caps;
}

h3 {
   margin: 1px auto;
   padding: 0;
   font-variant: small-caps;
}

 td {
   vertical-align: top;
 }
 .label {
   font-weight: bold;
 }
 .rowodd {
   background-color: #f0fff0;
 }
 .roweven {
   background-color: #ffffff;
 }
 #banner {
   margin: 0;
   padding: 0;
   background-color: #000080;
 }
 #detailframe {
   width: 100%;
   margin: 0;
   padding: 0;
   border: none;
   height: 500px;
 }