/* Miscell */

hr {
	margin: 34px 0 8px;
	height: 0;
	clear: both;
	border: solid #ddd;
	border-width: 1px 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}

/* caption styling */

.caption-top, .caption-bottom {
	color: #fff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
		text-decoration: none;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/* News Ticker */

.tickercontainer { /* the outer div with the black border */
border: px solid #000;
background: #fff; 
width: 588px; 
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: 568px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 600px;
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;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}

/* next */