*{
  margin: 0 auto;
  padding: 0;
}

.topspacer{
  width: 100%;
  height: 200px;
  text-align: center;
  font-size: 30px;
}

.wrapper{
  width: 750px;
  height: auto;
  background-color: lime;
  padding-left: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.viewbanner{
  text-align: center;
  font-size: 35px;
width: 100%
height: 100px;
line-height: 50px;
background-color: #fff7ba;
}

.mainbody{
  width: 100%;
  height: auto;
  padding: 25px;

}

.viewwrapper{
  width: 1400px;
  height: auto;
  padding: 20px;
  background-color: #faf5ce;
}

.fullname{ width: 200px;}

.pernote{width: 250px;}

.perdate{width: 150px;text-align: center;}

.perid{width: 100px;}

.notemessage{
  width: 100%;
  height: 100px;

  line-height: 50px;
  font-size: 18px;
  text-align: center;

}

.row_hover:hover{
  background-color: yellow;
}

.bg{background-image: url(grass.jpg); background-repeat: no-repeat; background-size: cover;}