.StaticMenuStyle 
{ 
margin: 0;


list-style-type: none;
font: bold 13px Arial;
width: 170px; 
border-bottom: 0px solid #ccc;
} 

/* Apply this CSS class go to Menu Control Properties->StaticHoverStyle->CssClass. Here type this class Name */ 

.StaticHoverStyle 
{ 
background: #3970bd;
} 


.DynamicMenuStyle 
{ 
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Arial;
width: 170px; 
border-bottom: 0px solid #ccc;
} 

.DynamicHoverStyle 
{ 
background: #3970bd;
} 
.StaticMenuStyle A
{
display: block;
overflow: auto; 
color: white;
text-decoration: none;
padding:16px;
padding-left:16px; padding-top:17px; 
border-bottom: 0px solid #778;
border-left: 0px solid #778;
text-align:left;
font: normal 13px Arial;

}
.DynamicMenuStyle A
{
display: block;
overflow: auto; 
color: white;
text-decoration: none;
padding:16px;
padding-left:16px; padding-top:17px; 
border-bottom: 0px solid #778;
border-left: 0px solid #778;
text-align:left;
font: normal 13px Arial;

}
.StaticMenuStyle a:hover{
background: #3970bd;
}
.DynamicMenuStyle a:hover{
background: #3970bd;
}
.StaticMenuStyle A:link,.StaticMenuStyle A:visited,.DynamicMenuStyle A:link,.DynamicMenuStyle A:visited
{
background:url(../../App_Common/images/off_nav_.gif) top left no-repeat;
}
.StaticMenuStyle A:link:hover,.StaticMenuStyle A:visited:hover,.DynamicMenuStyle A:link:hover,.DynamicMenuStyle A:visited:hover
{
background: #3970bd;
}