body {
  background-image: url(../images/pankok/bg_pankok.png);
	background-position: left top;
	background-repeat: repeat;
}
h2, h3 {
text-align: center;
}
h3 {
font-size: 1em;
}
h5 {
text-align: center;
}
.letterspace {
letter-spacing: 0.2em;
}
.centerline {
text-align: center;
margin: 0;
padding: 0;
}
#bc {
	background-image: url(../images/pankok/bg2_pankok_text.png);
	background-position: top center;
	background-repeat: no-repeat;
}
#bc #self {
	color: white;
}
#bc li a{
color: black;
}
#bc li a:hover {
color: white;
}
#navbar {
	background-image: url(../images/pankok/bg3_pankok_text.png);
	background-position: top center;
	background-repeat: no-repeat;
}
#navbar li a {
color: black;
}
#navbar li a:hover {
color: white;
}
#main {
  background-image: url(../images/pankok/bg1_pankok_text.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
#content {
  background-image: url(../images/pankok/bg_pankok_text1a.png);
	background-position: left top;
	background-repeat: repeat-y;
}
#main_footer {
  background-image: url(../images/pankok/bg1b_pankok_text.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#maintext {
font-size: 1.3em;
line-height: 1.3em;
padding: 0 3.5em;
text-align: justify;
}
.indent {
text-indent: 2.5em;
}
.indent2 {
text-indent: 2.5em;
margin: 0;
}
.indent2:first-child {
text-indent: 0;
}
.headpoem {
float:  left;
width: 100%;
}
.headpoem em {
float: right;
padding: 1em 0;
}
.headpoem span {
font-style: normal;
}
.poem {
width: 60%;
display: block;
margin: auto;
}