/* CSS Document */

<style type="text/css">
/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

ul#slide {padding:0; margin:0; list-style:none; width:190px; height:450px; border:1px solid #888; position:relative; overflow:hidden;}

ul li div {position:absolute; left:-9999px; background:#fff;}

#slide li.top {display:block; float:left; height:24px; line-height:24px; width:190px; color:#000; background:#e2e2e2; text-decoration:none; font-family: verdana, sans-serif; font-size:12px; border-bottom:1px solid #eee; text-indent:10px; overflow:hidden;}

#slide li {color:#eee; background:#89a; cursor:pointer;}
#slide li.clicked {color:#fff; background:#678;}
#slide li div {position:static; height:321px; width:160px; padding:15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}
#slide li div img {display:block; margin:5px 0 8px 0;}
#slide li div img.fLeft {clear:left; float:left; display:block; margin:8px; margin-right:8px;}

#slide li div h3 {font-size:13px; color:#000; padding:0; margin:0;}
#slide li div p {font-size:12px; color:#888; line-height:1.4em; padding:10px 0; margin:0;}

#slide li div a {color:#00c; text-decoration:none; font-size:11px;}
#slide li div a:hover {text-decoration:underline; background:#fff;color:#00c;}

#slide li div a.big {display:block; height:30px; line-height:30px; border-top:1px solid #ddd; font-size:14px; color:#44a; text-decoration:none; text-indent:5px;}
#slide li div a.big:hover {background:#fff; color:#000; font-size:14px; text-decoration:none;} 

#slide li div dl {border-bottom:1px solid #ddd; margin:20px 0 0 0; padding-bottom:10px;}
#slide li div dt {font-size:11px; font-weight:bold; color:#000;}
#slide li div dd {padding:0; margin:0; line-height:1.5em; font-size:11px; color:#666;}
#slide li div dd a {color:#00c; text-decoration:none;}
#slide li div dd a:hover {background:#fff; color:#00c; text-decoration:underline;}

</style>

<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>

<script type="text/javascript">
/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */
/* <![CDATA[ */
$(document).ready(function(){
/* CONFIG */
/* set start (sY) and finish (fY) heights for the list items */
sY = 24;
fY = 375;
/* end CONFIG */

/* open first list item */
animate (fY)

$("#slide .top").click(function() {
	if (this.className.indexOf('clicked') == -1 ) {
		animate(sY)
		$('.clicked').removeClass('clicked');
		$(this).addClass('clicked');
		animate(fY)
	}
});

function animate(pY) {
$('.clicked').animate({"height": pY + "px"}, 500);
}

});
/* ]]> */
</script>