/* HTML Elements */

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

#nav {
position:absolute;
top:205px;
left:0;
width:190px;
}

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

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

#slide li.sub {
	background:url(arrows/out.gif) no-repeat 12px 8px;
	font-weight:bold;
	}

#slide li.top a {
	text-decoration:none; 
	color:#6c6250; 
	display:block; 
	background:url(arrows/out.gif) no-repeat 12px 8px;
	}
#slide li.top a:hover {
	background:#e7d8bd url(arrows/out-over.gif) no-repeat 12px 8px;
	}

#slide li.clicked {
	color:#1d1a1b; 
	background:#e7d8bd url(arrows/down.gif) no-repeat 12px 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:#fef7ea; 
	height:165px; 
	width:160px; 
	padding:5px 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; 
	
	width:100%;
	}
#slide li div ul li a {
	padding:0; 
	margin:0;
	color:#1d1a1b; 
	text-decoration:none; 
	background:#fef7ea url(arrows/out.gif) no-repeat 5px 6px; 
	font-size:11px; 
	display:block; 
	border-bottom:1px solid #fff; 
	height:19px; 
	line-height:19px; 
	width:100%; 
	text-indent:20px;
	font-weight:normal;
	}
#slide li div ul li a:hover {
	background:#e7d8bd url(arrows/out-over.gif) no-repeat 5px 6px;
	}