@import url('index.css');

div#nav {
	background-color: #f6f4d0;
	border-bottom: 1px solid #cc8;
	border-top: 1px solid #cc8;
}

a, .a, h1, h2 {
	color: #860;
}

h2 {
	margin: 0;
	font-size: 16pt;
}

div.tl {background-image: url('/images/section_yellow_tl.jpg')}
div.tm {background-image: url('/images/section_yellow_tm.jpg')}
div.tr {background-image: url('/images/section_yellow_tr.jpg')}
div.ml {background-image: url('/images/section_yellow_ml.jpg')}
div.mr {background-image: url('/images/section_yellow_mr.jpg')}
div.bl {background-image: url('/images/section_yellow_bl.jpg')}
div.bm {background-image: url('/images/section_yellow_bm.jpg')}
div.br {background-image: url('/images/section_yellow_br.jpg')}

div.mm {
	border: 1px solid #dda;
	background-color: #ffc;
}

a.button, input.button {
	background-color: #440;
}

a.button:hover, input.button:hover {
	background-color: #660;
}

span.link, a.unsel {
	color: #888;
}

span.link_sel, span.link_hl {
	color: #660;
}

.hide {
	display: none;
}

table.list th {
	border-top: 1px solid #bb8;
}

table.list col.section {
	width: 110px;
}

table.post th {
	width: 11em;
}

table.post col.title {
	width: 11em;
}

td.ar {
	text-align: right;
	vertical-align: top;
}

img.graph1 {
	width: 320px;
	height: 200px;
}

img.graph2 {
	width: 640px;
	height: 480px;
}

img.graph3 {
	width: 800px;
	height: 600px;
}