/* the important stuff */

body
{
	background-color: #ffffff;
	color: #202020;
	margin: 0px;
	padding: 0px;
} 

body, p, ul, ol 
{
	direction: ltr;
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size: 8pt;
	line-height: 11pt;
}

h1, h2, h3
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: lighter;
	text-align: left;
	text-transform: lowercase;
}

h1, h2, h3 { color: #572; }
h1, h2		{ letter-spacing: -1pt; }
h1			{ font-size: 24pt; }
h2			{ font-size: 12pt; margin-top: 20pt; color: #168; }
h3			{ font-size: 10pt; }

a			{ color: #39c; text-decoration: none; }
a:visited	{ color: #8a4; }
a:hover		{ color: #fc0; }
a img		{ border: solid 1px #39c; }
a.highlight { font-weight: bold; }


/* page layout */

#mainheader, #mainheader a, #mainheader a:visited {
	color: #572;
}

#mainheader {
	font-style: normal;
	font-weight: normal;

	font-size: 28pt;

	position: absolute;
	top: 30pt;
	left: 50pt;
	height: 40pt;
	padding-top: 10pt;
}

#subheader
{
	font-size: 28pt;

	position: absolute;
	top: 7pt;
	left: 250pt;
	height: 40pt;
	padding-top: 11pt;
	padding-left: 10pt;
}

#body
{
	margin-top: 100pt;
	margin-left: 50pt;
	margin-right: 160px;
}

#bodynarrow { 
	margin-top: 100pt;
	margin-left: 50pt;
	margin-right: 10pt;
}

#menu {
	background: #ffffff;
	border: solid 1px white;
	border-left: 1px solid #ddd;
	padding: 30px 0 20px 30px;

	position: absolute;
	right: 10px;
	top: 80px;
	width: 120px;
	
	text-transform: lowercase;
}

.leftcolumn 
{
	width: 100px;
	float: left;
	border: solid 1px white;
}

.rightcolumn
{
	margin-left: 110px;
	border: solid 1px white;
	padding-bottom: 20px;
	text-align: justify;
}
	


/* ornaments */

blockquote 
{
	color: #555;
	margin-left: 15px;
	padding: 0px 0px 0px 35px;
	background-image: url( "images/quote.gif" );
	background-repeat: no-repeat; 
}

pre, tt, p tt {
	font-size: 8pt;
	font-family: "Lucida Console", "Courier New", monospace;
	line-height: 1em;
}

div.rightcolumn p 
{
	margin-top: 0px;
}

img.bg {   /* in case i ever need it */
	z-index: -1;
	position: absolute;
	top: 0px;
	left: 0px;
}

img.right
{
	margin: 0px -70px 5px 20px;
	float: right;
}

img.rightedge
{
	margin: 0px 0px 5px 20px;
	float: right;
}