Okay, on working on the new website, the Mac came in pretty handy because I could check out IE6 and FireFox, and Safari and that's pretty much all I care about.

Some notes:

classes begin with a dot. If they are free standing, anyone can use them. If they are attached to a tag, only that tag can use them. For example.

.centered { text-align: center; }

Any tag can use .centered by using the class attribute.

<p class="centered">This text will be centered</p>

That should just work.

However, the following code will only work for table data

td.orange { color: orange; }

Only td elements can use the class orange. They would call it just like the generic class.

<td class="orange">Text in data cell is orange</td>

If you start a label with a hash #, then it is an ID. A unique identifier. I didn't do very much of that.

W3C Schools have some great links as well.

Table Format tool http://www.somacon.com/p141.php - Very cool.

One trick that I was able to use with the list item tag (<li>), is that I wanted the linespace to be normal, but I wanted the space between lines to have some extra room. So I used margin-top and margin-bottom to create space between each list item. The code is:

li {
	/* Create extra space between the top and bottom of each bullet */
	margin-top:6px;
	margin-bottom:2px;
	line-height:16px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}