@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2F130B; 
	padding: 0px;
	margin: 0px; 
	background-image: url(../images/background.jpg); 
	background-attachment:fixed;  
	background-repeat: repeat-x;
	background-color:#D5BF98; 
}

a:link, a:visited {
color: #2F130B; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px; font-weight:bold;
}

a:hover, a:active {
color: #A46D1C;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px; font-weight:bold; 
}
#container {
  position: relative;
  /*width: 300px;*/
  width: 1020px;
/*height: 200px;*/
 
  overflow: hidden;
  border: 1px solid #A46D1C;
  background-color: #2F130B;
}

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

.content {
  /*width: 200px;*/
  width: 500px;
  /*height: 200px;*/

  float: left;
  margin-left: 0px;
  margin-right: 0px;
  padding: 5px;
  border: 1px solid #A46D1C;
  font-size: .8em;
}
h1 { font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal; font-size:18px;
}

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

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

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

</style>
<! [endif]-->