body {
	scrollbar-face-color: #339966;
	scrollbar-3dlight-color: #CCCC99;
	scrollbar-highlight-color: #339966;
	scrollbar-shadow-color: #006666;
	scrollbar-darkshadow-color: #555555;
	scrollbar-track-color: #006666;
	scrollbar-arrow-color: #FF6633;
	list-style-position: inside;
	text-align: center; /* IE way to center stuff */
 }

.body {
	margin: auto;
	text-align: justify;
	max-width: 800px;
	width: expression(document.body.clientWidth > 800? "800px": "auto" );
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	text-decoration: underline;
	font: bold 18px sans-serif;
 }
 
h2 {
	font-size: 16px;
	font-style: italic;
}

h3 {
	text-align: left;
	font-size: 14px;
}

/* h4, h5 and h6 are for lyrics titles formatting */
h4 {
	font: 16px italic;	
 }

h5 {
	font: 16px;
	margin: 0;
 }

h6 {
	font: 14px italic;
 }

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: center;
	color: #777;
	padding: 12px;
	/*padding-top: 6px;
	padding-bottom: 10px;
	padding-left: 18px;*/
	text-indent: -12px;
}

blockquote:first-letter {
	padding: 12px 0 0 12px;
	font: italic 26px Georgia, "Times New Roman", Times, serif;
}

blockquote.pullquote {
	float: right;
	width: 200px;
	border-top: 2px solid #999;/*#FF8833;*/
	border-bottom: 2px solid #999;/*FF8833;*/
	text-align: center;
	background: none;
}

blockquote.pullquote:first-letter { background: none }

.intro {
	margin-left: 10%;
	margin-right: 10%;
	font-style: italic;
	text-align: center;
 }
 
.indent { text-indent: 18.0pt; }
 
/*.first:first-letter { font-size: 16px; font-weight: bold; }*/

table {
	margin: auto;
	border-collapse: collapse;
	border: 1px solid black;
	text-align: center;
 }

th, td {
	padding: 2px 5px;
	border: 1px solid black;
 }

thead, tfoot { background-color: #f4ecd9; }

tr.ruled {
	background: #9cf;
	opacity: .75;
	filter: alpha(opacity=75);
}

img {
	border: none;
	vertical-align: middle;
}

.png { behavior: url("/pngbehavior.htc"); }

form { margin: 0; padding: 0; }

.large { font: 16px sans-serif; }

.normal, body, th, td { font: 14px sans-serif; }

small, sup { font-size: 10px; }

.glossary {
	text-decoration: underline;
	color: maroon;
	cursor: help;
 }

.legend {
	font-size: 12px;
	text-decoration: underline;
}

.facts {
	border: 2px solid black;
	padding: 10px 40px 10px 0; margin: 10px;
	background: #FF8833;
	opacity: .75;
	filter: alpha(opacity=75);
	height: 100%; /* to make IE filter working, add a layout */
 }

.left-column, .right-column {
	float: left;
	width: 49%;
	margin: 20px 0;
}
.left-column { padding: 0 1% 0 0; background: url(img/tree/separator.png) right repeat-y; }
.right-column { padding: 0 0 0 1%; background: url(img/tree/separator.png) left repeat-y; }

a.sort { color:brown; text-decoration:none; }
a.sort:hover, a.sort:focus { color:green; }
a.sort:active { color:blue; }

.author, .translator { display: none; }

.error {
	border: red solid 1px;
	color: red;
	padding:10px;
	text-align: center;
}

.zh-Hans, .zh-Hant, .zh-yue { font: 32px SimSun, NSimSun, PMingLiu, MingLiu, serif; }
.ja { font: 32px "MS PMinCho", "MS MinCho", serif; }
