<style type="text/css">

/*start of top category  header*/

table.cat-header{
	width:100%;
	height: auto;
	text-algin: left;
	color: gray;
	padding: 8px;
}

table.cat-header td{

			padding: 8px;
			text-align: left;
			font-size: 1.1em;

}
td#border{
			border: 0px solid black;
			
}
td#background{ background-color: #F2F2F2;
			  border: 0px solid black;

}
td#fontsize{ font-size: 1.2em;
}

h2{ color: #ff0000;
}
table.cat-header tr{
		
			vertical-align: text-top;

			width: 800px;

			padding: 8px;

}

table.cat-header p{
			color: #00000; 
			padding: 8px;
			text-align: left;
			border: 0px; 
			font-size: 1.1em;
}

table.cat-header h1{
			color: #ff0000;
}

img. alignleft{
	float: left;
	margin: 5px;
}

/*end of  top category header*/

/*start of comparisson chart styles*/

table.chart{

			width: auto;

			padding:4px;

			text-align: center;

			border-width: 2px solid;

			font-size:1em;

			background-color:#FFFFFF;

}

table.chart tr{

			width: auto;

			padding:4px;

			text-align: center;

			border: 1px solid #ffffff;

}

table.chart td{

			padding: 4px;

			text-align: center;

			border: 0px solid #808080;

}

img.scale{

		width: 100%;

		height: auto;

		float: bottom;

		padding:0.5 em;

}

/*end of comparisson chart styles*/

</style>
