@font-face {
 font-family: MyCustomFont1;
 src: url("../zap.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont1;
 src: url("../zap.ttf") /* TTF file for CSS3 browsers */
}

* 									{ margin: 0; padding: 0; }
ul									{ margin:0; padding:0; list-style:none; position:relative;display:block;}

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; height:25px; margin-top:25px; width:100%;}
ul.dropdown li                      { font-family: MyCustomFont1, Verdana, Arial, sans-serif; font-size:14px; float: left;margin-left:15px; margin-right:15px;}
ul.dropdown a:hover		            {  }
ul.dropdown a:active                {  }
ul.dropdown li a                    { display: block; text-decoration:none; color:#635a63;
	 								   }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; color:#0c89b2; text-decoration:none; }
ul.dropdown li.hover a              { color:#0c89b2;}


/* 
	LEVEL TWO
*/
ul.dropdown ul
{ width: 170px; height:30px; margin-left:-15px; visibility:hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li{
	font-size:12px;
	font-family: MyCustomFont1, Verdana, Arial, sans-serif;
	float: none;
	padding:6px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; text-decoration:none; } 
ul.dropdown ul li a:hover					{ border-right: none; width: 100%; display: inline-block; background-color:#66CCFF; color:#FFFFFF; text-decoration:none; }
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }