#list-menu {
width: 140px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu ul {
margin: 0px;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 11px;
}

#list-menu li {
margin: 2px 0 0 2px;
}

#list-menu a {
display: block;
width:140px;
border: 1px solid #5DB9B9;
padding: 2px 1px 2px 1px;
background: #5DB9B9;
text-decoration: none;
filter:blendTrans(duration=0.5);
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

#list-menu a:hover {
border: 1px solid #808080;
background: #FFFFFF;
color: #5DB9B9;
}



#main {
border:0px solid #000; 
}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

#main #menu {
		border-top:0px solid #7B007B; 
		border-right:0px solid #7B007B;
		border-left:0px solid #7B007B; 
		border-bottom:0px solid #7B007B;
		float:left;
		width:130px;
		margin: 0px 0px 0px -8px;
		}
#menu p { font-size:10px}