body {
font-family: helvetica, arial;
font-size: 12px;
margin: 0px;
}

#scrollercontainer {
position: relative;
width: 215px;
height: 325px;
margin-top: 0px;
padding: 0px;
}


ul, li, h4 {
margin: 0; padding: 0;
list-style: none;
}


a.scrolltitle:link { font-family: Arial,Verdana,Sans-serif; font-size: 12px; font-weight:; color: #22496A; text-decoration: none; line-height: 16px}
a.scrolltitle:visited { font-family: Arial,Verdana,Sans-serif; font-size: 12px; font-weight:; color: #22496A; text-decoration: none; line-height: 16px}
a.scrolltitle:hover { font-family: Arial,Verdana,Sans-serif; font-size: 12px; font-weight:; color: #802E2C; text-decoration: underline; line-height: 16px}


small {
color: gray;
font-weight: normal;
font-size: 11px;
display: block;
}

#widget {
overflow: hidden;
background: ;
padding: 0px;
border: 0px;
height: 240px; /* You should adjust this height for your project. */
position: relative;
float: left;
width: 150px;
}

#widget img {
float: left;
border: 1px solid white;
padding: .2em;
background: #d3d3d3;
margin-right: .5em;
width: 90px;
height: 80px;
}

#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
height: 40px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

h4 {
padding-top: .5em;
font-size: 13px;
}

li p {
color: #474747;
margin-top: .4em;
}

.date{
font-family: Arial,Verdana,Sans-serif; 
font-size: 11px;
text-transform:uppercase;
color:#504f4f;
}

.scrolldesc{
font-family: Arial,Verdana,Sans-serif; 
font-size: 11px;
}