/* Layout info */
/* Two columns.  One menu area, which truncates (height: auto) at the bottom, so it looks
a little like a small menu window. */

#menuarea {
  float:left;
  width:160;
  background-color: #222222;
  border-right:2px solid #333333;
  border-bottom:2px solid #333333;
  margin-right:20px;
  padding-bottom:10px;
  padding-left: 5px;
  height: auto; 

}
/* Second column:  main content area. */
#contentarea {
  font-size: 10pt;
  margin-left: 180px; 
  padding-left: 10px;
  width: auto; 
  height: auto
}
/* Font and color info */

h1 {font-family:   Verdana, Arial, sans-serif; text-align: center;}
h2 {font-family:   Verdana, Arial, sans-serif;}
h3 {font-family:   Verdana, Arial, sans-serif;}
h4 {font-family:   Verdana, Arial, sans-serif;}
img {border: 0;}
.sectionhead {color: #ffffff; background: #333333: font-size: 12pt; font-weight:bold}
.sectionlink {color: #99ffff; font-size: 8pt; text-decoration: none}
a {color: #336699; text-decoration: none;}

/* note that for some reason, styles for <a> elements can't be localized to the
two separate layouts (menuarea and contentarea).  Ideally want one <a> style for
the content and one for the menu.  For now create a standard style for all links,
then override on a case by case basis with the style "sectionlink" (there are fewer
links in the menus than the content, so this at least minimizes typing "class='whatever'".
*/

/* some additional styles, taken from older style sheets:

.term {background-color: #EEEEEE; border: 1px}


body {
 background-color: #FFFFFF;
 color: #000000;
 font-family:  Verdana, Arial, sans-serif;
 font-size:  10pt
 }