.ddsmoothmenu-v ul
{
/*1. the width of the vertical menu*/
width:180px;
/*2. remove the default list bullets*/
list-style:none;
/*3. margin value to null - needed for Internet Explorer*/
margin:0;
/*4. a space (padding) of 1 px between the list border and its content*/
padding:1px;
/*5. the background color of the menu*/
background-color:#FFFFFF;
/*6. a border of 1px around the menu*/
border:1px solid #2f2e2e;/*#437E7E*/
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
/*1. convert the link from inline to block element so they cover all the available space*/
display:block;
/*2. a specific height - needed for Internet Explorer 6*/
height:25px;
/*3. a top space in between eack link*/
margin-top:1px;
/*4. and a left space (padding) between the border and the text link*/
padding-left:15px;
/*5. background color of the links*/
background-color:#ECECEC;/*#F0F7F7
/*6. a left border of 10px*/
border-left:12px solid #CCCCCC;/*#C7E2E2
/*7. the font family*/
font-family:arial;
/*8. the font size*/
font-size:10px;
/*9. convert the font to capital letter*/
text-transform:uppercase;
/*10. remove the text underline added by default to the links*/
text-decoration:none;
/*11. the color of the text links*/
color:#2f2e2e;/*437E7E
/*12. vertical align of the text link (value equal to the height)*/
line-height:20px;


}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background:#ECECEC; /*#414141background of menu items (default state)*/
color: #2f2e2e; /*white*/
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #E5E5E5; /*black*/
color: #2f2e2e;/*white*/
}

.ddsmoothmenu-v ul li a:hover{
background: #E5E5E5; /*blackbackground of menu items during onmouseover (hover state)*/
color: #666666;/*white*/
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 180px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */