/* $Id: views.ticker.scroller.css,v 1.1 2008/04/14 13:11:32 vvn Exp $ */
/* Default styles */
.views-scroller-horizontal-container {
 width: 600px;
 height: 40px;
 overflow: hidden;
}

.views-scroller-horizontal-item {
 display:inline;
 margin-right: 20px;
}

.views-scroller-vertical-container {
 width: 210px;
 height: 160px;
 overflow: hidden;
}

.views-scroller-vertical-item {
 margin-top: 20px;
}
.views-scroller-vertical-item span {
display: block;
}
 
 /* Jscroller styles: DO NOT EDIT! */
 .jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 margin: 0;
 padding: 0;
}

.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {
 white-space: nowrap;
}


/* liScroll styles */

.liScroll-container { /* the outer div with the black border */
/*	border: 1px solid #000; */
/*	background: #fff; 	width: 1204px; 
*/	margin: 0; 
	padding: 0;
	overflow: hidden; 
}

.liScroll-container .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;

	overflow: hidden;
}

ul.liScroll { /* that's your list */
	position: relative;
	left: 750px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.liScroll li {
	/* float: left;  important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}

ul.liScroll a {
	white-space: nowrap;
	padding: 0;
	margin: 0 50px 0 0;
} 

ul.liScroll span {
/*	margin: 0 10px 0 0;*/
}

#block-views-news-events-block h2
{
	float: left;
	margin-left: 35px;
	color:#fff;
	font-size:21px;
	font-family:"calibri" !important;
}