#menu_main{
  width: 951px;
  background:url(../images_layout/btns.jpg) no-repeat center;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  /*border: solid 1px green;*/
}
ul.css_menu {
  float: right; 
  margin: 6px 5px 0 auto;
  list-style: none; 
  padding: 0px;
  background-color: #38454C;
  white-space: nowrap;
  /*border: solid 1px red;*/
}
ul.css_menu li {
  float: left;
  position: relative; 
  margin: 0; 
  padding: 0 4px 0 4px;
  color: #fff;
}
ul.css_menu .spacer {
  padding: 2px 0 0 0;
}
ul.css_menu ul{ 
  margin: 0;
  list-style: none; 
  display: none; 
  position: absolute; 
  z-index: 500;
  padding-right: 8px;
}
ul.css_menu a{
  color: #fff;
  font-weight: 300;
	text-decoration:none;
  display: block;
  border: none;
  width: 100%;
  padding: 3px 0 3px 0;
  font-weight: bold;
}
ul.css_menu li ul li{
  width: 100%;
/*  padding: 3px 0 3px 0;*/
  border-bottom: 1px solid #69767D;
}
ul.css_menu:after{ 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden; 
} 

ul.css_menu li:hover{ 
    background-color: #69767D; 
} 

/* 
 * Hide sub menus that are not hovered over. 
 * It only works for 5 levels deep.  If for some reason you need 
 * more, it should be easy to see how to copy the last selector and 
 * add one more li:hover.  Same goes for the display: block; part below. 
 */ 
ul.css_menu ul, 
ul.css_menu li:hover ul ul, 
ul.css_menu li:hover li:hover ul ul, 
ul.css_menu li:hover li:hover li:hover ul ul{ 
  display: none;  
}  

/* show hovered submenus */ 
ul.css_menu li:hover ul, 
ul.css_menu li:hover li:hover ul, 
ul.css_menu li:hover li:hover li:hover ul, 
ul.css_menu li:hover li:hover li:hover li:hover ul{ 
    display: block; 
} 


/* DOWN type menus */
ul.cm_down{
    margin-left: 4em;
}
ul.cm_down li ul{ 
    top: 1.6em; 
    left: 0px; 
} 

ul.cm_down li.parent:hover{ 
    background: #69767D url(../images_layout/down.gif) right center no-repeat; 
    padding-right: 15px;
} 

ul.cm_down li.parent{ 
    background-image: url(../images_layout/down.gif); 
    background-position: right center; 
    background-repeat: no-repeat; 
    padding-right: 15px;
} 

/* RIGHT type menus */ 
ul.cm_right li.parent ul{ 
    left: 7.0em; 
    top: -0.1em;
    width: auto;
} 

ul.cm_right li.parent:hover{
    background: #69767D url(../images_layout/right.gif) right center no-repeat; 
    padding-right: 0px;
} 
ul.cm_right li.parent{  
    background: url(../images_layout/right.gif) right center no-repeat; 
    padding-right: 0px;
} 

ul.cm_right li{ 
    float: none; 
} 


ul.css_menu li.current{
    background-color: #69767D;
}






#menu_left,
#menu_left li ul {
  padding: 2px 0px 2px 14px;
  font-size: 1em;
  list-style-type: none;
  margin:0;
  color: #fff;
  background-color: #38454C;
  /*  border: solid green 1px;*/
}

#menu_left li,
#menu_left li ul li{
  margin: 2px 0 0 0;
  padding: 0;
  font-weight: bold;
  /*border: 1px solid black;*/
}
#menu_left li a,
#menu_left li ul li a{
  color: #fff;
  padding: 3px 0px 5px 0px;
  display: block;
  text-decoration: none;
  font-weight: normal;
}
#menu_left li a:hover,
#menu_left li ul li a:hover{
  background-color: #69767D;
}