body { background: url(hato4.jpg) fixed; }
	
p#end {	font-size: 10px; font-style: italic; border-top: solid #564ac9 1px;}
	
#content { position: absolute; top: 30px; left: 200px; width: 625px;
		margin-right: auto;
		margin-left: auto; 
		margin-top: auto;
		margin-bottom: auto;
		text-align: left;
		border: solid #564ac9 2px;
		padding: 10px;
		background: #e9daff;
	 }

h1 { color: #564ac9;
     text-align: center;
     font-size: 30px;
     font-family: arial, sans-serif;
     padding-top: 15px;
     padding-bottom: 5px;
     border-bottom: solid #564ac9 2px;
     border-top: solid #564ac9 2px;
   }

h2 { background: #564ac9; color: #e9daff; margin-left: -40px; margin-right: -40px; font-size: 18px; font-family: arial, sans-serif; padding-top: 6px; padding-bottom: 6px; padding-left: 46px; }

a:link { text-decoration: none; color: #564ac9;}
a:visited { text-decoration: none; color: purple; }
a:active { text-decoration: none; }
a:hover { text-decoration: underline;}


#links {
	font: 16px Verdana, sans-serif; 
	text-align: center;
	color: #564ac9;
	background: #e9daff;
}

div#links h2 { 	background: #564ac9;
		font: bold 16px sans-serif; 
		color: #e9daff;
		margin: 10px -50px 10px -50px;
		}
div#links a {	padding: 2px;
		margin: 10px 2px 10px 2px;
		font: bold 1em sans-serif; 
		color: #564ac9;
		background: #e9daff;
		text-decoration: none;
	     	border-top: solid #564ac9 2px;
	     	border-bottom: solid #564ac9 2px;
		}
div#links a.this { }
div#links a:visited { }
div#links a:hover { background: #564ac9; color: #e9daff; 
}