body { background-color:#cccccc;
   font-size: 16px;
   color: #660099;
   font-weight: bold;
   font-family: Georgia, 'Times New Roman', Times, serif} 
h1 { color: #CC00CC; text-align: center; font-size: 22pt}
h2 { font-size: 18pt; text-align: center; color:#CC00CC}
td img { border: none; width: 150px; height: 128px; margin: 2px}
.bnr { width: 88px; height: 31px; border: none}
td { width: 160px} 
hr { width: 95%; color: #ddd; height: 4px}
a.rol {
 background: url('img/hard.bnr.gif');
 background-repeat:no-repeat;
 display: block;  
 width: 88px; 
 height: 31px; 
}
a  { outline:none}
a.rol:hover {
 background: url('img/hard.water2.gif'); 
}

.fig {  background-repeat: no-repeat;
	display:block;
	width:170px;
	height:190px;
	float: left;
	overflow:hidden;
	font-size: 12px;
	text-align:center;
	font-weight: 700; margin: 3px;	
	border:none
	}
.fig img { border: none; width: 150px; height: 128px; padding: 10px}
.fig a { 
    background-image:  url(img/fig/fig.gif); outline:none;
	background-repeat:no-repeat;
    display:block;
	width:170px;
	height:148px;
	color: #333300;		
	text-decoration:none
	}
.fig a:visited {	
	color:#666633	
	}
.fig a:hover { background-image: url(img/fig/fig_h.gif);
	color: #CC6633
		}
.fig a:hover img { padding: 9px 9px 11px 11px;	
	}	
.fig a:active { background-image: url(img/fig/fig_a.gif);		
	color: #CC00CC
	}
.fig a:active img { padding: 9px 9px 11px 11px;		
	}
.icq {vertical-align: text-bottom; width: 16px; height:16px
   }