#scrollLeft{
	position: relative;
	width: 48px;
	height: 200px;
	overflow: hidden;
	float: left;
	border-top: none;
	border-right: 1px none;
	border-bottom: 1px none;
	border-left: 1px none;
}
#scrollRight{
	position: relative;
	width: 48px;
	height: 200px;
	overflow: hidden;
	float: left;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}



#scrollContainer {
	position: relative;
	width: 300px;
	height: 200px;
	overflow: hidden;
	float: left;
	background-color: #666666;
}

#scrollContainer2 {
	position: relative;
	width: 300px;
	height: 200px;
	overflow: hidden;
	float: left;
	background-color: #666666;
}

#scroller {
  width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.scrollContent {
	width: 200px;
	height: 200px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;

	font-size: 0.8em;
}

.scrollContent2 {
	width: 200px;
	height: 200px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;

	font-size: 0.8em;
}

#clr {
	clear: both;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003366;
	width: 300px;
	padding: 15px 0px 5px;
}






.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}

[if IE]>
<style type="text/css">

#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]