div.menuBar,
div.menuBar a.menuButton {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #FFFFFF;
}

div.menuBar {
  background-color: #000000;
  padding: 6px 2px 6px 2px;
  text-align: center;
  margin-left:20px;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #FFFF66;
  cursor: pointer;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #00FFFF;
}

div.menuBar2,
div.menuBar2 a.menuButton2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #000000;
}

div.menuBar2 {
  background-color: #DBDED9;
  padding: 6px 2px 6px 2px;
  text-align: center;
  margin-left:20px;
}

div.menuBar2 a.menuButton2 {
  background-color: #95999C;
  border: 1px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #000000;
  cursor: pointer;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar2 a.menuButton2:hover {
  background-color: transparent;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #000000;
}



Body {
    scrollbar-3dlight-color:none;
    scrollbar-arrow-color:#FFFF33;
    scrollbar-base-color:Pick color;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-face-color:#666633;
    scrollbar-highlight-color:none;
    scrollbar-shadow-color:Pick color;
    scrollbar-track-color:#CCCC66;
}



// set buttons

<div class="menuBar">
<a class="menuButton" href="">First Button</a>
<a class="menuButton" href="">Second Button</a>
<a class="menuButton" href="">Third Button</a>
<a class="menuButton" href="">As Many more buttons as you need</a>
</div>

//-