/**
 * Multi Level Drop Down Menu 3.0 - CSS Temp
 * April 17, 2010
 * Corey Hart @ http://www.codenothing.com
 */ 
 
#multi-ddm {
 list-style: none;
 padding: 0;
 margin: 0;
}
 
#multi-ddm li {
 float: left;
 margin: 0px;
}
 
#multi-ddm li li {
 float: none !important;
 width: 200px;
 background: #434343 none !important;
 padding: 0px !important;
}
 
#multi-ddm li a {
 display: block;
 text-align:center;
 padding-top: 5px;
 padding-bottom: 5px;
 text-decoration: none;
 color: #fff;
 font-weight: bold;
}
 
#multi-ddm li ul a {
 padding: 5px;
 font-size: 10pt;
 text-align: left;
}
 
#multi-ddm li a.parent-hover {
}
 
#multi-ddm li ul {
 display: none;
 list-style: none;
 position: absolute;
 margin: 0;
 height: auto !important;
 z-index: 90;
 padding: 0 !important;
 background: #434343 none !important;
 border: 1px solid #000 !important;
 border-bottom: 0;
 border-top: 0;
}
 
#multi-ddm li ul li a.first {
 border-top: 1px solid #545454;
}
 
#multi-ddm li ul li a.child-hover1 {
 background-color: #f1f1f1;
}
 
#multi-ddm li ul li a.child-hover2 {
 background-color: black;
 color: white;
}
 
#multi-ddm li ul li a.child-hover3 {
 background-color: purple;
 color: white;
}
 
#multi-ddm li ul li a.child-hover4 {
 background-color: blue;
 color: white;
}
 
#multi-ddm li ul li ul {
 margin: -33px 0 0 200px;
 position: absolute;
}
 
#multi-ddm span {
 float: right;
}

