body {
  scrollbar-face-color: #FFFFEE;
  scrollbar-shadow-color: #CC9933;
  scrollbar-highlight-color: #CC9933;
  scrollbar-3dlight-color: #CC9933;

  scrollbar-track-color: #FFFFEE;
  scrollbar-arrow-color: brown;

  background-image:url(pics/paper.jpg);
  background-position:top left;
  background-attachment:fixed;
}

a {color:#990000;  font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
a:hover {color:#ff6600;font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}

tr.pagetopbottom {height:"13px"}

td.heading {background-image: url(pics/logo2.jpg);  background-repeat:no-repeat}
td.heading2 {background-image:url(pics/bannerbar3.jpg) ;background-repeat:no-repeat}

td.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#330000;
	font-size:11px;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 15px;
	padding-left: 20px;}

td.certificates {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:11px;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 15px;
	padding-left: 20px;}

td.clients {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#330000;
	font-size: 11px;
	font-weight:bold;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 15px;
	padding-left: 20px;
}

td.leftbar {

	background-image:url(pics/leftbarcut2.jpg);
	background-repeat:repeat-y
}

td.fade{
background-image: url(pics/tile_right.jpg);
  	background-repeat:repeat-y
}
/*		fixedtableheads.css		*/


/*===================================*/
/* fixed table heads demo */
/*===================================*/

/* this element contains the entire table structure */
.outerframe
{
	position: relative;		/* to capture the absolutely positioned col heads */
	padding-top: 25px;		/* space for the col heads */

	/* arbitrary position of the structure on the page */
	margin: 25px;

	/* optional: width matches innerframe */
	width: 500px;

	/* arbitrary styling */
	background-color: #FFF8DC;
}

/* this enables the table to scroll without scrolling the page */
.innerframe
{
	position: static;	/* 'static' is the default position, but I've defined it explicitly to expose the logic: if it were relative or absolute this element would contain the col heads instead of releasing them to outerframe */

	overflow: scroll;	/* required */
	height: 200px;		/* height is required, its value arbitrary */
	width: 500px;		/* arbitrary, wide enough to contain the table */

	padding-left: 1px;	/* Mozilla hides the table's left border unless this is here */
	background-color: #FFF8DC;
}

.innerframe table
{
	position: static;	/* 'static' is the default position, but I've defined it explicitly to expose the logic: if it were relative or absolute this element would contain the col heads instead of releasing them to outerframe */

	/* optional */
	border-collapse: collapse;
}

.innerframe th,
.innerframe td
{
	width: 100px;			/* col heads must match with data columns; they don't have to all be the same width, but they must be fixed */

	border: 1px solid black;	/* optional */
}

/* position the row of column heads above the table */
.innerframe tr.heads
{
	position: absolute;		/* this throws the col heads out of the table and out of the innerframe, where they'll be captured inside the innerframe */
	top: 0px;
	left: 1px;	/* shift col heads right to match the innerframe's padding-left above */
}



/*===================================*/
/* this last section is merely demo page styling,
	not important to the scrolling table functionality */
/*===================================*/

body
{
	margin: 15px;
	font: 1em Verdana, sans-serif;
	background-color: #FFF8DC;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	margin-bottom: 0.4em;
}

p
{
	width: 40em;
	text-align: justify;
}

p.full
{
	width: 60em;
	text-align: justify;
}

p.small
{
	width: 36em;
	text-align: justify;
}
pre#html
{
	float: right;
	padding: 1em;
	font-size: 1em;
	border: 1px solid blue;
	color: blue;
}
code
{
	font-size: 1em;
	color: blue;
	white-space: nowrap;
}

ul
{
	width: 40em;
	margin-top: 0px;
}
ol
{
	width: 40em;
}
li
{
	margin-bottom: 0.6em;
}