/* ================================================================ 
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.
=================================================================== */

/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {
	border:1px solid #EB8311;
	background-color:#eb8311;
	padding:0; 
	margin:0; 
	list-style:none; 
	width:238px; 
	height:200px; 
	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:238px;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #fff;
	text-indent:20px;
	overflow:hidden;
	cursor:pointer;
	background-color: #EB8311;
}

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

#slide li.top a {
	text-decoration:none; 
	color:#000; 
	display:block; 
	background:url(../images/menu-vert-slide/out.gif) no-repeat 5px 8px;
	}
	
#slide li.top a:hover {
	color:#FFF;
	background-color: #C30;
	background-image: url(../images/menu-vert-slide/out-over.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	}

#slide li.clicked {
	color:#eb8311;
	background-color: #C30;
	background-image: url(../images/menu-vert-slide/down.gif);
	background-repeat: no-repeat;
	background-position: 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:210px; 
	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/menu-vert-slide/out.gif) no-repeat 5px 6px; 
	font-size:13px; 
	display:block; 
	border-bottom:1px solid #ddd; 
	height:19px; 
	line-height:18px; 
	width:100%; 
	text-indent:20px;
	}
	
#slide li div ul li a:hover {
	color:#900;
	background-color: #EAEAEA;
	background-image: url(../images/menu-vert-slide/out-over.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	}