/* 
Stylesheet for Thai and English text.
Most are experimental... Feel free to improve it :-)
Note: the html "NEED" to be well-form for CSS to work as
extected so I always run it thru htmlcorrect.pl to correct
Netscape Composer stupidity.
*/

/* the text is black on light-gray */

body { 
	color: black; /* gray for debug */
	background: silver;
}

body.thaihome, body.enghome {
	background-color: white;
	/* background-image: url("../graphics/recbg.jpg"); */
}

body.thaimedia, body.engmedia {
	color: white;
	background: black;
}

/* we limit ourself to 4 colors: navy (dark-blue), maroon (dark-red),
olive (golden-yellow) and teal (green-blue) so we choose the
link's color that conform to our color scheme. */

a:link {
	color: navy; /* traditionally, this is blue so dark-blue fit */
}

a:visited {
	color: maroon; /* traditionally, this is purple so dark-red fit */
}

body.thaimedia a:link, body.thaimedia a:visited, 
body.engmedia a:link, body.engmedia a:visited {
	color: white;
}


/* title at the top of page */

h1 {
	text-align: right;
	color: olive;
	border-bottom-width: thin; /* this works (needed) on Netscape 4.x */
	border-bottom: thin white groove; /* this works on IE only :-( */

	/*padding-top: 8pt;*/ /* two padding to be decided later */
	padding-bottom: 24pt;
}

/* first level heading */

h2 {
	color: maroon;
}

body.englist h2, body.thailist h2 {
	text-align: right;
	border-top-width: thin;
	border-top: thin white groove;
}

/* second level heading (rare if not at all)  */

h3 {
	color: navy;
}

/* the text is justified to give formal look. we used to have
margin-left: 10% to make heading standout but that didn't work 
well with float in current browsers :-( */

p {
	color: black;
	text-align: justify;
}

body.thaimedia p, body.engmedia p {
	text-align: center;
	font-size: large; 
	font-weight: bold; 
}

/* highlight guote (put in a table to float out of the normal 
flow, cause CSS1's float is not well supported (at all) yet) */

td h3
{
/*	font-size: larger;*/
	font-weight: normal;
	color: teal;
	text-align: justify;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* subtitle -- info about the teaching -- where, when, the 
occasion, the audience, etc. This is the only exception (bad?) 
to the color scheme cause we use green here! (and only here) */

blockquote address
{
	color: green;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	border: none;
}

/* ending text in some teaching (rare) */

blockquote h4
{
	color: black;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	border: none;
}

/* copyright notice at the bottom of every pages */

address.copyright
{
	text-align: right;
	font-weight: normal;
	font-style: italic;
	border-top-width: thin; /* for Netscape 4.x */
	border-top: thin white groove; /* for IE */
	margin-top: 16pt;
}

/* term, (use with dd) */

dl dt
{
	font-weight: bold;
	font-style: italic;
}

/* endnote which already has its own numbering */

li
{
	color: teal;
	list-style: none; /* no bullet */
}

/* entries in table of contents */

ol li
{
	list-style: decimal;
}

body.thaimedia li, body.engmedia li {
	font-size: large; 
	font-weight: bold; 
}

/* navigation bar */

table.navbar td {
	color: white;
	background-color: teal;
	font-family: "MS Sans Serif", sans-serif;
	font-size: xx-small;
	text-align: center;
}

table.navbar a {
	color: white; 
	text-decoration: none;
}

table.navbar a:link {
	color: white; 
	text-decoration: none;
}

table.navbar  a:visited {
	color: white; 
	text-decoration: none;
}

table.navbar a:hover {
	color: yellow;
	text-decoration: none;
}