/* this page declarations */	
#wrapp { width: 760px; text-align: left; font: normal 1em Arial; margin: 0 auto; padding: 0; color: black; }
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {width: 740px;  margin: 20px 0 3px 0; }
.gnb h3{ font: normal 9px/14px Arial; text-align: right; margin: 0 10px 0 0;  padding: 0 }
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}

code { width:93%; font: normal 11px 'Courier New', Courier, Fixed; color: #000; display: block; padding: 1em; margin: 1em 0; background-color: #eee; border: 1px solid #d3d3d6; border-left-width: 5px; white-space: pre; overflow-x: auto; }
.tickercontainer { width:690px; padding:0px 0px; margin:20px 0px 10px 30px; overflow:hidden; }/* the outer div with the black border */
.tickercontainer .mask { width:690px; position:relative; overflow:hidden; white-space:nowrap; }/* that serves as a mask. so you get a sort of padding both left and right */
ul.newsticker { position:relative; left:690px; font:bold 10px Arial; list-style-type: none; margin: 0; padding: 0; } /* that's your list */
ul.newsticker li { float:left; margin:0; padding:0; }/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker a { font:bold 12px Arial; padding:0; color:#fff; margin: 0 50px 0 0; text-decoration:none; white-space:nowrap;} 
ul.newsticker span { margin: 0 5px 0 0; } 
ul.newsticker span, ul.newsticker a:hover { color:#ff9900;}