#slider {
	width: 770px;
	margin-top:10px;
	position: relative;
	/*background-image:url(../gradient-1.jpg);
	background-position:bottom;*/
	border-bottom: 1px solid #eeeeee;
	
}

.scroll {
    height: 300px;
    width: 768px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	}

.scrollContainer div.panel {
    padding: 10px;
    height: 300px;
    width: 768px;
}

ul.navigation {
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	text-transform: none;
	text-align:center;
	margin-left:0px;
	border-bottom: 1px solid #eeeeee;
	padding-top:5px;
	padding-bottom:5px;
	
	
}

ul.navigation li {
   	margin-left:0px;
	display: inline;
	padding-left:20px;
	padding-right:20px;
}

ul.navigation a {
	color: #6699cc;
	text-decoration: none;
	margin-left:0px;	
	text-decoration:underline;
	background-image:url(arrow_right.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 15px;
}

ul.navigation a:hover {
    color: #6699cc;
}

ul.navigation a.selected {
	padding-left: 15px;
	color: #cc9966;
	text-decoration:none;
	font-weight:bold;
	font-size:24px;
	background-image:url(arrow_down.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 0px;
    cursor: pointer;
	display:none;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.colItem {
width:240px;
display:inline-block;
font-size:.8em;
padding-bottom:3px;
background-image:url(../anarrow.gif);
background-repeat:no-repeat;
padding-left:10px;
}