#slider * {
margin: 0;
padding: 0;
}

#slider a {
text-decoration: none;
outline: none;
margin-top: 5px;
}

#slider a.read-more {
    text-decoration: underline;
}

#slider a.read-more:hover {
    text-decoration: none;
}

#slider a img {
border: none;
}

#slider h3 {
color:#E57700;
font-size:16px;
}

#slider	{
/*background: white url(../images/slider-bg.jpg);*/
height: 240px;/*227px*/
overflow: hidden;
width: 698px;
position: relative;
margin: 0 0;
/*z-index: -1;  To stop slider covering menus */
}

/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */
#mover {
width: 3500px;
position: relative;
}

#slider .slide {
padding: 10px;
width: 678px;
float: left;
position: relative;
}

#slider .slide {
font-family:tahoma, geneva, sans-serif;
font-size: 20px;
color: #004583;
font-weight:normal;
}

#slider .slide p {
color: #000000;
font-size: 12px;
line-height: 13px;
}

#slider .text {
position: absolute;
top: 13px;
left: 313px;
width:355px;
border-left: solid 8px #f4f4f4;
padding-left: 15px;
}


#slider .slide img {
position: absolute;
top: 12px;
left: 5px;
}

#slider-stopper	{
position: absolute;
bottom: 1px;
right: 1px;
background: #004583;
color: #ffffff;
padding: 3px 8px;
font-size: 10px;
text-transform: uppercase;

}