/*transition effect guide*/
/* NOTE:  It is best if you don't use the CSS from this
stylesheet as changes have been made for presentation purposes.
Please use the code directly from the tutorial. */

#list-menu {
width: 140px;
margin: 15px 10px 20px 35px;
/*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: 12px; 
} 
#list-menu li {
margin: 2px 0 0;
} 
#list-menu a {
display: block;
width:110px;
padding: 2px 2px 2px 24px;
border: 1px solid #000000;
background: #dcdcdc;
text-decoration: none; /*lets remove the link underlines*/
} 
#list-menu a:link {
color: #000000;
}

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

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









#list-menu-ex {
width: 140px;
margin: 15px 10px 20px 35px;
/*this width value is also effected by
the padding we will later set on the links. 
*/
}
#list-menu-ex ul {
margin: 0; 
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 12px; 
} 
#list-menu-ex li {
margin: 2px 0 0;
} 
#list-menu-ex a {
filter:blendTrans(duration=0.5);
display: block;
width:110px;
padding: 2px 2px 2px 24px;
border: 1px solid #000000;
background: #dcdcdc;
text-decoration: none; /*lets remove the link underlines*/
} 
#list-menu-ex a:link {
color: #000000;
}

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

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