<!-- hack  so that multiple lines of buttons are spaced properly.  line-height not working for IE!!! -->
* html img {
  	margin: 10px 0;
  	vertical-align: middle;
	margin-top:5px;
}

a.button {
	font-family: Verdana, sans-serif;
	font-size: 80%;
	text-decoration: none !important;
	white-space:nowrap;
	color: #FFFFFF;
	background-image: url(nav_button_bkg_up.png);
	background-color: #b3b3b3;
	background-repeat: repeat-x;
	padding: 0px 3px 1px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	margin-right: 3px;
	line-height: 2.0;
}

a.button:hover {
	background-image: url(nav_button_bkg_dn.png);
	background-position: left bottom;
    border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}


a.button_black {
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 75%;
	text-decoration: none !important;
	white-space:nowrap;
	color: #ffffff;
	background-color: #000000;
	padding: 0px;
	border: 1px solid #ffffff;
	margin-right: 3px;
	margin-top: 0px;
	line-height: 1.0;
}

a.button_black:hover {
	background-image: url(nav_button_bkg_dn.png);
	background-position: left bottom;
    border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}