/* ================================================================ 
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:168px;
	height:220px;
	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:150px; color:#000;  text-decoration:none; border-bottom:1px solid #fff; text-indent:20px; overflow:hidden; cursor:pointer;}

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

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

#slide li.clicked {
	color:#800;
	background-image: url(../images/arrows/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 { height:165px; width:138px; 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:27px; width:100%;}
#slide li div ul li a {
	margin:0;
	color:#888;
	text-decoration:none;
	font-size:10px;
	display:block;
	border-bottom:1px solid #ddd;
	height:20px;
	line-height:12px;
	width:100%;
	background-image: url(../images/arrows/out.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#slide li div ul li a:hover {
	color:#069;
	background-image: url(../images/arrows/out-over.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}
#slide .sub.clicked div ul #current {
	color:#069;
	background-color: #fff;
	background-image: url(../images/arrows/out-over.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}
#slide .sub.clicked div ul #current a {
	color: #069;
	background-color: #eee;
	background-image: url(../images/arrows/out-over.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}


/* Stay Put */

#header {height:120px; background:#aaa; padding:10px;}
  #leftCol {width:580px; height:1500px; float:left; background:#ddd; padding:10px;}
  #rightCol {width:250px; float:right; height:1500px; padding:10px;}
  #semiFixed {width:170px;}
  #header {height:27px; background:url(../images/stayput/top.gif); margin:0; padding:0 0 0 10px; color:#fff; font-size:12px; line-height:25px; font-family:arial, sans-serif;}
  #containerBody {background:url(../images/stayput/bottom.gif) left top no-repeat; padding:10px; color:#666; font-family:arial, sans-serif;}
  #containerBody p {font-size:11px; line-height:1.5em; padding:0; margin:5px 0;}
  #containerBody h2 {font-size:14px; color:#000; padding:3px 0 0 0; margin:0;}
  #containerBody img {display:block; float:left; padding:10px 10px 10px 0;}
  .clear {clear:left;}
.notice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.top {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
}