<html>
<head>
<title>Color Test</title>
<style type="text/css">
body {color: #444444}

.blue,.foo {color: #0000ff}
.bgblue,.bar {background-color: #0000ff}

.bgred {background-color: #ff0000}

div {
	font-family: Verdana, sans-serif;
	font-size: 0.5in;
	height: 1in;
	width: 1in;
	text-align: center;
	vertical-align: center;
	border: 1px solid black;
	margin: 12pt;
}
td {width: 2.5in}
</style>
</head>
<body>
<table>
<tr>

<td><h1>Blue-on-blue</h1>
Background color first
<div class="bgblue blue">Az</div>
Text color first
<div class="blue bgblue">Az</div>
</td>

<td><h1>Blue-on-red</h1>
Background color first
<div class="bgred blue">Az</div>
Text color first
<div class="blue bgred">Az</div>
</td>

<td><h1>Blue-on-blue</h1>
Background color first
<div class="bar foo">Az</div>
Text color first
<div class="foo bar">Az</div>
</td>

</tr></table>
</body>
</html>