#slide {
padding: 0;
.margin-top: 11px;
margin-left:  5px;
list-style: none;
width: 190px;
height: 226px;
position: relative;
overflow: hidden;
font-family:  verdana, sans-serif;
font-size: 11px;
text-align:  left;
border: 1px solid #eee;
background: #eee;
}

#slide li.sub,#slide li.top{
display: block;
float: left;
height: 24px;
line-height: 24px;
width: 190px;
color: #000;
background: #eee;
text-decoration: none;border-bottom: 1px solid #fff;
text-indent:  20px;
overflow: hidden;
cursor: pointer;
}

#slide li.sub{
background: #eee url(out.gif) no-repeat 5px 8px;
}

#slide li.top a{
text-decoration: none;
color: #000;
display: block;
background: url(out.gif) no-repeat 5px 8px;
}

#slide li.top a:hover{
color: #069;
background: #ddd url(out-over.gif) no-repeat 5px 8px;
}

#slide li.clicked{
color: #800;
 background: #ddd url(down.gif) no-repeat 5px 8px;
}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div{
background: #fff;
height: 125px;
width: 160px;
padding: 0 15px;
line-height: 1.2em;
font-family:  verdana, sans-serif; text-indent: 0;
}

#slide li div ul{
padding: 0; margin: 0;
list-style: none;
}

#slide li div ul li{
float: left;
height: 20px;
width: 100%;
}

#slide li div ul li a{
padding: 0;
margin: 0;
color: #888;
text-decoration: none;
background: #fff url(out.gif) no-repeat 5px 6px;
font-size: 10px; display: block;
border-bottom: 1px solid #ddd;
height: 19px;
line-height: 19px;
width: 100%;
text-indent: 20px;
}

#slide li div ul li a:hover{
color: #c00;
background: #fff url(out-over.gif) no-repeat 5px 6px;
}