/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
background: #fff; 
width: 450px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 430px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 450px;
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;
width: 430px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #00a7a8;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.news_item { font-size: 10px;}
.news_item h1{ font-size: 14px}
.news_item h2{ border-bottom: 1px solid #efefef; padding-bottom: 4px; font-size: 14px; color:#244AA5; margin-bottom: 3px; }
.news_item h3{ border-bottom: 1px solid #efefef; padding-bottom: 4px; margin-top: 0px; font-size: 10px; color:#244AA5 }
.news_item p{ color: #6792b6}
.news_item span{ color: #aaa}


a.highlight {text-decoration: none; color: #6792b6}
a.highlight:hover {color: #ee9901}

.other-news h2 {color: #1d486b}
.other-news ul { padding-left: 20px;}
.other-news li{ }

.footer {
	background: url(../images/structure/bottomshadow.jpg) no-repeat center center;
	width: 770px; 
	height: 34px;
}

.footer p { color: #fff; margin: 0; padding-top: 3px; margin-left: 31px; font-size: 10px; font-weight: normal;}
.footer a { color: #fff; text-decoration: none;}
.footer a:hover { color: #ee9901}