body { 
  background-color: #333333;            <!-- dark gray -->
  color: #403010; 
  font-family: Calibri, Verdana, Tahoma;
  font-size: 20pt;

}

div.container {
  background-color: #cccccc;            <!-- light gray -->
  border-left: 2px solid #463014;
  border-right: 2px solid #463014;

    /*border: 2px solid #463014;*/
}



h1 {
   text-align: center;
   color: black;                           <!-- black title -->
   font-family: Calibri, Verdana, Tahoma;
   font-weight: bold;
   font-size: 26pt;
}

h2 {                                     <!-- subtitle -->
   text-align: center;
   font-family: Calibri, Verdana, Tahoma;
   font-weight: bold;
   font-size: 24pt;
}


h3 {
   text-align: center;
   font-family: Calibri, Verdana, Tahoma;
   font-weight: bold;
   font-size: 20pt;
}


p.center {
   text-align: center;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}


hr {                               <!-- horizontal rule -->
     border: 4px solid black;
}



.itty {                              <!-- tiny text -->
   text-align: center;
   font-size: .8em;
   font-style: italic;
}


a {
   color: #605030;
   text-decoration: none;
}

a:hover {
   color: #403010;
   font-weight: bold;
}