#vertscroller
{
	width:148px;
	color:#660d12;
	font-size:11px;
	line-height:1.2em;
	background-color:#fef2e6;
	padding:5px;
	margin:20px 0 0 0;
	border:1px solid #660d12;
}
#vertscroller a
{
	color:#660d12;
}
#vertscroller ul
{
	margin:0 .5em 0 1em;
	padding:0;
}
#vertscroller li{
	line-height:1.8em;
	margin-top:10px;
}
/* the vertscroller box when JavaScript is available */
#vertscroller.hasJS
{
	height:120px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#vertscroller.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}

/* -- HORIZONTAL SCROLL styles for rolling ticker -- js files used to initialize scroll: 
	--> li-scroller.js
	--> jquery.li-scroller.1.0.js */

.horizontal_scroll {
float:left; clear:left; background-color:#e4bc86; width:618px; height:18px; padding:2px 0 0 0; 
}
.horizontal_scroll a {color:#003466; font-size:14px;}
.horizontal_scroll a:hover {color:#870917; border:none;}
.horizontal_scroll
.horizontal_scroll .mask { /* serves as a mask. padding both left and right */
position: relative;
left:20px;
width: 580px;
overflow: hidden;
}

/* liScroll style declarations */

ul.newsticker { /* that's your list */
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
left:560px;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin:0;
padding:0;
}
ul.newsticker a {font-size:12px; font-weight:bold;} 
ul.newsticker span {margin-right:100px;} 

/* -- OPTIONAL Fade Newsticker -- */

.news_fader {
	list-style-type: none;
	text-align:center;
}

.news_fader a:hover {border:none;}

