*{   /* this * here is to kill any margins or padding in the page */
margin: 0px;
padding: 0px;
}
body {
    margin:2px 2px; padding:0px;
    text-align:center;
    
   // background-image: url(../gifs/grad1.png);
  background-repeat: repeat;
      }
    /* {background-color:#b0c4de;} */

a{
text-decoration: none;
}
.wrapper {
 width: 900px;
 height:600px;
 border: 0px solid #000000;
 margin: 0px auto 0 auto;
   }
    .header {
  width: 900px;
 height: 90px;
 border: 0px solid #000000;
 margin: 0px auto 0 auto;
  background-image: url(../gifs/grad1.png);
  background-repeat: repeat;
//  background-image: url(../gifs/brid1xx.JPG);
 // background-repeat: no-repeat;
  }
  .navbar {
    width: 900px;
  height: 25px;
  background-image: url(../gifs/grads4.jpg);
  background-repeat: repeat;
   }
   .button a  {
   float: left;
   width: 100px;
   height: 30px;
   line-height: 22px;
   font-family: verdana;
   font-size: 12px;
   color: #FFF;
   font-weight: bold;
   text-align: center;
   }
 .button a:hover  {
   float: left;
   width: 100px;
   height: 16px;
   line-height: 22px;
   font-family: verdana;
   font-size: 18px;
   color: #fff;
   font-weight: bold;
   text-align: center;
   background-image: url(../gifs/grad1.png);
  background-repeat: repeat;
  }
  
.mainbody {
max-width: max-content;
margin: auto;
}

	
  
  .footer {
    width: 900px;
  height: 25px;
  background-image: url(../gifs/gradh4.jpg);
  background-repeat: repeat;
  }