/* get rid of those system borders being generated for A tags */
a:active
{
	outline: none;
}

:focus
{
	-moz-outline-style: none;
}


/* root element for scrollable */
div.scrollable
{
	/* required settings */
	position: relative;
	overflow: hidden; /* vertical scrollers have typically larger height than width */
	height: 150px;
	width: 200px;
}
/* root element for scrollable items */
div.scrollable div.items
{
	position: absolute; /* this time we have very large space for the height */
	height: 20000em;
}


.newsTitle
{
	font-size: 14px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #333366;
}

.newsBody
{
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #808080;
	padding-top: 10px;
	padding-bottom: 5px;
}

.newsLink
{
	font-style: italic;
}

.newsLink:hover
{
	font-style: italic;
	text-decoration: underline;
}




/*     root element for the scrollable.     when scrolling occurs this element stays still. */
div.scrollable2
{
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 660px;
	height: 90px;
}
/*     root element for scrollable items. Must be absolutely positioned     and it should have a extremely 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.scrollable2 div.items
{
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
}
/*     a single item. must be floated in horizontal scrolling.     typically, this element is the one that *you* will style     the most. */
div.scrollable2 div.items div
{
	float: left;
}
/* you may want to setup some decorations to active the item */
div.items div.active
{
	border: 1px inset #ccc;
	background-color: #fff;
}