can't get text links to be vertically centered

Give that UL that contains them some padding on top. That should push them down.

ul.bottommenu {
    background-color: #14C9C3;
    height: 30px;
    list-style-type: none;
    margin: 0;
    [b]padding: 5px 0 0 0;[/b]
    text-align: center;
    width: 960px;
}

Select allOpen in new window

Adjust that padding to meet your needs.

I tried to make that code BOLD so you would see the changed spot. Ignore those stupid and .

Man. This WYSIWYG kind of sucks. Ignore the weird syntax. It should be as follows:

ul.bottommenu {
    background-color: #14C9C3;
    height: 30px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: center;
    width: 960px;
}

Select allOpen in new window

jonahzona,
I used your padding change and changed the width:100%.
Any idea how to fix the length of the border lines between the text links on the bottom navigation bar?
They seem to be a little short.

If you want it to be better centered, change that top padding you added to 10px.

If you want those lines between each link to be the same height as that nav bar, you will need to do some extra css.

Is that what you are looking for?