Multi -CSS Styles

Good Evening Folk
New to DW and I am trying to get some help with CSS styles
I have created a new main page with some main text and a small side table
with menu text.

I would like to ensure the
Main text has a style: aerial, text size 10 and any links are blue, hover
red, and visited links blue
Menu Text is style: aerial size 11 and links yellow, hover white visted
yellow (background grey)
Firstly, is it possible to have multiple styles on one page? and if so to
make life easier does any one know how to help, or point me to a tutorial
with this information

kindest regards andy

Andy Humm wrote:

I would like to ensure the
Main text has a style: aerial, text size 10 and any links are blue, hover
red, and visited links blue

Visited links are expected to have a different color than the unvisited.

Menu Text is style: aerial size 11 and links yellow, hover white visted
yellow (background grey)

Firstly, is it possible to have multiple styles on one page?

What do you mean with multiple styles? If you have your main text and
the navigation table (why a table? There're better ways to build
navigations, <ul> for example) just style them the way you want.

HTML:
<table id="nav">...</table>
<div id="main">...</div>

CSS:
body {font-family: Arial, sans-serif}

#main {font-size: 10px; ...}
#main a:link, #main a:visited {color: blue}
#main a:hover {color: red}

#nav {font-size: 11px; ...}
#nav a:link, #nav a:visited {color: yellow}
#nav a:hover {color: white}

Micha