body	{
  border: 0;
  font:1em WebPlus_IBM_VGA_8x16, monospace, mono, courier;
  line-height: 110%;
  text-align: left;
  color: #0a090c;
  background-color: #A59BB3;
  width:80%px;
  margin-left:auto;
  margin-right:auto;
  padding:5%;

  }
@font-face {
  font-family: WebPlus_IBM_VGA_8x16;
  src: url(WebPlus_IBM_VGA_8x16.woff);
}

img  {
  border: 0;
  display: block;
  image-rendering: pixelated;
  }

img:hover {
  filter:drop-shadow(0px 0px 3px #f5f4f7);
  -webkit-transition: all 0.2s ease;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: all 0.2s ease;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
  }


img:active {
  opacity: 1;
  -webkit-transform: scale(.9);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: scale(.9);  /* IE 9 */
          transform: scale(.9);  /* Firefox 16+, IE 10+, Opera */
  }

img.logo, img.logo:hover, img.logo,active {
  opacity:1;
  -webkit-transform: scale(0);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: scale(0);  /* IE 9 */
          transform: scale(0);  /* Firefox 16+, IE 10+, Opera */

  }

p {
  padding:0 5%;
  font: WebPlus_IBM_VGA_8x16, monospace, mono, courier;
  font-weight: normal;
  text-decoration: none;
  text-align:left;
  text-indent:1em;
  color: #0a090c;
  }

h1 {
  font:2em WebPlus_IBM_VGA_8x16, monospace, mono, courier;
  text-align: center;
  border:0px;
  height:120px;
  background-image: url('vineleaf.png');
  }

h2 {
  font:1.5em WebPlus_IBM_VGA_8x16, monospace, mono, courier;
   }
  /* divider */
hr {
   display:block;
   border:0px;
   height:16px;
   background-image: url('tiny_hearts.png');
  }


  /* links  */

a:link, a:visited {
  font-weight : normal; 
  text-decoration : none;
  color: #ffffff;
  background: #555; 
  }

a:hover {
  font-weight : normal; 
  text-decoration : none;
  color: #769076;
  background: #ffffff;
  }

a:active {
  font-weight : normal; 
  text-decoration : none;
  color: #000000;
  background: #769076;
  }

a.ppb:link, a.ppb:visited {
   font-weight : bold;
   text-decoration : none;
   color: #3f5f78;
   background: #ffaa27;
   border: 1px solid #ff9933;
  }

a.ppb:hover {
   font-weight : normal;
   text-decoration : none;
   color: blue;
   background: #fede9e;
   }

a.ppb:active {
   font-weight : normal;
   text-decoration : none;
   color: black;
   background: #fede9e;
   }

a.fltr:link, a.fltr:visited {
   font-weight : bold;
   text-decoration : none;
   color: white;
   background: #8eb95c;
   border: 1px solid #7ea352;
  }

a.fltr:hover {
   font-weight : normal;
   text-decoration : none;
   color: #f8b124;
   background: #8db02e;
   }

a.fltr:active {
   font-weight : normal;
   text-decoration : none;
   color: #f57f20;
   background: #8db02e;
   }

table {
    text-align:center;
   font-weight: normal;
    border-collapse: collapse;
    padding: 0;
    padding-bottom: 15px;
  }

tr {
    text-align:center;
    border-collapse: collapse;
    padding:0;
  }
td {
    text-align:center;
    border-collapse: collapse;
    padding:0;
    padding-bottom: 15px;
  }