ul,li  { margin: 0px; padding: 0px; }
ul { list-style: none; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      {
    font-weight: bold;
    float: left;
    zoom: 1;
}
ul.dropdown a:hover		    { color: #000; }
ul.dropdown li a  {
    display: block;
    color: #ffffff;
    font-size:16px;
    color:white;
    font-weight:bold;                   
    text-decoration:none;
    font-family: Arial,Tahoma, Helvetica,Verdana;
    text-align:left;
}
ul.dropdown > li > a {
    margin-bottom:7px;
}
ul.dropdown li:last-child a {
    border-right: none;    
}
/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { color: #000000; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 	 { 
    border:1px solid #ffffff;
    width: 220px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
}
ul.dropdown ul li  {
    font-weight: normal;
    background: #bac2d4;
    color: #000;
    font-size:13px;
    border-bottom: 1px solid #ccc;
    float: none;
}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
    color:#000000;
    font-size:13px;
    width: 100%;
    display: inline-block;
}
ul.dropdown ul li a:hover {
    color:#ffffff;
}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul  { visibility: visible; }