@charset "utf-8";
/* CSS Document */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}

#page {
	width: 780px;
	position:relative;
	margin: 10px auto;
}

#title {
	font-size:40px;
	display:inline;
}

#navbar>a {
	font-size:large;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding: 5px 5px;
	margin: 1px;
	position: absolute;
	right: 0px;
}
#navbar>a:hover{
	border: 1px solid;
	padding: 4px 4px;
}
#navbar ul {
	display: block;
}
#navbar ul li {
	display: inline;
}

#navbar ul li a{
	font-size:medium;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding: 5px 5px;
	margin: 1px;
}

#navbar ul li a:hover{
	border: 1px solid;
	padding: 4px 4px;
}

#content {
	display: block;
	margin-top: 10px;
	width: 780px;
	background-position:center;
	height: 400px;
}

h2 {
	margin: 15px;
	font-size: 30px;
}

#text {
	width: 620px;
	height: 320px;
	margin: 10px 10px 10px 150px;
	overflow: auto;
}

h3 {
	font-size: 20px;
	margin-bottom: 5px;
}

hr {
	height: 5px;
	border: 0px;
}

#text .mp3player {
	float: right;
	margin: 10px;
}

#footbar {
	display:block;
	width: 750px;
	max-width: 1000px;
	text-align:center;
	margin-top: 50px;
}

input {
	border: 1px solid;
}