Hi,
My CSS is working everywhere except the navigation menu on the left (in Firefox). Here's the page: http://www.seacoastcreatives.com/quote.html

The font is suppose to be verdana, white and underlined in hover state. Here's my CSS mark up in page (I've shortened it for the forum but all of it's enclosed in the <span> tag you see below:

<span class="class1">
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Home" href="index.html">Home</a></td>
</tr>
</span>

You can see my css code here: http://www.seacoastcreatives.com/css.css

Can someone tell me why that css is not working on my page but all else is? Thank you! - Jillyb

<tr>s and <td>s do not belong inside of a span. Also, your whole layout is pretty messed up. Tables are not made to be used for layout. My recommendation is that you invest some time into learning how to craft sites using only the CSS box model, with an emphasis on <div>s and <ul><li>s instead of tables, which are meant only for tabular data.

Thanks for the advice on tables, but can you show my how to set CSS styles for my chunk of menu code?

<span class="class1">
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Home" href="index.html">Home</a></td>
</tr>
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Web Design" href="webdesign.html">Web Design</a></td>
</tr>
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Hosting &amp; Domains" href="hosting.html">Hosting &amp; Domains</a></td>
</tr>
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Online Advertising &amp; SEO" href="advertising.html">Online Advertising &amp; SEO</a></td>
</tr>
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Employment & Referrals" href="employment.html">Employment &amp; Referrals</a></td>
</tr>
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Client Portfolio" href="clients.html">
Client Portfolio</a></td>
</tr>
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Get a Quote" href="quote.html">Get A Quote</a></td>
</tr>
<tr>
<td>&nbsp;
<a title="Seacoast Creatives - Contact Me" href="contact.html">Contact Me</a></td>
</tr>
</span>

"class1" is nested in a table... ( I don't have a problem with that personally. )
But, the table is classified too as id="Table_01", and I can't finds the "Table_01" specifications defined in you .css file.
Maybe you have to define specifications of the table to Verdana too.

Also, in your .css file you start defining DIV.navfont ... In your html file, I can't find a navfont class.
Strange.

Thanks for the advice - I tried it and took out the id="Table_01", and deleted the DIV.navfont, but it's still not working. Any other suggestions?

try adding this to your CSS file:

table {
display: none !important;
}

please report feedback, I am interested to know the results.

You seem to be attempting to run before you can walk.
You are offering a web design service before you are able to properly organise your own site.
I have had a quick look at your code and notice for starters that you have not included a DOCTYPE statement, this is mandatory.
I suggest you spend some time looking at the various stickies at the top of the HTML forum and CSS forum on this site - there is a lot of good information there collated by some of the very talented contributors to this forum.
I hope this helps point you in the right direction.

Agree 100% with Aldor

As for menus - tons of examples here:
http://www.cssplay.co.uk/menus/

Thanks for the advice on the business aspect, i'm sure lots of people posting here are web designers but still need some assistance with html/css/photoshop/asp/etc or there wouldn't be forums like this one.

If someone could just please help me out here in teaching me a simple way to use CSS for font attributes within a table for my menu I'd really appreciate it.
In the mean time i'll take a look at the stickies and see if my answer is in there.

http://www.w3schools.com/css/css_font.asp

Thanks, i have figured it out and will add the DOCTYPE to my pages also.

You seem to want:
CSS

font-family: Verdana, Arial, Helvetica, sans-serif;

to be prevalent throughout your document. You should define this rule in the body { } so that it is the default for everything. Then, if you want a different font-family somewhere, you may override it on individual elements or classes.