body {
font-size: 16px;
}
body{
  font-family: Arial,Helvetica,sans-serif;
  /*font-size: 14px;*/  /* 14px? 13px? blank? .95em? */
  /*font-size: 100%;*/
  /*font-size: 16px;*/
  /*font-size: 100%;*/
  text-align: left;
}
p{
  font-size: 100%;
}
h1 {
  font-size: 170%;
  text-align: center;
}
h2 {
  font-size: 140%;
}
h3 {
  font-size: 115%;
}
h4 {
  font-size: 100%;
}
h5 {
  font-size: 90%;
}
h6 {
  font-size: 80%;
}

body{   /* necessary - absolute divs are relative to this for many browsers */
  position: relative;
  width: 800px;
  margin: auto;  /* this causes centering */
  padding: 0px;
  /* background-color: #808080; */ /* interestingly, this fills entire window - not just the body size */
  background-image: url(../images/bkg32.jpg);
}
.centerme{
  text-align: center;
}
 .redtext {
 color: #bb0000; 
 }
 .bluetext{
 color: #000066;
 }

div.wrapper{  
  /* necessary - absolute divs are relative to this for older browsers and Amaya */
  position: relative;
  /* background-image: url(images/bkg16.jpg); */
  /*border: solid 1px green;*/  /* for testing */
  margin: auto;  /* this causes centering */
  padding: 0px;
  width: 800px;
  /* We could set the height here, */
  /* but we won't. Set it down in a style declaration in the specific page. */
  /* This way each page can make it different without */
  /*tampering with this standard css. */
}

div.pagetop {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 100%;
  /*height: 400px;*/
  margin: 0px;
  padding: 0px;
  border: none; /* solid 1px; */
  text-align: center;
}
div.pagetop div {
  /*display:  inline-block; doesn't work with IE*/
  display: inline;
  float: left;
  width: 118px;
  height: 88px;
  border: none;
  margin: 4px 7px 6px 7px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position:  top left;
  background-color: #aaaaaa;
}
div.pagetop div#topimg1{
  background-image: url(../widgets/gen_440.1.gif);
}
div.pagetop div#topimg2{
  background-image: url(../widgets/gen_470.1.gif);
}
div.pagetop div#topimg3{
  background-image: url(../widgets/gen_471.1.gif);
}
div.pagetop div#topimg4{
  background-image: url(../widgets/gen_472.1.gif);
}
div.pagetop div#topimg5{
  background-image: url(../widgets/gen_473.1.gif);
}
div.pagetop div#topimg6{
  background-image: url(../widgets/gen_474.1.gif);
}
div.pagetop div#topimgunderline{
  display: block;
  width: 792px; /*780px;*/
  height: 3px;
  margin: 0px;
  padding: 0px;
  background-repeat: repeat;
  background-image: url(../widgets/gold_line.png);
}

div.sidemenu {
  position: absolute;
  margin: 0px;
  padding: 0px;
  padding-left: 8px;
  left: 0px;
  top: 180px;
  width: 130px;
  /*height: 400px;*/
  /*border: solid 1px;*/
}
div.sidemenu a {
  width: 100%;
  margin: 0px;
  font-size: 0.78em; /*0.95em;*/ /*1.05em;*/
  /*font-weight: bold;*/
  text-decoration: none;
  color: #000000;
  padding: .5em;
  display: block; /*causes each 'a' tag to start on a new line*/
  /*background-color: #D4D1C2;*/
  border-bottom: 2px solid white;
}

div.sidemenu a:hover {
  color: #ffffff;
  background-color: #404040;
}

div.maincontent{
  border: none;  /* solid 1px; */
  position: absolute;
  margin: 0px;
  padding: 0px;
  right: 10px;
  top: 120px;
  width: 630px;
}
div.maincontent div{
  border: none; /*solid 1px;*/
  position: static;
  margin: 10px auto 10px auto;
  padding: 10px;
  left: 10%;
  right:10%;
}
div div.bottommenu{
  position: static;
  text-align: center;
  margin: auto;
  padding: 0px;
  border: none; /* needed due to any borders in: div.maincontent div */
}

div.bottommenu a {
  margin: 2px;
  font-size: .7em; /*.8em;*/
  text-decoration: none;
  color: #000000;
  padding: 2px;
  display: inline-block;
  /*background-color: #D4D1C2;*/
  border: 2px solid white;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
}
div.bottommenu a:hover {
  color: #ffffff;
  background-color: #404040;
}
div div.copyright{
  position: static;
  text-align: center;
  margin: auto;
  padding: 4px;
  border: none; /* needed due to any borders in: div.maincontent div */
  font-size: 0.75em;
}