@font-face {
    font-family: 'ArialNarrow';
    src: url('../arialn.eot');
    src: url('../arialn.eot') format('embedded-opentype'),
         url('../arialn.woff') format('woff'),
         url('../arialn.ttf') format('truetype'),
         url('../arialn.svg#ArialNarrow') format('svg');
}
@font-face {
    font-family: 'apex_newbook';
    src: url('font_0-webfont.eot');
    src: url('font_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_0-webfont.woff2') format('woff2'),
         url('font_0-webfont.woff') format('woff'),
         url('font_0-webfont.ttf') format('truetype'),
         url('font_0-webfont.svg#apex_newbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 
	LEVEL ONE
*/
ul.dropdown { position: relative; margin:0; padding:0; z-index:999; }
ul.dropdown li { float:left; padding:10px 0; font-family:'ArialNarrow'; font-size:14px; list-style:none; position:relative; }
ul.dropdown li a { text-decoration:none; color:#666; background:url(bg_li.png) 0 0 no-repeat; padding:0 20px 0 23px; }
ul.dropdown a:hover	{ color:#666; background:url(bg_li.png) 0 -21px no-repeat; }

/* 
	LEVEL TWO
*/
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; display: block; width:180px; background:#ececec; padding:5px; text-align:left; border:1px solid #D6D6D6; }
	
ul.dropdown ul li { float:none; font-size:14px; border-bottom:1px solid #CCC; padding:0; }
ul.dropdown ul li a { display:block; padding:5px 5px; background:none; } 
ul.dropdown ul li a:hover { background:#D6D6D6; }

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