#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
  text-align:center;
}

.scroll {  
  	overflow-x:hidden;
	overflow-y:auto;
  	position: relative; /* fix for IE to respect overflow */
  	clear: left;
  	background-color:#F6F6F6;
	padding:4px;
  	border:1px solid #003D79;
  	color:#003D79;
  	width: 620px;
}

.scrollContainer div.panel {
  padding: 20px;  
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
  text-align:left;
}

.scrollButtons {
  position: absolute;
  top: 35%;
  cursor: pointer;
}

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

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

ul.navigation {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0 0 7px;
}
ul.navigation li {
display:inline;
margin:0 4px 0 0;
font-size:15px;
padding:2px;
}
ul.navigation a {
background-color:#D5E14D;
color:##003D79;
padding:5px 8px;
text-decoration:none;
}
ul.navigation a:hover {
background-color:#003D79;
color:#F6F6F6;
}
ul.navigation a.selected {
background-color:#003D79;
color:#F6F6F6;
}
ul.navigation a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#pleasenote { 
color:#003D79;
text-align:left;
font-weight:bold;
margin-top:8px;
}