/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {
    margin : 80px 5px 10px 5px;
padding : 5px 0 0 0;
    padding:0; margin-top:40px;  list-style:none; width:190px; height:335px; border:0px solid #ccc; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; }

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

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

#slide li.top a {text-decoration:none; color : #4c0c0c; font-weight : bold; display:block; background:url(../images/out.gif) no-repeat 5px 8px; }
#slide li.top a:hover {color:#3d496a; background:#ddd url(../images/out-over.gif) no-repeat 5px 8px;}

#slide li.clicked {color:#800; background:#ddd url(../images/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:165px; width:160px; padding:0 15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0; }

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub2 div {background:#fff; height:165px; 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(../images/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:#3d496a; background:#fff url(../images/out-over.gif) no-repeat 5px 6px;}