/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: transparent url("../images/bg_ticker.png") top right no-repeat;
width: 563px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 4px;
top: 1px;
width: 543px;
white-space: nowrap;
overflow: hidden;
}

* html .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
top: 5px;
}

ul.newsticker { /* that's your list */
position: relative;
left: 550px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
list-style-image:url(../images/pin.gif);
vertical-align:top;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: transparent;
text-transform:uppercase;
color: #004397;
font: bold 14px Arial;
white-space: nowrap;
vertical-align:top;
line-height:16px;
}


ul.newsticker span {
white-space: nowrap;
margin: 0 10px 0 0;
font-weight: normal;
font-size: 13px;
font-family: 'Century Gothic', Verdana, Arial, sans-serif;
} 

ul.newsticker .ttext {
white-space: nowrap;
font-weight: bold; 
font-size: 13px; 
font-family: 'Century Gothic', Verdana, Arial, sans-serif;
padding: 0;
color: #004397;
margin: 0 50px 0 0;
} 

ul.newsticker a, ul.newsticker a:link, ul.newsticker a:active {
white-space: nowrap;
font-weight: bold; 
font-size: 13px; 
font-family: 'Century Gothic', Verdana, Arial, sans-serif;
padding: 0;
color: #004397;
text-decoration:none;´
} 

ul.newsticker a:hover {
text-decoration:underline;
}