#book_color {
display:				block;
width:					658px;
height:					459px;
position:				absolute;
top:					22px;
left:					15px;
background:				#4b88ab;
z-index:				-1;
}
#book_page_top {
display:				block;
width:					635px;
height:					35px;
position:				absolute;
top:					6px;
left:					25px;
background:				url(../images/interface/bookbg_head_2.png) no-repeat;
z-index:				1;
}
#book_page_main {
display:				block;
width:					635px;
height:					430px;
position:				absolute;
top:					40px;
left:					25px;
background:				url(../images/interface/bookbg_cont_2.jpg) no-repeat;
z-index:				1;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 7px;
}

.bc {
width:					620px;
height:					410px;
table-layout:			fixed;
border-spacing:			39px;
border-collapse:		separate;
position:				absolute;
top:					10px;
left:					33px;
z-index:				2;
text-shadow:			none;
color:					#1d0c05;
font:					normal 16px calibri, sans-serif;
text-align:				justify;
line-height:			17px;
letter-spacing:			0px;
font-stretch:			normal;
font-size-adjust:		0.40;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 /* Special rules for shitty Chrome here: */ 
	.bc {
	width:					620px;
	height:					410px;
	table-layout:			fixed;
	border-spacing:			39px;
	border-collapse:		separate;
	position:				absolute;
	top:					10px;
	left:					33px;
	z-index:				2;
	text-shadow:			none;
	color:					#1d0c05;
	font:					normal 15px calibri, sans-serif;
	text-align:				justify;
	line-height:			17px;
	letter-spacing:			0px;
	font-stretch:			normal;
	font-size-adjust:		0.40;
	}
}
h1 {
color:					#113457;
font:					small-caps bold 22px serif;
border-bottom:			2px solid #113457;
margin:					0px 0px 5px 0px;
line-height:			20px;
text-align:				center;
}
h2 {
color:					#113457;
font:					small-caps bold 17px serif;
margin:					0px 0px 5px 0px;
line-height:			16px;
}
hr {
color:					#113457;
border:					1px dotted #113457;
}
.initial {
float:					left;
vertical-align:			top;
}
i.small {
font:					italic 12px calibri, sans-serif;
}
.bcl {
width:					240px;
height:					380px;
vertical-align:			top;
}
.bcr {
width:					240px;
height:					380px;
vertical-align:			top;
}
.cl {
display:				block;
width:					38px;
height:					40px;
background:				url(../images/interface/book2_cl.png) no-repeat;
position:				absolute;
top:					416px;
left:					28px;
}
.cr {
display:				block;
width:					38px;
height:					40px;
background:				url(../images/interface/book2_cr.png) no-repeat;
position:				absolute;
top:					414px;
right:					25px;
}
.pl {
height:					10px;
width:					30px;
text-align:				center;
position:				absolute;
top:					424px;
left:					154px;
color:					#113457;
font:					bold 11px serif;
margin:					0px;
display:				block;
}
.pr {
height:					10px;
width:					30px;
text-align:				center;
position:				absolute;
top:					424px;
right:					150px;
color:					#113457;
font:					bold 11px serif;
margin:					0px;
display:				block;
}

dl {
margin:					0px;
padding:				0px;
}
dt {
float:					left;
width:					222px;
overflow:				hidden;
white-space:			nowrap;
margin:					0px;
padding:				0px;
}
dt:after {
font-weight: 			normal;
color:					#113457;
content: 				" -----------------------------------------------";
}
dd {
float:					left;
text-align:				right;
width:					25px;
overflow:				hidden;
margin:					0px;
padding:				0px;
}
.mark {
width:					57px;
height:					52px;
display:				block;
background:				url(../images/interface/mm_mark_1.png) no-repeat;
}
.m1 {
position:				absolute;
	top:				97px;
	right:				32px;
z-index:				10;
}
.m2 {
position:				absolute;
	top:				160px;
	right:				26px;
z-index:				10;
}
.m3 {
position:				absolute;
	top:				225px;
	right:				20px;
z-index:				10;
}
.m4 {
position:				absolute;
	top:				290px;
	right:				12px;
z-index:				10;
}
.pgcenter {
text-align:				center;
}