hi

Now i am in a big trouble.. please help me.......

I create two containers with different title color.

The css are

HeadBlue.head{
color:#0000CC;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
text-align: left;
} 
.HeadGreen.head{
color:#009933;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
text-align: left;
} 

If we use both container in the same page,only one color will display.

I can't find out the problem . please help me.

The color display is depends upon the time of applying container. That means which one is apply last , that color will display.

Sorry to attach the " . " at the time of posting my query.

Please place a space between the two classes

Instead of .Headblue.head => replace with .Headblue .head

Hope this help.