html { 
  background-color : #f4f4f4;
}

A:hover  {
  color : #A0B7DC; 
  text-decoration : none;
}

.menu {
  color : #4D5789;
  text-decoration : none;
}

.header {
  border : 1px inset #FFFFFF;
  border-top : 1px solid #999999;
  border-left : 1px solid #999999;
  background-color : #FFFFFF;
  background-image : url('images/headerbg.jpg');
  background-repeat : repeat-y; 
  color : black;
  padding : 3px;
  font-family : Century Gothic;
  font-size : 10pt;
}

.mid {
  border-left : 1px solid #FFFFFF;
  border-right : 1px solid #FFFFFF;
}

ul {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 17px;
}

.todo {
  border : 1px inset #FFFFFF;
  border-top : 1px solid #999999;
  border-left : 1px solid #999999;
  background-color : #FFFFFF;
  font-family : Century Gothic;
  font-size : 8pt;
  padding: 3px;
  text-align: left;
}

#top {
  position: absolute;
  left: 20px;
  width: 820px;
}

#left {
  position: absolute;
  left: 20px;
  margin-top: 146px;
  width: 140px;
}

#middle {
  position: absolute;
  left: 180px;
  margin-top: 146px;
  width: 500px;
}

#right {
  position: absolute;
  left: 700px;
  margin-top: 146px;
  width: 140px;
}

#contact {
  border : 0px outset #FFFFFF;
  background-color : transparent;
  width : 270px;
}

table {
  border : 1px outset #FFFFFF;
  background-color : #E7E7E7;
  font-family : Century Gothic;
  font-size: 10pt;
  color: black;
  width: 100%;
}


.ctr {
  text-align : center;
}

.navbarmid {
  text-align : center;
  width : 191px;
  background-color : #FFFFFF;
  border-left : 1px solid #999999;
  border-right : 1px solid #999999;
  padding-left : 3px;
}

.end {
  width : 11px;
}