body {
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
}
.menu {
	padding: 0; /* PADDING 0 keeps the toolbar at the left edge */
	font-size: 110%;
}
.menu tr.special td {
	background-color: #FFDCA8;
}
.menu td {
	display: inline-block; /* DISPLAY needed to keep each TD its own width */
	color: black;
	font-weight: bold;
	font-size:	100%;
	font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
	text-align: center;
	padding: 6px;
	margin: 2px;
	border: 1px dotted;
	border-radius: 5px; /* Added 31 Dec '18: THIS WORKS IN Opera, Firefox, Chrome, MS Edge and IE 11 */
}
.menu td a {
	border-bottom: none;
}
.menu td a:hover {
	background-color: navy;
	border-radius: 4px;
	color: white;
/*
	padding: 1px;
	border: thin white dotted;
*/	
}