/* CSS Scrolling Text Box Document */
<style type="text/css">
ul {
margin-top: 0px;
margin-bottom: 0px; 
list-style-image: url(your custom bullet);
color: #333333;
font-size: 80%;
font-weight: normal;
margin-left: 20px; 
padding-left: 20px; 
line-height: 1.3em;
} 
.scrollArea {
width: 610px; 
height: 113px;
padding-left: 15px;
padding-right: 0px; 
border-color: #6699CC;
border-width: 0px; 
border-style: hidden;
background:none;
float:left;
overflow: auto;
}
.scrollAreaServices {
width: 520px; 
height: 256px;
padding-left: 10px;
padding-right: 10px; 
border-color: #6699CC;
border-width: 0px; 
border-style: hidden;
color:#000;
background:none;
float:left;
overflow: auto;
}
.scrollAreaSearch {
width: 600px; 
height: 300px;
padding-left: 0px;
padding-right: 0px; 
border-color: #6699CC;
border-width: 0px; 
border-style: hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:none;
float:left;
overflow: auto;
}
.scrollAreaDefault {
width: 520px; 
height: 280px;
padding-left: 10px;
padding-right: 10px; 
border-color: #6699CC;
border-width: 0px; 
border-style: hidden;
background:none;
color:#000;
float:left;
overflow: auto;
margin-top:20px;
}
.scrollAreaVideoTest {
width: 360px; 
height: 310px;
padding-left: 10px;
padding-right: 10px; 
border-color: #6699CC;
border-width: 0px; 
border-style: hidden;
background:none;
color:#000;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
float:left;
overflow: auto;
}
.scrollAreaIntro {
width: 390px; 
height: 268px;
padding-left: 0px;
padding-right: 0px; 
border-color: #6699CC;
border-width: 0px; 
border-style: hidden;
background:none;
float:left;
	text-align:left;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
overflow: auto;
margin:10px;
}
.scrollAreaFeed1 
{
	display:block;
width: 260px; 
height: 135px;
padding-left: 0px;
padding-right: 4px; 
border-color: #6699CC;
border-width: 0px; 
border-style: hidden;
color:#000;
background:none;
float:left;
text-align:left;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
overflow: auto;

}
.scrollAreaFeed2 
{
	display:block;
 width: 393px;
height: 220px;
padding-left: 4px;
padding-right: 4px; 
border-color: #6699CC;
border-width: 0px; 
border-style: hidden;
color:#000;
background:none;
float:left;
text-align:left;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
overflow: auto;

}
.scrollAreaFeed1 ul {list-style:none;padding:3px;margin:0;}
.scrollAreaFeed1 ul li {padding-bottom:8px;
padding: 6px 5px; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.66, rgb(240,228,206)),
    color-stop(0.85, rgb(255,244,227))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(240,228,206) 66%,
    rgb(255,244,227) 85%
);}

.scrollAreaFeed1 ul li a{ color:black; text-decoration:none; font-size:13px;}
.scrollAreaFeed1 ul li a:hover{ color:black; text-decoration:underline;}

.scrollAreaFeed2 ul {list-style:none;padding:3px;margin:0;}
.scrollAreaFeed2 ul li {padding-bottom:8px;
padding: 6px 5px; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.66, rgb(240,228,206)),
    color-stop(0.85, rgb(255,244,227))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(240,228,206) 66%,
    rgb(255,244,227) 85%
);}

.scrollAreaFeed2 ul li a{ color:black; text-decoration:none; font-size:13px;}
.scrollAreaFeed2 ul li a:hover{ color:black; text-decoration:underline;}


</style>