.slider-container {width: 500px; float: right; margin-right: 10px;}
#slider { width: 480px; position: relative; }
.scroll {
    height: 260px; width: 320px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    float: right;
    background-color: #fff; border: 1px solid #ffdb01;
	}

.scrollContainer div.panel {
    padding: 5px;
    height: 260px;
    width: 310px;
	}

ul.navigation {
    list-style: none; float: left;
	}

ul.navigation li {
    display: block; line-height: 20px;
}

ul.navigation a {
	display: block; width: 153px; padding-left: 5px;
    color: #072167; text-decoration: none; font-family: Verdana; font-size: 70%;
	}

ul.navigation a:hover { padding-left: 4px; }

ul.navigation a.selected { color: #072167; background-color: #ffdb01; }

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

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

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

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

.hide {
    display: none;
}

.panel {
	text-align: center; font-family: arial, serif; 
	font-size: 81%; line-height: 140%; 
	margin-left: auto;margin-right: auto; display: block;
	} .panel p {text-align: justify; margin-bottom: 10px; }