#main {
  width: 600px;
  margin: 0 auto;
}

#content-slider {
  width: 500px;
  height: 6px;
  margin: 5px;
  background: #BBBBBB;
  position: relative;
}

.content-slider-handle {
  width: 8px;
  height: 14px;
  position: absolute;
  top: -4px;
  background: #478AFF;
  border: solid 1px black;
}

#content-scroll {
	width: 500px;
	height: 140px;
	margin-top: 5px;
	overflow: hidden;
	border: solid 1px yellow;
    position:absolute;
    left:330px;
    top:22px;
}

#category-title{
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFF66;
  font-size: medium;

}


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: medium;
}
body {
	background-color: #000;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #000000;
    padding-top: 2px;
    line-height: 95%;

}

* html .title
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: small;

}

.header {
 font-family: Arial, Helvetica, sans-serif;
 font-size: medium;
 color:#FFFFFF;
 }


.content-item {
	width: 100px;
	height: 120px;
	padding: 2px;
	float: left;
	border: 1px solid #339900;
    background-color: #FFFFFF;
  margin-left: 4px;
  margin-right: 4px;
}

  .content-item.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #000000;
    padding-top: 2px;
    line-height: 95%;
}
  .descrip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4px;
	color: #FFF;
	padding-top: 6px;
    line-height: 90%;
}

  * html #content-scroll{ /*IE6 hack*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
  }
  * html .content-item.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #000000;
    padding-top: 2px;
    line-height: 95%;

  }
  * html .content-item {
	width: 100px;
	height: 120px;
	padding: 2px;
	float: left;
	border: 1px solid #339900;
    background-color: #FFFFFF;
  margin-left: 4px;
  margin-right: 4px;
}