body {	font-family: arial; 
	font-size: 12px;
	color: #696969; }

body a {
	color: #215E21;
	text-decoration: none; }

body a:hover {
	color: #006400; 
	font-weight: bold; }

img { border-style: none; }

.title {
	text-align: center;
	color: #699864;
	font-size: 20px; }

.glow {	background-color: #CCFFCC;
	padding: 0px 30px 0px 30px;
	border-right: 1px #699864 solid;
	border-left: 1px #699864 solid; }

.above {
	margin: 3px 3px 0px 3px;
	padding: 3px 5px 3px 15px;
	background-color: #B4EEB4; 
	font-size: 14px;
	border-top: 1px #699864 dashed; 
	border-right: 3px #699864 solid;
	border-bottom: 1px #699864 dashed; 
	border-left: 3px #699864 solid; }

.add { font-size: 15px; }

.main {	margin: 2px 3px 1px 3px;
	padding: 4px;
	background-color: #C5E3BF; 
	border-left: 3px #699864 solid; 
	border-right: 3px #699864 solid; }

main.ul {
	list-style-type: circle;
	list-style-position: inside; 
	margin: 2px 3px 1px 3px; }

.top { 	width: 100%;
	margin-top: 10px;
	text-align: center; 
	text-decoration: underline; }

.left { text-align: right; }

.right { text-align: left; }

.button a {
	background: #FFFFFF;
	display: block;
	padding: 5px; }

.button a:hover {
	background: #CCFFCC; }

.copyright { 
	text-align: center; 
	font-size: 10px; }

.thecode {
	position: absolute; 
	visibility: hidden; 
	border: 1px #000000 solid; 
	background-color: #BDFCC9;
	overflow: auto; 
	width: 410px; 
	height: 250px; 
	margin: 0px 2px 0px -8px; 
	padding: 2px; }

.arrow {
	position: relative;
	top: -2px;
	left: 5px;
	font-size: 10px;
	font-style: italic; }