/* CSS Document  */

div#menu {
color:#fff;
float: left; 
width: 250px;
margin: 0;
background: transparent;
}
div#menu a{
color:#fff;
}

div#menu ul {
 position:relative;
 margin: 30px 0 0; 
 padding: 0; 
 background: transparent;
}

div#menu li {
  text-align:right;
 position: relative; 
 list-style: none; 
 margin: 0;
 _height:1em;
 z-index:20;
 border-top: 1px solid #A1A2A4;
 background: transparent;
  background: #5A5E61 url(../img/bg_left_side.jpg)  left top repeat-y;
}

div#menu li:hover {
 background: #BF0000 url(../img/bg_left_side_active.jpg)  left top repeat-y;
}

div#menu li.submenu{

}

div#menu li.submenu:hover {

}

div#menu li a {
 background: transparent url(../img/pointer_white.gif)  right center no-repeat;
 display: block; 
 padding: 0.25em 1.5em 0.25em 0.5em;
 text-decoration: none; 
}
div#menu li a span.fire{
 background: transparent url(../img/bg_fire_white.gif)  right center no-repeat; 
 width:20px;
 padding:0 10px;
 width:20px;
 margin-right:1em;
}

div#menu>ul a {
width: auto;
}

div#menu ul ul ul,
div#menu ul ul {
position: absolute; 
top: -2.4em; 
left: 250px;
width:200px;
display: none;
border-left: 1px solid #A1A2A4;
}

div#menu li.submenu li{
padding-left:1em;
 text-align:left;
 background: #5A5E61;
}

div#menu li.submenu li:hover {
 background: #BF0000;
}

div#menu li.submenu li a {
 background-image:none;
}
div#menu li.submenu li a span.fire{
 display:none;
}
div#menu ul.level1 li.submenu:hover ul.level2, 
div#menu ul.level2 li.submenu:hover ul.level3,
div#menu ul.level3 li.submenu:hover ul.level4 {
display:block;
}