#slider {
    width: 620px;
    margin: 10px auto;
    position: relative;
	float:left;
}

.scroll {
    height: 250px;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background:url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
	border:1px solid #CCCCCC;
}

.scrollContainer h2 {
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#222222;
}


.scrollContainer div.panel ul{
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#555555;
	padding:0;
	margin:0;
}

.scrollContainer div.panel ul li{
	font:12px Georgia, "Times New Roman", Times, serif;
	list-style:none;
	line-height:28px;
}

.scrollContainer div.panel ul li a{
	background:url(../images/arrow.png) 0 1px no-repeat;
	color:#A31452;
	text-decoration:none;
	padding:0 17px;
}

.scrollContainer div.panel ul li a:hover{
	color:#0033CC;
}

.scrollContainer div.panel p{
	font:11px tahoma, Georgia, "Times New Roman", Times, serif;
	color:#555555;
	line-height:18px;
}

.scrollContainer div.panel img{
    padding: 5px;
	float:left;
	margin:0 10px 0 0;
	border:1px solid #DDDDDD;
}
	
.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 580px;
	text-align:left;
}

ul.navigation {
	font:bold 11px tahoma, Arial, Helvetica, sans-serif;
    list-style: none;
    margin: 0;
    padding:9px 0;
	float:right;
}

ul.navigation li {
    display: inline;
    margin-right: 2px;
}

ul.navigation a {
	background:url(../images/hover-middle.png) 0 0 repeat-x;
    padding: 10px;
    color:#787878;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
	color:#8A2410;
	background:url(../images/menu-bg.png) 0 0 repeat-x;
	border:1px solid #CCCCCC;
	border-bottom:0;
}

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

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

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

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

.hide {
    display: none;
}