/* CSS Document For the news ticker on the home page */

.tickerbox
{
position:relative; 
height:35px;
}

  .tickertitle
   {
  position:absolute;
 top:0;
 left:0;
 width:250px;
   font-size:12px;
   font-weight:bold;
   font-family:Arial;
   padding-top: 6px;
   padding-right: 3px;
   padding-left: 3px;
   padding-bottom: 0px;
   height: 21px; 
   background-color:#485F89; 
   color:White;   
   border-width:0px;
   margin:0px;
  }     
   
 .tickercontainer { /* the outer div with the black border */
    position:absolute;
	top:0;
	right:0;
	width:500px;
	border: 1px solid #435779;
    background: #fff; 
    height: 25px; 
    overflow: hidden; 
    /*padding:10pt;*/
    margin-bottom:15px;
}

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

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

}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
list-style-image:none;
list-style-type:none;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 12px Arial;
margin: 10px 5px 0 0;
} 
 
ul.newsticker span {
color:Gray;
font-size:xx-small;
margin: 10px 10px 0 0;
}