Hi Im having 2 major issues with Clevr Nav

1. I can't get rid of the underline on the text
2. the drop down boxes have a big margin on the left so the text isnt centred in the drop down boxes

Please send me the changes to coding or where I can make these changes

View Coding below

/* LEVEL ONE */
.clevyr-nav ul.dropdown { position:relative; list-style: none!important; margin: 0!important; padding:0!important;}
.clevyr-nav ul.dropdown ul { list-style: none; margin: 0; padding:0; z-index: 2; position: relative }
.clevyr-nav ul.dropdown li { font-weight:bold; float:left; zoom:1; background:#ff0000; }
.clevyr-nav ul.dropdown a:hover { color:#000; }
.clevyr-nav ul.dropdown a:active { color:#ffa500; }
.clevyr-nav ul.dropdown li a { display:block; padding:20px 50px; border-right:0px solid #; color:#000000; }
.clevyr-nav ul.dropdown li:last-child a { border-right:none; }

/* Doesn't work in IE */
.clevyr-nav ul.dropdown li.hover,
.clevyr-nav ul.dropdown li:hover { background:#ff0000; color:black; position:relative; }
.clevyr-nav ul.dropdown li.hover a { color:000; }

/* LEVEL TWO */
.clevyr-nav ul.dropdown ul { width:160px; visibility:hidden; position:absolute; top:100%; left:0; }
.clevyr-nav ul.dropdown ul li { font-weight:normal; background:#f6f6f6; color:#000; border-bottom:0px solid #ccc; float:none; }

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

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

/** clearfix **/
.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0 }
* html .clearfix { height:1% }