#toolbar {
	font: bold 14px 'Calibri', 'Tahoma', 'Helvetica', 'Arial';
	width: 921px;
    margin: 0px auto;
}

#toolbar img {
	border-style: none;	
}

#toolbar ul {
	background: url('toolbar_back.png') repeat-x;
	line-height:32px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#toolbar li {
	display: inline;
}

#toolbar a {
	color: #FFF;
	float: left;
	padding-left: 4px;	/* add padding equal to the width of the left image */
	padding-right: 5px; /* spacing between buttons */
	text-decoration: none;
}

#toolbar a span {
	display: block;
	float: none;
	padding: 0 9px 0 5px;	/* this will add space between the button edge and the text */
}

#toolbar a span img {
	border: none;
}

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

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

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