/* ================================================================ 
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 {
	padding:0;
	margin:0;
	list-style:none;
	width:170px;
	height:400px;
	position:relative;
	overflow:hidden;
	font-family: "微軟正黑體";
	font-size:15px;
	font-weight: bold;
}

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

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

#slide li.top a {
	text-decoration:none;
	color:#000;
	display:block;
	background-image: url(../arrows/out.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}
#slide li.top a:hover {
	color:#569A29;
	background-color: #ddd;
	background-image: url(../arrows/out-over.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

#slide li.clicked {
	color:#800;
	background-color: #ddd;
	background-image: url(../arrows/down.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

/* #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:260px;
	width:160px;
	padding:0 15px;
	line-height:1.2em;
	font-family: verdana, sans-serif;
	text-indent:0;
	font-weight: normal;
}

#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:#666;
	text-decoration:none;
	font-size:13px;
	display:block;
	border-bottom:1px solid #ddd;
	height:19px;
	line-height:19px;
	width:100%;
	text-indent:20px;
	background-color: #fff;
	background-image: url(../arrows/out.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}
#slide li div ul li a:hover {
	color:#64B130;
	background-color: #fff;
	background-image: url(../arrows/out-over.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}
#sidebar1 #slide .title {
	padding-left: 5px;
	font-size: 16px;
	color: #437721;
}

#sidebar1 img {
	padding-top: 0px;
	position: absolute;
	top: 515px;
}