/*transition effect guide*/
#list-menu {
width: 100%;

/*this width value is also effected by
the padding we will later set on the links. 
*/
}
#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 9px; 
} 
#list-menu li {
margin: 2px 0 0;
} 
#list-menu a {
width:100%;
text-decoration: none; /*lets remove the link underlines*/
} 
#list-menu a:link {
color: #000000;
}

#list-menu a:visited{
color: #000000;
}

#list-menu a:hover {
background: #333333;
color: #0033CC;
}





#list-menu-ex {
width: 100%;
margin: 0px 0px 0px 0px;
color: #EBEBEB;
}

#list-menu-ex a {
margin: 2px 2px 2px 2px;
display: block;
filter:blendTrans(duration=0.5);
text-decoration: none; /*lets remove the link underlines*/
 font-family: Verdana, Arial, Helvetica,sans-serif;
 font-size: 11px; font-weight: normal; 
color: #EBEBEB;
}

#list-menu-ex a:link {
color: #EBEBEB;
}

#list-menu-ex a:visited{
color: #EBEBEB;
}

#list-menu-ex a:hover {
border: 1px solid #000000;
background: #333333;
color: #EBEBEB;
}