Supongo que lo que quieres hacer es que el botón aparezca seleccionado al entrar.
Yo utilizaría una clase .seleccionado si se va a utilizar para otros botones aparte del primero.
Prefiero utilizar una clase porque se puede añadir al mismo elemento <div id="bot1"> que ya tienes. Yo cambiaría la regla #first por la siguiente:
.first {
background-image: url(tabb.png);
color: #ffffff;
}
El HTML sería el siguiente:
<body onload="pedir()">
<div id="menu">
<div id="bot1" class="first"><a href="#">H o m e</a></div>
<div id="spc"></div>
<div id="bot2"><a href="#">Search</a></div>
<div id="spc"></div>
<div id="bot3"><a href="#">Help</a></div>
</div>
</body>
donde he eliminado la línea que tú habías puesto en negrita. Supongo que no quieras que aparezca dos veces la palabra "Home".