Mirror the Blogger Page Menu for a Verticle Menu


#1

I am trying to mirror the Blogger Pages Menu on my blog. The horizontal menu is in English and I want the vertical menu to be in Spanish, but look exactly like the English. I have tweaked the code for the transparency and colors, etc. I added rounded corners, I need to remove the bullet and increase the height a bit. Also, I would like to make the right side block, keeping the rounded corners on the top left & bottom left. Is this possible? Any help would be appreciated. the blog is www.valleverdequintas.com Here is the code:

/* ######### Sidebar Menu by www.MyBloggerTricks.com ######### */ .ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/ font: normal 18px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 10; list-style-type: none; background: white; border: 0px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; } .ddsubmenustyle ul{ margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; border: 0px none; } .ddsubmenustyle li a{ display: block; width: 150px; /*width of menu (not including side paddings)*/ color: #000000; background-color: #595959; opacity: .4; text-decoration: none; padding: 1px 1px; border-bottom: 1px solid black;rounded } * html .ddsubmenustyle li{ /*IE6 CSS hack*/ display: inline-block; width: 150px; /*width of menu (include side paddings of LI A*/ } .ddsubmenustyle li a:hover{ background-color: #000000; color: #ffffff; } .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/ padding-left: 0px; border: 0; } .rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/ position: absolute; padding-top: 0px; left: 100px; border: 0; } .ddiframeshim{ position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; } /* ######### Vertical Menu ######### */ .markermenu{ width: 180px; /*width of side bar menu*/ clear: right; position: relative; } .markermenu ul{ list-style-type: none; margin: 0px 0; padding: 0; border: 0px solid #9A9A9A; } .markermenu ul li a{ background: #000000 url(http://2.bp.blogspot.com/-iqYq70P-LtU/T2YgqBSJzCI/AAAAAAAAGGY/cl6QgaRIGQY/s400/list.gif) no-repeat 3px center; opacity: .8; font: 16px "Arial", "Trebuchet MS" ;color: #FFFFFF; display: block; border-radius:30px; -moz-border-radius:10px; -webkit-border-radius:20px; width: auto; height: auto; padding: 0px 0; padding-left: 20px; text-decoration: none; border-bottom: 0px solid #B5B5B5; } * html .markermenu ul li a{ /*IE6 hack*/ width: 150px; } .markermenu ul li a:visited, .markermenu ul li a:active{ color: #00014e; } .markermenu ul li a:hover, .markermenu ul li a.selected{ color: #336699; background-color: #FDFEFE; }