div#container {width:450px; background:#689B98;}
.rtop, .rbottom{display:block; background: #245854;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #689B98;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

th{background-color: #467976; }

#contents{
	width: 75%;
	float: center;
	border: 3px solid black;
	padding: 20px;
	left, right, top, bottom: 10%;
	background-color: white;
	color: black;
	font-family: times;
	font-size: 20px;
	text-align: left;
}
#contents h1{
	color: black;
}
#contents h2{
	color: black;
}
#contents a{
	color: #125A0B;
	text-decoration: underline;
}
#contents a:hover{
	color: white;
	background-color: #125A0B;
}
#contents ol>li{
	margin: 5px;
	padding: 5px;
}
.caption{
	text-align: center;
	font-size: 14px;
}
.data{
	background-color: #D0D0D0;
}
.data td{
	color: black;
	font-family: monospace;
	font-size: 18;
	font-weight: bold;
	text-align: center;
	width: 30px;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid #A7A7A7;
}

body{	font-family:verdana; color: white; background-color: #245854;	line-height: 1.3;}
a:link{	text-decoration: none; color: #CCEECC;}
a:visited{ color: #CCEECC; }
h1,h2,h3 {font-family: verdana; color: white;}
ul{ list-style-type: square;}