/*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: 160px;
margin: 0px 0px 0px 0px;
/*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, Helvetica, sans-serif;
font-size: 12px; 
} 
#list-menu li {
margin: 0px 0 0;
} 
#list-menu a {
display: block;
width:160px;
padding: 4px 4px 4px 4px; /*padding for each block*/
border: 1px solid #dcdcdc; /*border - light grey*/
background: #ffffff; /*background - white*/
text-decoration: none; /*lets remove the link underlines*/
filter:blendTrans(duration=1.0);
} 
#list-menu a:link {
color: #0000CC; /*regular link - dark blue*/
}

#list-menu a:visited{
color: #0000CC; /*visted link - dark blue*/
}

#list-menu a:hover {
border: 1px solid #000000; /*border - black*/
background: #000099; /*background - dark blue*/
color: #ffffff; /*hover link - white*/
}