Thanks. I found the CSS with Firefox developer tools and made some more adjustments, but I am having trouble getting the white box that surrounds the current bredcrumb to disappear. This is what I have done so far:
#breadcrumb-list {
    background-color: #000;
}
#breadcrumb-list .wrapper {
    padding: 2px 40px 0;
}
.home #breadcrumb-list .wrapper {
	padding-bottom: 2px;
}
#breadcrumb-list span {
	background-color: transparent;
	border: 0px;
        color: #666;
	display: block;
   	float: left;
   	font-style: italic;
   	margin-left: -1px;
}
#breadcrumb-list a:hover,
#breadcrumb-list a:hover span {
	color: #C6100A;
	text-decoration: none;
}
#breadcrumb-list a,
#breadcrumb-list a span {
	color: #66666;
	display: inline-block;
	padding: 5px 10px 3px;
}
Any help will be greatly appreciated.