BODY#main{
background-color: #000000;
margin-left: auto;
margin-right: auto;
background-image:url('images/bg.jpg');
background-repeat: repeat-x;
background-position:top;
background-attachment:fixed; 
}

BODY, TD, TH, TR{
color: #ffffff;
font:11px "Verdana";
}

BODY#bodyJoke{
background-color: #181818;
background-image:url('images/jokebg.jpg');
background-position:bottom;
background-attachment:fixed; 
}


#nav {
color: #ffffff;
font:12px "Verdana";
font-weight:bold;
}

input, select, textarea
{

background-color:#ffffff;
color:black;
font-weight:normal;
font:12px "Verdana";
}



A:link {text-decoration: none; color:  #ffffff;;}
A:visited {text-decoration: none; color:  #ffffff;;}
A:active {text-decoration: none; color:  #ffffff;;}
A:hover {text-decoration: none; color: #f0f0f0;}

 hr {
  border: 0;
 color: #a8a8a8;
background-color: #a8a8a8;
height: 1px;
}




table { border-collapse:collapse; }
table#row1 { background-color: #2a2a2a; }
table#row2 { background-color: #212121; }














#container {
  position: relative;
  width: 720px;
  height: 20px;
  overflow: hidden;
  border: 0px;
}

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

.content {
  width: 200px;
  height: 200px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #EFEFEF;
  font-size: .8em;
}

.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]-->