/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style:none outside none; margin: 0; padding: 0;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; /*height: 30px; line-height: 30px; *//*background: #ccc;*/ height: 33px;}
ul.dropdown a:hover		            { color: #000; background: #f68933;}
ul.dropdown a.arr:hover		        { color: #000; background: #f68933 url("https://www.paraben.com/includes/images/arr.gif") no-repeat right;}
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { /*display: block; padding: 4px 8px; border-right: 1px solid #333;*/
	 								  color: #222;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover                { color: black; position: relative; background-color: #f78c3a;}
ul.dropdown li.hover a              { color: black; font-weight: bold; /*background: #ccc;*/}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; margin-top: 0px; left: 0; z-index: 100; list-style:none outside none; margin: 0; padding: 0;}
ul.dropdown ul li 					{ font-weight: normal; background: #ccc; color: #000; padding: 3px; height: 17px;
									  border-bottom: 1px solid #eee; float: none; }
ul.dropdown ul li:hover				{ background: #f68933; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0;  }
ul.dropdown li:hover > ul 			{ visibility: visible; }
ul.dropdown ul ul li 				{ background: #eee; color: #000;
									  border-bottom: 1px solid #fff; }
.arr {background: url("https://www.paraben.com/includes/images/arr.gif") no-repeat right;}