#matrix  {
		background: #ffffff;
		border: 1px solid #cccccc;
		
	}
	#matrix div {
		width: 80%;
		font-size: 75%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#matrix div.low { 
		background-color: #CC9966; 
		width: 3%; height: 100%; float: left;
		
	
	}
	
	#matrix div.mid {
		background-color: #FFFFCC;
		width: 3%; height: 100%; float: left;
		
	}
	
	#matrix div.high	{ 
		background-color: #CDECFC ;
		width: 3%; height: 100%; float: left;
		
	}
	
	#matrix div.area {
		width: 100%; 
		font-weight: bold;
		font-size: 75%;
		background: #eee;
		color: #333;
		text-align: center;
		
	}
	
	#matrix div.heading  {
		width: 100%; 
		border: none;
		font-weight: normal;
		background: url("/images/bg_drk.gif");
		color: #ffffff;
		FONT-SIZE: 80%;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 8px;
		padding-right: 8px;
	}
		
	div.area {
		width: 100%; 
		font-weight: bold;
		font-size: 75%;
		background: #eee;
		color: #333;
		text-align: center;
	}
	
	img.legend {
	border: solid; border-width: 1px; align: middle	
	}
	
	DIV.matrix_header {
	width: 100%; text-align: center;	
	margin-left: auto;
	margin-right: auto;
	}
	
	#matrix div.tops {
		width: 97%
		float: right;
		text-align: left; vertical-align: top;	
	}
	div.top {
		width: 97%
		float: right;
		text-align: left; vertical-align: top;	
	}