/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {
padding:0; 
margin:0; 
list-style:none; 
width:214px; 
height:394px; 
border:0px solid #000; 
position:relative; 
overflow:hidden; 
font-family: geneva, arial, verdana, sans-serif; 
font-size:12px; 
}

#slide li.sub,#slide li.top{
display:block; 
float:left; 
height:24px; 
line-height:24px;
 width:214px; 
 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(imagens/out3.gif) no-repeat 5px 8px;
}


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

#slide li.clicked {
color:#000; 
background:#ddd url(imagens/down3.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:244px; 
width:190px; 
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:#000; 
text-decoration:none; 
background:#fff url(imagens/out_over3.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:#0066CC; 
background:#fff url(imagens/out_over3.gif) no-repeat 5px 6px;
}

#over_top{
padding:5px;
background:#FF9900 url(imagens/fdo_tit_menu2.png) no-repeat;
text-align:center; 
color:#fff;
height:15px;
}