<style>

body {

}
body {
	background-image:url("freedom_duplicated.jpg");
	background-color:#bbbbbb;
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	color:#ffffff;
	font:Arial, Helvetica, sans-serif;
}

table {border-color:#bbbbbb; border-style:groove;}
td {border-color:#bbbbbb;}

table.main {
	width:990px;
}

tr.rowTop{height:20px}
tr.rowBottom{height:20px}

tr.title{font-size:larger; vertical-align:middle}

td.topLeft {width:20px; background-image:url(images/BlackTemplate_r1_c1.png)}
td.top{background-image:url(images/BlackTemplate_r1_c2.png)}
td.topRight {width:20px; background-image:url(images/BlackTemplate_r1_c3.png)}
td.bottomLeft {width:20px; background-image:url(images/BlackTemplate_r3_c1.png)}
td.bottom{background-image:url(images/BlackTemplate_r3_c2.png)}
td.bottomRight {width:20px; background-image:url(images/BlackTemplate_r3_c3.png)}

td.column01 {width:20px; background-image:url(images/BlackTemplate_r2_c1.png)}
td.column02 {width:30px; background-image:url(images/BlackTemplate_r2_c1.png)}
td.column03 {background-image:url(images/BlackTemplate_r2_c1.png);font-size:20px;}
td.column04 {width:1px; background-image:url(images/BlackTemplate_r2_c1.png)}
td.column05 {width:28px;background-image:url(images/BlackTemplate_r2_c1.png)}
td.column06 {width:1px; background-image:url(images/BlackTemplate_r2_c1.png)}
td.column07 {width:20px; background-image:url(images/BlackTemplate_r2_c1.png)}

a {
	color:#abb1a8;
	text-decoration: none;	
	font:Arial, Helvetica, sans-serif;
}
a:hover {
	color:#bdc1b5;
}
a:active {
	color:#d3d6cb;	
}
.mainlink { 
	height:20px; background-image:url(images/BlackLinkBackground.png);	
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
}

.red{color:#FF0000;font-size:medium;}
.grey{color:#999999;}
.medium{font-size:medium;}
.small{font-size:small;}
.highlight{color:#ECE9D8;}

.backgroundforimages {
	background-image:url(images/GreyImageBackground.png);
	font-size:medium;
	border-color:#abb1a8;
	border-style:solid;
	border-width:thin;
}

.titlebeforeimages {	
	font-size:medium;
	border-color:#abb1a8;
	border-style:none;
	border-width:thin;
}

img.withbottomborder {
	border-color:#abb1a8;
	border-bottom-style:solid;
	border-left-style:none;
	border-right-style:none;
	border-top-style:none;
	border-width:thin;
}

#table-wrapper {
  position:relative;
}

#table-scroll {
  height:300px;
  overflow:auto;  
  margin-top:20px;
}

#table-wrapper table {
  width:100%;
    
}

#table-wrapper table * {
  /*background:yellow;*/
  /*color:black;*/
}

#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}

</style>