#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

#slider p.presents	{
	font-size: 1.0em;
	line-height: 1.4em;
	color: #660000;
	border-bottom: 1px dotted #660000;
	}
#slider p.maintitle	{
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1.8em;
	}
#slider p.subtitle	{
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.2em;
	}
#slider p.publicationinfo	{
	font-size: 0.8em;
	height: 1.4em;
	line-height: 1.4em;
	font-weight: 400;
	background: #eeeeee;
	text-indent: 1em;
	color: #aa0000;
	}
#slider p	{
	font-size: 0.9em;
	line-height: 1.6em;
	color: #333333;
	margin: 5px;
	}

.scroll {
  height: 250px;
  width: 620px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #ff0000 url("../img/toprepabg.gif") repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
  background: transparent;
}

#shade {
    background: #ffffff url("../img/toprepashade.gif") no-repeat 0 0;
    height: 40px;
	}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    height: 3px;
    overflow: hidden;
}

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

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
    background: #eeeeee;
}

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

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

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

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

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

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