/* CSS Document */

#videoNav {
width:560px;
float:right;
margin-top:15px;
margin-right:20px;
}

#clickhere {
text-transform:uppercase;
font-size:11px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:5px;
}

img {border:0;}


#container_bio {
  position: relative;
  width: 315px;
  height: 330px;
  overflow: hidden;
  float:left;
    margin-top:10px;
  margin-bottom:5px;
}

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

.content_bio {
  width: 300px;
  height: 330px;
  float: left;
  margin-right: 10px;
  margin-top:10px;
  font-family:Helvetica, Arial, sans-serif;
color:#BBBBBB;
font-size:13px;
}

.scrollNav {
  font-size: .8em;
  color:#00009C;
  float:left;
  padding:0 5px;
}

.scrollNavUp {margin-top:320px;}

/*-----------------------------------------*/

#container {
  position: relative;
  width: 510px;
  height: 75px;
  overflow: hidden;
  float:left;
  margin-bottom:5px;
}

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

.content {
  width: 120px;
  height: 75px;
  float: left;
  margin-right: 10px;
  font-size: .8em;
}

.scrollNav {
  font-size: .8em;
  color:#00009C;
  float:left;
  padding:0 5px;
}

<!--[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]-->