a
{
	outline:none;
}

.clear-both
{
	clear:both;
}

a#toggleTicker
{
	color:#cccccc;
	margin-top:8px;
	display:block;
	outline:none;
}

/*this is the main wrapper for the ticker*/
#ticker
{
	width:730px;
	height:1.4em;
	border:0px solid #000000;
	overflow:hidden;
	position:relative;
	background-repeat:repeat-x;
	padding-bottom: 5px;
}

/*styles specifically for when JS is disabled, I'll explain
how this works in the JS section*/
#ticker.noscript
{
	overflow:visible;
	height:auto;
}

/*really wide div within the wrapper*/
#ticker-inner
{
	position:relative;
	vertical-align: top;
	width: 10000px;
	margin-left: -3000px;
	margin-top: 5px;
}

/*more noscript styles*/
#ticker.noscript #ticker-inner
{
	margin-left:0px;
	width:auto;
}

/*positioned absolutely 3400px away from the left
hand side of the #ticker-inner div.  Why 3400?  Because
3000 of that is off the screen to the left and the width
of the wrapper is 400px, so this positions it just out of 
view on the right hand side*/
#ticker ul
{
	padding:0px;
	margin:0px;
	height:1.3em;
	position:absolute;
	left:3400px;
}

/*yet more noscript*/
#ticker.noscript ul
{
	position:relative;
	height:auto;
	left:0px;
}

/*simply display these next to one 
another in the #ticker-inner div*/
#ticker ul li
{
	padding:0px;
	margin-right:30px;
	display:block;
	float:left;
	height:50px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*more noscript*/
#ticker.noscript ul li
{
	position:relative;
	float:none;
	clear:both;
	height:auto;
}

#ticker ul li a
{
	color:3B5998;
	text-decoration:none;
}

#ticker ul li a:hover
{
	color:#390;
	text-decoration:none;
}