div.TickerContainer1 {
	background-image: url(../images/Layout/Background-Horizontal-Dots.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-top: 400px;
}

div.TickerContainer2 {
	background-image: url(../images/Layout/Background-Horizontal-Dots.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.tickercontainer {
	width: 970px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	overflow: hidden;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 0px;
	top: 0px;
	width: 970px;
	overflow: hidden;
}

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

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

ul.newsticker li div {
	margin-right: 50px;
}

ul.newsticker li div span.Date {
	background-color: #E85A28;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin-right: 5px;
}

/*.LatestNews 
{
    clear:left;
    float:left;    
    display:inline;
    color:#000000;    
    width:110px;
    padding:2px 5px 2px 5px;
    margin-right: 10px;
    background-color:#c1805c;
}

.HeadLine
{
    float:left;
    padding-top:2px;
}*/