body{
	background-color:white;
	margin-left:20px;
	margin-right:20px;
}
.ff4 { 
	background-color : #d0d0ff; 
	padding  : 5px 0px 5px 10px;
}
.ff4msg{
	background-color : #d0d0ff; 
	padding  : 5px 0px 5px 0px;
	text-align:center;
	color:navy;
}
.ff4btl { 
	background-color : #d0d0ff; 
	padding  : 5px 0px 5px 10px;
	color:red;
}
.easy{ 
	background-color : #d0ffd0; 
	padding  : 5px 0px 5px 10px;
}
.easymsg{ 
	background-color : #d0ffd0; 
	padding  : 5px 0px 5px 10px;
	text-align:center;
	color:navy;
}
.easybtl{ 
	background-color : #d0ffd0; 
	padding  : 5px 0px 5px 10px;
	color:red;
}
.ff2{ 
	background-color : #ffffc0; 
	padding  : 5px 0px 5px 10px;
}
.ff2msg{
	background-color : #ffffc0; 
	padding  : 5px 0px 5px 0px;
	text-align:center;
	color:navy;
}
.ff2btl{ 
	background-color : #ffffc0; 
	padding  : 5px 0px 5px 10px;
	color:red;
}
.crncls { 
	background-color : #FFFFFF;
	padding  : 5px 0px 5px 10px;
}
.crnclsmsg{
	background-color : #FFFFFF;
	padding  : 5px 0px 5px 0px;
	text-align:center;
	color:navy;
}
.crnclsbtl { 
	background-color : #FFFFFF;
	padding  : 5px 0px 5px 10px;
	color:red;
}
.battle { 
	background-color : #FFd0d0;
	text-align : center;
}
.name { 
	vertical-align  : top;
	width : 90px;
 }
.namebtl { 
	vertical-align  : top;
	width : 90px;
	background-color : #FFd0d0;
 }
.area { 
	background-color : #FFFFFF;
	padding  : 10px 0px 10px 0px;
	text-align : center;
 }
 TABLE{
 	width:100%;
	empty-cells  : show;
	margin-bottom:30px;
}
h1{
	font-size:1.2em;
	font-weight:bold;
	color:navy;
	text-align:center;
}
hr.head{
	margin-bottom:2em;
}
hr.line{
	margin-top:3em;
	margin-bottom:3em;
}