/* force body scrollbar */
html { 
    height: 100%;
    margin-bottom: 1px;
}

  body.home{
	  color: #993300;
		background-color: #FFFACD;
		font-size: 1em;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	
	body.nonhome{
	  color: #993300;
		background-color: #FFFACD;
		font-size: 1em;
		background-image: url("background.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	img{
		border:0px;
	}
	thead td{
	  text-align:center;
		font-weight:bold;
		color:#FFFACD;
		background-color:#993300;
	}
	thead tr{
	  border:1px solid #000;
	}
	tr.list{
	  border:1px dashed #993300;
	}
	td.list{
		padding:2px;
		cursor: pointer;
	}
	table.list{
	  width:560px;
		margin-left:auto; 
		margin-right:auto;
		border:1px solid #993300;
		border-collapse: collapse;
		text-align:center;
	}
	table.other{
	  width:560px;
	  margin-left:auto; 
		margin-right:auto;
	}
	h1{
		font-size:1.3em;
		margin-bottom:0px;
	}
	table,h1,p,#ads{
	  margin-left:auto; 
		margin-right:auto;
		margin-left:10px;
	}
	#ads{
		margin-top:20px;
	}
	
	/* These classes are used by the script as rollover effect for table 1 and 2 */
	
	.tableRollOverEffect1{
		background-color:#993300;
		color:#FFFACD;
		border:1px solid #993300;
		/*-moz-opacity:0.4;
		filter:alpha(opacity=40);*/
	}