I was having some problems with my site template fitting the profiles correctly, so I decided to convert a untouched template to my site design.... well I got everything working right except the module class suffix!

I dont understand because these are the settings I have for my other template that is working fine. Its using the rhuk_solarflare_ii_dw

and this new one is just the "un-dynamic width" version - rhuk_solarflare_ii


My problem seems to be that it is not reading the module class suffix settings at all. Its reading the other css, but as you can see - www.transitionalstate.com/joomla/

its not taking the header images that I want.

For example I have my "Main Menu" set as "_community within the module settings.

And this is the css that I have:

table.moduletable_community th
{
background-color: transparent;
background-image: url(../images/bg_community.gif);
background-repeat: no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;
}


table.moduletable_topics th {
background: transparent url(../images/bg_topics.png) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;}

table.moduletable_mytstate th {
background: transparent url(../images/bg_mytstate.png) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;}

table.moduletable_tstate th {
background: transparent url(../images/bg_tstate.png) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;}

table.moduletable_news th {
color: #666666;
text-indent: 23px !important;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 26px;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
}

table.moduletable_news {
width: 100%;
height: 60px;
overflow:auto;
}

table.moduletable_polls th {
background: transparent url(../images/bg_poll.gif) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;
}

table.moduletable_whosonline th {
background: transparent url(../images/bg_login.gif) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;
}
table.moduletable_admin th {
background: transparent url(../images/bg_admin.gif) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;}

table.moduletable_login th {
background: transparent url(../images/bg_login.gif) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;}

table.moduletable_latest th {
color: #8eb530;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
height: 21px;
padding-top: 2px;
padding-left: 0px;
font-weight: bold;
font-size: 10px;
text-transform: lowercase;
}

table.moduletable_popular th {
color: #8eb530;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
height: 21px;
padding-top: 2px;
padding-left: 0px;
font-weight: bold;
font-size: 10px;
text-transform: lowercase;
}

table.moduletable_shoutbox th {
background: transparent url(../images/bg_shoutbox.gif) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;
}

table.moduletable_forums th {
background: transparent url(../images/bg_forums.gif) top left
no-repeat;
color: #ffffff;
text-indent: 23px !important;
text-align: left;
vertical-align: middle;
padding-top: 0px;
padding-left: 0px;
height: 15px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-transform: lowercase;
width: 165px;
}


I just dont get what I am doing wrong because it is working on my other template. Am I missing something? Please Help!