#navBar1{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#navBar1 li{
  display: block;
  float:left;
  background:url("Images/NavBlankOff.gif") no-repeat;
  height: 18px;
  width: 105px;
  text-align: center;
  padding-right: 3px;
}
#navBar1 li a {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: bold;
  color: Black;
  text-decoration: none;
}

#navBar1 li.navBar1Selected,
#navBar1 li:hover
{
  background:url("Images/NavBlankOn.gif") no-repeat;
}

#navBar2 {
  background: #DDDDD2;
  list-style-type: none;
  margin: 0;
  padding: 2px 0 0 0;
  overflow: hidden;
}
#navBar2 li{
  color: Black;
  display: block;
  float:left;
  height: 18px;
  width: 101px;
  text-align: center;
  vertical-align: bottom;
}
#navBar2 li a {
  display: block;
  color: Black;
  text-decoration: none;
}
#navBar2 li.navBar2Selected {
  background: url(   "Images/tab_back.png" ) no-repeat bottom;
}
#navBar2 li a:hover {
    font-weight: bold;
}

/* Tab Classes - Remove these */
.TabBar {
    background: #DDDDD2;
    border-collapse: collapse;
    height: 22px;
    width: 100%;
    text-align: center;
}
.TabOff {
    background: #ddddd2;
    color: #666;
    width: 101px;
    vertical-align: bottom;
    border: 0px;
}
.TabOn {
    background: url(   "Images/tab_back.png" ) no-repeat bottom;
    color: #666;
    width: 101px;
    vertical-align: bottom;
    border: 0px;
}
.TabLink {
    text-decoration: none;
}