body {
background-color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
margin: 1%;
}


#mainwrapper {
  clear: both;
  height: 100%;
  overflow: hidden;
}
#mainwrapper .leftcol {
  position: relative;
  float: left;
}
#leftbar {
  width: 27%;
  padding: 2% .3% 2%;
}
#centerbar {
  float: left;
  width: 64%;
  padding: 1.5% 2% 2%;
}


#mainwrapperb {
  clear: both;
  height: 100%;
  overflow: hidden;
}

#mainwrapperb .leftcolb {
  position: relative;
  float: left;
}
#leftbarb {
  width: 50%;
  padding: 2% .3% 2%;
}
#centerbarb {
  float: left;
  width: 45%;
  padding: 1.5% 2% 2%;}

#footer {
  clear: both;
  padding: 2%;
}

p {font-size: .8em;
   color: #808080;}
.bld {font-weight: bold;}

h2 {font-size: 1.2em;}

.lnk {font-size: 0.8em;
position: absolute;
}
.c2lnk {font-size: 0.8em;
position: absolute;
left: 30%;
}
.c3lnk {font-size: 0.8em;
position: absolute;
left: 50%;
}

.rlnk {font-size: 0.8em;
position: absolute;
left: 83%;
}

.trlnk {font-size: 0.8em;
       font-weight: bold;
       position: absolute;
       left: 83%;
}



.slnk {font-size: 0.6em;
}
.sclnk {font-size: 0.6em;
position: absolute;
left: 47%;
}
.srlnk {font-size: 0.6em;
position: absolute;
right: 4%
}

.cpy {font-size: .6em;
text-align: center;
color: #808080;}

.cntr {text-align: center;}
a {
  color: #808080;
  }
a:link{
  color: #808080;
  }
  a:visited{
    color: #808080;
  }

  a:hover{
    color: #00c;
    }

.clrg {  color: #808080;
      text-align: center;}

h1 {  font-size: 1.2em}

.tmargin {  margin-top: 4px}

.header {position: absolute;
        left: 1.2%; }

.content {float: left;}
/*can we eliminate this*/

.halfcol {position: absolute;
          left: 40%;}

.qtrcol {position: absolute;
        left: 25%; }

.ra {position: relative;
    left: 50%;}
.headtable {
           margin-left: auto;
           margin-right: auto;
}