img{ border: 0; }

#toolbar {
margin: 0 auto;
font:bold 1em 'Arial';
padding:0;
}

#toolbar ul {
background-image:url(back.gif);
background-repeat:repeat-x;
height: 32px;
list-style:none;
margin: 0;
padding: 0;
width: 100%;
}

#toolbar li {
display:inline;
padding:0;
line-height: 32px;
}

#toolbar a {
color:#FFF; /* need because it will use default link color */
float:right;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#toolbar a span {
display:block;
padding:0 5px 0 5px;
margin: 0;
}

#toolbar a span img {
border: none;
margin: 0 4px 0 4px;
vertical-align: middle;
}

/* show picture when mouse over link */
#toolbar a:hover{
background: url(left.png) no-repeat left center;
}

#toolbar a:hover span {
background:url(right.png) no-repeat right center;
}

#toolbar a.left {
float:left; /* for help button - just add class "right" ->  <a class="right"... */
margin-left: 5px;
}