/* liScroll styles */
.box#box2 .tickercontainer {position:absolute;top:-30px;left:0;}
.tickercontainer { /* the outer div with the black border */
width2: 465px; 
height: 20px; 
margin: 0; 
padding: 0;
overflow: hidden;
}
#tiker{width:99%}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
// top: 8px;
widthxxx: 618px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
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;list-style:none;color:#B4218D;letter-spacing:2px;font-weight:bold;padding-left:3px;padding-right:23px;
font: bold 13px;
// text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 15px, rgba(255, 255, 255, 0.8) 0px 0px 10px;
text-shadow: rgb(255, 255, 255) 0px 0px 10px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #B4218D;

margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
#s1,#s2,#s3 {
  height: 142px; width: 220px;margin-bottom:35px;
margin-top:5px;}
.pics a {
    height: 142px;
    left: 0;
    padding: 5px;
    top: 0;
    width: 220px;display:inline-block;
}
#s1,#s2,#s3 {
