#wrap {
	margin: 0px auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

/* scroll tape */
#middle #tape {
	height: 19px;
	margin-bottom: 5px;
	vertical-align:middle;
}
#middle #tape .middleBorder {
	height: 22px;
}
#middle #tape ul li { margin-top: 4px; }
#middle #tape span {
	color: #606060;
	font-size: 10px;
	vertical-align:middle;
}
#middle #tape a { color: #212121; font-size: 12px; font-weight: bold; }
#middle #tape a:hover { color: #c50000; }
#middle .tickercontainer { /* the outer div with the black border */
	/*width: 747px; */
	height: 22px;
	margin: 0;
	padding: 0;
	top: 5px;
	overflow: hidden;
	vertical-align:middle;
}
#middle .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 5px;
	top: 0px;
	/*width: 667px;*/
	width: 847px;
	overflow: hidden;
	vertical-align:middle;
	border:1px;
}
#middle ul.newsticker { /* that's your list */
	position: relative;
	left: 270px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}
#middle ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
#middle ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	margin: 0 20px 0 0;
}
#middle ul.newsticker span {
	color: #606060;
	margin: 0 8px 0 0;
}