.menubg{
width:228px;
height:auto;
font-family:Calibri;
font-size:15px;
font-weight:500;
color:white;
text-align:left;
text-transform:uppercase;	
text-decoration:none;
list-style-type:none;
padding:0 0 0 0;
background-color:white;
line-height:17px
}


.menuseparator{
width:228px;
height:1px;
background-color:white;
margin:0 0 0 0;
}



.ddsmoothmenu-v{
width:228px;
height:auto;
font-family:Calibri;
font-size:15px;
font-weight:500;
color:white;
text-align:left;
text-transform:uppercase;	
text-decoration:none;
list-style-type:none;
padding:0 0 0 0;
margin:0 0 0 0
}

.ddsmoothmenu-v ul{
margin: 0;
width:228px;
height:auto;
font-family:Calibri;
font-size:15px;
font-weight:500;
color:white;
text-align:left;
text-transform:uppercase;	
text-decoration:none;
list-style-type:none;
}
 
.ddsmoothmenu-v ul li{
position: relative;

}

/*********************************************** Top level menu links style **********************************************/


.ddsmoothmenu-v ul li a{
display: block;
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:uppercase;	
text-decoration:none;
text-align:left;
width:183px;
height:auto;
padding:14px 20px 14px 25px;
margin:0 0 0 0;
background-color:#43b20a;
}




.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
display: block;
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:uppercase;	
text-decoration:none;
text-align:left;
width:183px;
height:auto;
margin:0 0 0 0;
}




.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
display: block;
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:uppercase;	
text-decoration:none;
text-align:left;
width:183px;
height:auto;
background-color:#349601;
margin:0 0 0 0;
}



.ddsmoothmenu-v ul li a.colored{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
display: block;
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:uppercase;	
text-decoration:none;
text-align:left;
width:183px;
height:auto;
background-color:#349601;
margin:0 0 0 0;
}




.ddsmoothmenu-v ul li a:hover{
display: block;
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:uppercase;	
text-decoration:none;
text-align:left;
width:183px;
height:auto;
background-color:#349601;
margin:0 0 0 0;
}


/************************************Sub level menu items***********************************************/


.ddsmoothmenu-v ul li ul{
position: absolute;
max-width:160px;
height:auto;
top: 0;
visibility: hidden;
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:capitalize;	
text-decoration:none;
margin:0px 0 1px -58px;
padding:0 0 0 0;
}



.ddsmoothmenu-v ul li ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:capitalize;	
text-decoration:none;
max-width:160px;
height:auto;
margin:0px 0 1px 60px;
padding:10px 10px 10px 10px;
background-color:#43b20a
}

.ddsmoothmenu-v ul li ul li a:link, .ddsmoothmenu-v ul li ul li a:visited, .ddsmoothmenu-v ul li ul li a:active{
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:capitalize;	
text-decoration:none;
max-width:160px;
height:auto;
margin:0px 0 1px 60px;
padding:10px 10px 10px 10px;
background-color:#43b20a
}


.ddsmoothmenu-v ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:capitalize;	
text-decoration:none;
max-width:160px;
height:auto;
margin:0px 0 1px 60px;
padding:10px 10px 10px 10px;
background-color:#349601
}




.ddsmoothmenu-v ul li ul li a.colored{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:capitalize;	
text-decoration:none;
max-width:160px;
height:auto;
margin:0px 0 1px 60px;
padding:10px 10px 10px 10px;
background-color:#349601
}



.ddsmoothmenu-v ul li ul li a:hover{
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:capitalize;	
text-decoration:none;
max-width:160px;
height:auto;
margin:0px 0 1px 60px;
padding:10px 10px 10px 10px;
background-color:#349601
}



/************************************2nd Sub level menu items***********************************************/

.ddsmoothmenu-v ul li ul li ul {
position: absolute;
max-width:160px;
height:auto;
top: 0;
visibility: hidden;
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:capitalize;	
text-decoration:none;
margin:0 0 20px 22px;
padding:0 0 0 0;
}

.ddsmoothmenu-v ul li ul li ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
font-family:Calibri;
font-size:16px;
font-weight:500;
color:white;
text-transform:capitalize;	
text-decoration:none;
max-width:160px;
height:auto;
margin:0px 0 1px 60px;
padding:10px 10px 10px 10px;
background-color:#43b20a
}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
left:0px;
}

.rightarrowclass{
position: absolute;
top:22px;
left:205px;
}


/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

/***********************************************************************************/

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