ul.dropdown{ position: relative;list-style:none; padding:0; margin:0; }
ul.dropdown li{list-style:none; padding:1; margin:0; /*zoom: 1;*/}
/*ul.dropdown li:last-child a{ border-right: none; }  Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover{
	position: relative; /*background:#E6E6E6;*/
}

/*LEVEL TWO*/
ul.dropdown ul{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    left: 0;
    margin-left: -21px;
    margin-top: 0;
    padding: 4px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    white-space: nowrap;
    width: auto;
}
ul.dropdown ul li{display:block; width:150px; padding-left:10px; text-align:left!important; background:none!important; font-family: Arial, Helvetica, sans-serif;font-size:15px;}
ul.dropdown ul li a{ line-height:28px!important; text-align:center!important; font-family:Arial, Helvetica, sans-serif; font-size:15px!important; background:none!important; text-decoration:none!important; padding:0!important; margin:0!important; color:#000!important;}

ul.dropdown ul li a:hover{font-family:Arial, Helvetica, sans-serif; text-decoration:underline!important; border:none 0px!important;}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li { clear:both; width:160px;}
ul.dropdown ul li a	{ border-right: none; display: inline; float:none; width:auto; color:#fff; font-size:17px; padding:0 0 2px 0; height:auto;}
ul.dropdown ul li a.active, ul.dropdown ul li a:hover{ background:none; border-bottom:solid 1px yellow;}

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



/*------------------- CSS FOR HOW IT WORKD LIST BOX------------------*/

ul.pulldown{ list-style:none; padding:0; margin:0; }
ul.pulldown li{list-style:none; padding:1; margin:0; /*zoom: 1;*/}
/*ul.pulldown li:last-child a{ border-right: none; }  Doesn't work in IE */
ul.pulldown li.hover,
ul.pulldown li:hover{
	position: relative; /*background:#E6E6E6;*/
}

/*LEVEL TWO*/
ul.pulldown ul{
	margin-left:4px;
	width: auto;
	white-space:nowrap;
	visibility: hidden;
	position: absolute;
	top: 77%;
	left: 0;
	background:yellow;
	padding:0px;
	margin-top:0px;
	border: 1px solid #E6E6E6;
}
ul.pulldown ul li{border: 1px solid #333333; display:block; width:150px; padding-left:10px; text-align:left!important; background:none!important; font-family: Arial, Helvetica, sans-serif;font-size:15px;}
ul.pulldown ul li a{ line-height:28px!important; text-align:center!important; font-family:Arial, Helvetica, sans-serif; font-size:15px!important; background:none!important; text-decoration:none!important; padding:0!important; margin:0!important; color:#000!important;}

ul.pulldown ul li a:hover{font-family:Arial, Helvetica, sans-serif; text-decoration:underline!important; border:none 0px!important;}

/* IE 6 & 7 Needs Inline Block */
ul.pulldown ul li { clear:both; width:160px;}
ul.pulldown ul li a	{ border-right: none; display: inline; float:none; width:auto; color:#fff; font-size:17px; padding:0 0 2px 0; height:auto;}
ul.pulldown ul li a.active, ul.pulldown ul li a:hover{ background:none; border-bottom:solid 1px yellow;}

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