#wrapp {
	width: 560px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	color: black;
	
}


#wrapp h1 { margin: 1.2em 0 0.5em 0; padding: 0;}

.gnb {
	width: 570px; 
	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-left-width: 5px;
	white-space: pre;
	overflow-x: auto;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
	
	
	width: 568px; 
	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: 560px;
	overflow: hidden;
}

ul.newsticker { /* that's your list */
	position: relative;
	left: 570px;
	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;
	
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #fff;
	text-decoration:underline;
	margin: 0 50px 0 0;
	font-size:9px;
} 

ul.newsticker span {
	margin: 0 10px 0 0;
}