#vscroll{
	width:145px;
	height:110px;
	background-color:white;
	overflow:hidden;
	margin:2px;
        text-align:center;

}

#vscroll-container{
width:150px;
border:1px black solid;
text-align:center;
	
	padding-top:5px;
}

#volitems{
	width:145px;
	height:150px;
	background-color:white;
	overflow:hidden;
	margin:2px;
        text-align:center;

}
	#volitems h4{
                font-size:11px;
		color:#000066;
margin:5px;
		
	}
	#volitems div{

		height:145px;
		width:145px;
		
		padding:2px;
		margin-top:-1px;
	}
#volitems div.first{
			margin-top:0;

		}
		



#volitems .centeredImage
    {

    text-align:center;
    display:block;
    }

#volitems-container{
width:150px;
border:1px black solid;
text-align:center;
	
	padding-top:5px;
}
#shadow{
background-color:white;
/*margin-top:95px; */
margin-left:10px;
margin-bottom:10px;
width:150px;
float:right;
}

#vitems{
border:1px black solid;
}

#fade{
width:150px;
height:155px;

overflow: hidden;

}

#fade2{
width:150px;
height:155px;
border:1px #000066 solid;
overflow: hidden;

}


#fade3{
width:150px;
height:85px;
border:1px #000066 solid;
overflow: hidden;

}
#horz{
	width:145px;
	height:80px;
	background-color:white;
	overflow:hidden;
	margin:2px;
        text-align:center;

}

#outer {height: 100px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
.vitems-header{

color:#000066;
padding:2px;
text-align:center;
font-weight:bold;
}
.vitems-header2{
width:150px;
color:#000066;
padding:2px;
text-align:center;
font-weight:bold;
}


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 420px; 
height: 20px; 
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: 420px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 400px;
font: bold 12px 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;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;

/* font: bold 10px Verdana; */
/*margin: 0 20px 0 0; */
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.title{
font-weight:bold;
}

#ticker01 li {

font: bold 11px Verdana;

}