html { 
 height: 100%; 
 margin-bottom: 1px; 
 }

#wrap {
  position: relative;
  top: 0px;
  height: 580px; 
  width: 800px;
  margin: 0 auto;
 }
#wraphow {
  position: relative;
  background-position: center;
  background-position: top;
  background-image: url(howbg.jpg);
  background-repeat: no-repeat;
  top: 0px;
  height: 620px; 
  width: 800px;
  margin: 0 auto;
 }
#wrapabout {
  position: relative;
  background-position: center;
  background-position: top;
  background-image: url(aboutbg.jpg);
  background-repeat: no-repeat;
  top: 0px;
  height: 820px; 
  width: 800px;
  margin: 0 auto;
 }
#wrapprogram {
  position: relative;
  top: 0px;
  height: 1230px; 
  width: 800px;
  margin: 0 auto;
 }
#wraptest {
  position: relative;
  background-position: center;
  background-position: top;
  background-image: url(testbg.jpg);
  background-repeat: no-repeat;
  top: 0px;
  height: 620px; 
  width: 800px;
  margin: 0 auto;
 }
 
#abouttext {
 position: relative;
 margin: 0 auto;
 top: 30px;
 left: 120px;
 width: 500px;
 height: 820px;
 padding: 0 0 0 0px;
 color: #000;
 font-family: sans-serif;
 font-size: 12px;
 text-align: left;
 text-indent: 0ex;
 line-height: 12pt;
 }
 
#testtext {
 position: relative;
 margin: 0 auto;
 top: 30px;
 left: 120px;
 width: 500px;
 height: 620px;
 padding: 0 0 0 0px;
 color: #000;
 font-family: sans-serif;
 font-size: 12px;
 text-align: left;
 text-indent: 0ex;
 line-height: 12pt;
 }
 
#programtext {
 position: relative;
 margin: 0 auto;
 top: 10px;
 left: 0px;
 width: 650px;
 height: 1230px;
 padding: 0 0 0 0px;
 color: #000;
 font-family: sans-serif;
 font-size: 12px;
 text-align: left;
 text-indent: 0ex;
 line-height: 12pt;
 }
 
 #howtext {
 position: relative;
 margin: 0 auto;
 top: 30px;
 left: 120px;
 width: 500px;
 height: 620px;
 padding: 0 0 0 0px;
 color: #000;
 font-family: sans-serif;
 font-size: 12px;
 text-align: left;
 text-indent: 0ex;
 line-height: 12pt;
 }
 
 p.header {
  color: #FFF;
  font-family: sans-serif;
  font-size: 16px;
  font-weight:bold;
  text-align: left;
  text-indent: 0ex;
  line-height: 12pt;
 }
 
 p.progheader {
  color: #666;
  font-family: sans-serif;
  font-size: 16px;
  font-weight:bold;
  text-align: left;
  text-indent: 0ex;
  line-height: 16pt;
 }
 
 p.gray {
  color: #333;
  font-family: sans-serif;
  font-size: 14px;
  text-align: left;
  text-indent: 0ex;
  line-height: 12pt;
 }
 
 p.program {
  color: #666;
  font-family: sans-serif;
  font-size: 13px;
  text-align: left;
  text-indent: 0ex;
  line-height: 13pt;
 }


body {
  background-position: center;
  background-position: top;
  background-color: #FFF;
  text-align: center;
  margin: 15 0 0 0; 
  padding: 0;
  }

#bodybg {
  position: relative;
  top: 0px;
  background-position: center;
  background-position: top;
  background-image: url(bodybg.jpg);
  background-repeat: no-repeat;
  height: 340px; 
  width: 800px;
  margin: 0 0px;
  padding: 0 0px;
 }
 
 #bodytext {
 position: relative;
 margin: 0 0 0 30px;
 top: 120px;
 width: 800px;
 height: 300px;
 padding: 0 0 0 10px;
 color: #FFF;
 font-family: sans-serif;
 font-size: 12px;
 text-align: left;
 text-indent: 0ex;
 line-height: 12pt;
  text-decoration: none;
 }
 
 a.bodytxt {
 color: #FFF;
 font-family: sans-serif;
 font-size: 12px;
 text-align: left;
 text-indent: 0ex;
 line-height: 12pt;
 text-decoration: none;
 }
 
 
 #values {
  position: relative;
  top: 9px;
  background-position: center;
  background-position: top;
  height: 50px; 
  width: 800px;
  margin: 0 auto;
  padding: 0 0px;
 }
 
 #how {
 position: relative;
 margin: 0 0 0 100px;
 top: 15px;
 width: 700px;
 height: 25px;
 padding: 0 0 0 10px;
 color: #8C8AB5;
 font-family: sans-serif;
 font-size: 22px;
 text-align: left;
 font-weight: bold;
 text-indent: 0ex;
 line-height: 12pt;
 }

#buttons {
 position: relative;
 margin: 0 0 0 100px;
 top: 15px;
 width: 700px;
 height: 150px;
 padding: 0 0 0 10px;
 }

#buttonsprog {
 position: relative;
 margin: 0 0 0 0px;
 top: 15px;
 width: 650px;
 height: 150px;
 padding: 0 0 0 10px;
 }

#button1 { 
 position: relative;
 margin: 0 autopx;
 top: 0px;
 left: 0px;
 width: 150px;
 height: 150px;
 padding: 0 0 0 10px;
 float: left;
 }


a.button1 {
    display: block;
    width: 119px;
    height: 134px;
    background: url("button1.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.button1 {
    background-position: -119px 0;
} 
a.button2 {
    display: block;
    width: 120px;
    height: 134px;
    background: url("button2.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.button2 {
    background-position: -120px 0;
} 
a.button3 {
    display: block;
    width: 120px;
    height: 134px;
    background: url("button3.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.button3 {
    background-position: -120px 0;
} 
a.button4 {
    display: block;
    width: 120px;
    height: 134px;
    background: url("button4.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.button4 {
    background-position: -120px 0;
}