div.menu2
{
    /*width:500px;margin:0 auto;*//*Uncomment this line to make the menu center-aligned.*/
    text-align:center;
    background-image: url(../images/bg1.gif);
    border:1px solid BLACK;
    font-size:0;
}

div.menu2 a
{
    display: inline-block;
/*    padding: 0 20px;                The original line....*/
    padding: 0 20px;
/*    background-image: url(../images/bg.gif);                      this can't be found..  was generating errors   */
/*    color:White;     */
    text-decoration:none;
    font: bold 12px Arial;
    line-height: 32px;
}

div.menu2 a
{
  background-position:0 -60px;
  color: #0299c0;
  font-weight:bold;
}

div.menu2 a:hover 
{
  background-position:0 -60px;
  color: #027bbf;
  font-weight:bold;
}


#wholebody.menu2
{
    background-color:WhiteSmoke;
    color:#0299c0;
/*    background-color:#12c1c9;        These Changed20230228 */
/*    color:#56089e;               */
}

div.menu2 a.dummy
{
    width:2px;
    padding:0 0;
}