custom theme and class suffix?

Hi
I am builing a theme in joomla
It is all going well bar the menu

I want to create three menus going down the site each will have a given background and also a top margin.

I created the menus but when i place them in the module the css is not been picked up or at least not all of it

When I place custom HTML is the modules they work fine full css but the menus arent working at all

my temple code for the position is

<div class="main_body_right">
<jdoc:include type="modules" name="menus-right" style="none" />
</div>

Code (markup):

and the css is

.custom_main_body_right {
width:29.5%;
background-color:#606060 ;
margin-top:2%;

float:right;
padding-left:5px;
color:  #D0D0D0;
border-top-right-radius:5px;



}

.custom_main_body_right a, ul  {
text-decoration: none;
list-style-type: circle;


color: #969696;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0), 0px 0px 5px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    font-size: 12px;
  



}


.custom_main_body_right a, li:hover  {
background-color:#000;
color:#f00;


}

.custom_main_body_right h3 {

color:  #D0D0D0;
height:29px;
margin-top:0px;
padding-bottom:2px;
padding-left:0px;
background-color:#585858 ;
border: 1px solid #686868   ;
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;

}

Code (CSS):

I have tried changing around the different css suffix settings in the module manager but nothing is working
any ideas

 

Please check your code..

on your DIV you have tag of "main_body_right" but on your css you have ".custom_main_body_right" make sure those is match.. thanks