html body {
  background-color: #fff;
  color: #000;
	margin: 25px;
	font-family: "Arial Unicode MS", Loma, Garuda, Arial;
}

*[lang=th] { font-size: large; }

.trans
{
  color: #666666;
  font-style: italic;
}

.name
{
  font-style: oblique;
}

/* Dialogues */

.dialogue
{
  margin-left: 15px;
  background-color: #cccccc;
  width: 30em;
  color: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #888;
  padding: 4px;
}

.pasa
{
  width: 29em;
  background-color: #eeee66;
  border-top: 1px dotted #666688;
  border-bottom: 1px dotted #aaaa66;
  padding: 2px;
}

.speaker
{
  font-weight: bold;
}

.listener
{
  font-style: normal;
}

.speech
{
  margin-left: 15px;
}

.fig
{
  float: right;
  padding: 10px;
}


/* Tables */

table.list
{
  background-color: #fff;
  color: #000;
  border: 0px;
}
table.list td
{
  padding: 4px;
  background-color: #eeee88;
}
table.list th
{
  color: #fff;
  padding: 4px;
  background-color: #666622;
  text-align: left;
}

table.summary
{
  color: #000;
  background-color: #fff;
  border: 0px;
}
table.summary td
{
  background-color: #ccc;
  padding: 2px 5px 2px 5px;
}
table.summary th
{
  background-color: #888888;
  padding: 2px 5px 2px 5px;
}

table.vocabulary
{
  color: #000;
  background-color: #fff;
}
table.vocabulary th
{
  padding: 2px 5px 2px 5px;
  background-color: #aaddaa;
}
table.vocabulary td
{
  background-color: #eeeeff;
  padding: 2px 5px 2px 5px;
}
table.vocabulary tr.subvoc
{
  background-color: #ddaaaa;
}

table.minimenu
{
  color: #000;
  background-color: #fff;
  padding: 4px;
  text-align: left;
}
table.minimenu td
{
  background-color: #dddd88;
  border-left: 2px solid #bbbb66;
  padding: 3px;
  font-size: 80%;
}
table.minimenu td.current
{
  background-color: #ee8888;
  border-left: 2px solid #bb2222;
}
table.minimenu td.titles
{
  background-color: #ffaaaa;
  border-left: 2px solid #bb6666;
}

dt {font-style: italic}