body {
	background-color: #102;
}

div#body {
	padding: 30px;
	width: 500px;
	margin: auto;
}

h1 { 
	border-color: yellow;
	border-width: medium;
	border-style: solid;
	color: yellow;
	background-color: #306;
	font-family: verdana, helvetica;
	font-size: 24px;
	font-weight: normal;	
	padding: 6px 24px;
	margin: 0;
}

h1 a, 
h1 a:hover,
h1 a:active {
	width: 100%;
	color: yellow;
	text-decoration: none;
	cursor: text;
}

h2 { 
	border-color: yellow;
	border-width: medium;
	border-style: none solid;
	color: #306;
	background-color: yellow;
	font-family: verdana, helvetica;
	font-size: 16px;
	font-weight: bold;	
	padding: 6px 24px;
	margin: 0;
}

h2 a {
	width: 100%;
	color: #306;
	text-decoration: none;
}

h2 a:hover {
	color: #306;
	text-decoration: underline;
}

ul { 
	border-color: yellow;
	border-width: medium;
	border-style: solid;
	color: yellow;
	background-color: #306;
	margin: 0;
	padding-left: 40px;
	padding-top: 18px;
	padding-bottom: 18px;
	font-family: georgia, serif;
}

a {
	color: yellow;
}

a:hover {
	color: orange;
}

.reversi {
	unicode-bidi: bidi-override;
	direction: rtl;
}