/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 *
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT and GPL licenses.
 *
 * Last revised: 31/01/2012
 *
 */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>

*/
#stories_div{position: relative; float:left; margin-top:10px; margin-bottom:10px;}
#stories_div #top{background:url(/img/callout-top.png) no-repeat; width:15px; height:16px; position:absolute; z-index:10; top:-11px; left:65%;}
#stories_div #body{ width:88%; background:#e1ecef; /*border:solid 2px #2dcbff;*/ height:auto; float:left; padding:20px 5px 0 5px;  border-top-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px;}


.simply-scroll-container { /* Container DIV - automatically generated */position: relative;}
.simply-scroll-clip { /* Clip DIV - automatically generated */position: relative;overflow: hidden;}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */overflow: hidden;margin: 0;padding: 0;list-style: none;}	
.simply-scroll-list li {padding: 0; margin: 0; list-style: none;}
.simply-scroll-list li img {border: none; display: block;}	
.simply-scroll-btn {position: absolute; width: 22px;	height: 24px; z-index:3; cursor: pointer;}	
.simply-scroll-btn-up {	right: 6px;	top: 6px; background:url(/img/up-arrow.png) no-repeat;	}
.simply-scroll-btn-down {	right: 6px;	bottom: 6px; background:url(/img/down-arrow.png) no-repeat;}
	
	
/* Vertical scroller example */
.vert { /* wider than clip to position buttons to side */ width: 100%; height: auto; border-bottom:solid 2px #25b0d7;	 font-size:1.2em;}
.vert .simply-scroll-clip {	width: 100%; height: 250px;}	
.vert .simply-scroll-list {}		
.vert .simply-scroll-list li {	width: 96%; height: auto; margin-bottom:20px;	margin-left:0;	font-size:0.96em; font-style:italic; text-align:justify;}
.vert .simply-scroll-list li img {}	
.vert .simply-scroll-btn {}
.vert .simply-scroll-btn-up { /* modified btn pos */right: -3%; top: 5%;}
.vert .simply-scroll-btn-up.disabled {}
.vert .simply-scroll-btn-up:hover {}
.vert .simply-scroll-btn-down { /* modified btn pos */right: -3%; top: 90%;	}
.vert .simply-scroll-btn-down.disabled {}
.vert .simply-scroll-btn-down:hover {}

.list-scroller{height:auto;}	
.imgScroll{ float:left; margin-right:10px; background: url(/img/quotes.png) n