Hey guys I have played with this for an hour and tried to find tutorials but I dont get it.
I need to make the text white for a black ground
can some one tell me how please

here is the css
border: 0px solid #000066
body { background-image: url(bback.gif);
color: #FFFFFF; background-color: #000000; }
font: 80% Georgia,sans-serif } text-align: center ;
font-weight: bold ;
ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
border-bottom: 3px solid #CCC;
text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 2px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
border-bottom: 4px solid #FFF;color: #000}
ul#minitabs a#current{border-color: #F60;color: #3333FF}
ul#minitabs a:hover{border-color: #F60;color: #3333FF}
}

I need to know the syntax and where to put it in this code

The #fffffff text color is in there already, as is the black background - #000000.
So, the only thing that's NOT white is the links, if you want them white, you have to change the color: #3333ff to #000000

If that doesn't work, then something else is affecting the color and we'd need to see ALL of the code - or a URL.

Sorry to ask. But here is the url where I am using this and it works.
http://www.bmcoll.com

it is the menu near the top with the white bar that turns red on mouse over.

I am building a new index page with no tables I want to do it all with css.
and also give the main page a better look with more focus.
the new page is just getting started but the menu is there
http://www.bmcoll.com/testing/index.html
You cant see the text it is black so I need to make it white but I cant seem to figure it out.
Thanks in advance

here is the full code

body { background-image: url(ss055.gif); 
    color: #FFFFFF; background-color: #ffffff; } 
    font: 80% Georgia,sans-serif } text-align: center}text-color:#ffffff  ; 
    font-weight: bold ; 
    
    ul#minitabs{list-style: none;margin: 0;padding: 7px 0; 
    border-bottom: 3px solid #CCC; 
    text-align: center;white-space: nowrap} 
    ul#minitabs li{display: inline;margin: 0 2px} 
    ul#minitabs a{text-decoration: none;padding: 0 0 3px; 
    border-bottom: 4px solid #FFF;color: #000} 
    ul#minitabs a#current{border-color: #F60;color: #ffffff} 
    ul#minitabs a:hover{border-color: #F60;color: #ffffff} 
    }

Ok, first, use Firefox and get the Firebug Extension, it will help you immensely in figuring out this type of problem.

Ok, change this:

ul#minitabs a {
border-bottom:4px solid #FFFFFF;
color:#000000;
padding:0 0 3px;
text-decoration:none;

to this:

ul#minitabs a {
border-bottom:4px solid #FFFFFF;
color:#FFFFFF; <!--- change this
padding:0 0 3px;
text-decoration:none;

Do I just google fierbug or is there a menu in firefox thats will get it. I use chrome But I use firefox to.

And thank you very much.
I have taught myself php and Im not a pro but I can write most of what I want on my own But I never knew how cool css is until I started trying to display my pictures with out tables. After reading one of your posts.

Firebug is an extension for Firefox so you can find it a Mozilla.com, but if you Google Firebug, you'll find it.