/* COPY OF MAIN NAVIGATION (text.css) */
.items h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.items h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.items h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.items h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.items p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%; text-align: justify;}
.items p.center {text-align:center;}
.items p.right {text-align:right;}
.items p.left {text-align:left;}

div.scrollable 
{
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 200px;	
	height:350px;
	margin-bottom: 10px;
}

div.scrollableinnerdiv 
{
	height:350px;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items
{	
	/* this cannot be too large */
	height:20000em;	
	position:absolute;
	clear:both;
}

div.scrollable div.items div 
{
	margin-top: 10px;	
}