body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #333333;
background-color: white;
font-size: 80%;
}

pre {
font-family: Lucida Console, Lucida Console ANSI, monospace;
font-size: 80%;
}

td.content {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #333333;
background-color: white;
font-size: 80%;
}

tr.kana {
font-family: MS Gothic, MS Mincho, sans-serif;
font-size: 100%;
}

span.kana {
font-family: MS Gothic, MS Mincho, sans-serif;
}

h2.kana {
font-family: MS Gothic, MS Mincho, sans-serif;
}

h3.kana {
font-family: MS Gothic, MS Mincho, sans-serif;
}

h4.kana {
font-family: MS Gothic, MS Mincho, sans-serif;
}

tr.roma {
font-size: 80%;	/* XXX How does property inheritance work? */
}

tr.kanat {	/* kana inside kana table */
font-family: MS Gothic, MS Mincho, sans-serif;
text-align: center;
font-size: 100%;	/* XXX How does property inheritance work? */
}

tr.romat {	/* romaji inside kana table */
text-align: center;
font-size: 80%;	/* XXX How does property inheritance work? */
padding-bottom: 20px; /* Pad a little to space the table */
}

hr {
color: #8080ff;
background: #8080ff;
width: 40%;
border: none;
}

p {
text-align: justify;
}

table.box {
font-size: 100%;
border: thin #8080ff solid;
}

td.boxtitle {
font-size: 120%;
color: #ffffff;
background-color: #8080ff;
}

td.boxborder {
border: thin #8080ff solid;
}

table.navbar {
border: thin #8080ff solid;
font-size: 80%;
}

a:link {
color: #5050ff;
}

a:visited {
color: #808080;
}

a:hover {
color: #8080ff;
}

a:active {
color: #8080ff;
}

img {
border: none;
}

ul {
padding: 0px;
margin-top: 0px;
margin-left: 20px;
margin-bottom: 0px;
}