@charset "UTF-8";
/* CSS Document */

--------------------------------------------------------
#slide {padding:0; margin:0; list-style:none; width:205px; height:315px; border:1px solid #ccc; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; }



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/vertical-concertina-6.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* #slideslide height = (number of top level links - 1) * height of links + inner div height */
/* This is the code for the menu adjustments */
#slide {
	
	padding:0;
	margin:0;
	list-style:none;
	width:203px;
	height:276px;
	
	/*border:1px solid #D1D1D1;*/
	/*position: relative; */
	overflow:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	left: 0;
	top: 0;
	border-right:1px solid #e5e5e5; 
	border-left:1px solid #e5e5e5; 
}





#slide li.sub,
/* This is the code for the menu list block adjustments */
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:205px; color:#000; background:#fff; text-decoration:none; border-bottom:1px solid #fff; text-indent:10px; overflow:hidden; cursor:pointer;}

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

#slide li.top a {text-decoration:none; color:#000; display:block; background:url(arrows/out.gif) no-repeat 5px 8px;}
#slide li.top a:hover {color:#069; background:#ddd url(arrows/out-over.gif) no-repeat 5px 8px;} /*?????*/

#slide li.clicked {color:#800; background:#ddd url(arrows/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:205px; 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(arrows/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:0px;}
#slide li div ul li a:hover {color:#069; background:#fff url(arrows/out-over.gif) no-repeat 5px 6px;}
