/*
 * This is for older browsers, and stuff that never changes regardless of browser.
 * The magic conditional CSS directives should replace many of these things.
 *
 * The objective here is to be as stupid as possible, possibly for some mobile clients or
 * stuff that can't handle trickery.
 */

p
{
	text-align: justify;
}

img
{
	border : none;
}

img.mid
{
	padding : 0px;
	margin : 15px;
	border : black solid 1px;
	width : 85%;
}

/* A bit more padding for some images */
img.mid1
{
	padding : 15px;
	margin : 15px;
	border : black solid 1px;
	width : 85%;
	background : white;
}

img.cc
{
	padding : 0px;
	margin : 0px;
	border : none;
}

body
{
	margin-top : 50px;
	margin-bottom : 75px;
	margin-left : 5%;
	margin-right : 5%;
	font-family : Arial, Tahoma, Helvetica, FreeSans, sans-serif;
	font-weight : normal;
	font-size : 12pt;
}

h1
{
	font-family : verdana, helvetica, arial, sans-serif;
	font-weight : bold;
	font-size : 22pt;
	color : white;
	border : none;
	text-align : center;
	background-color : black;
	margin : 0px;
}

blockquote
{
	border : black solid 1px;
	padding : 1em;
	margin-left : 5%;
	margin-right : 5%;
	background-color : #FFFFE0;
}

table.cont
{
	border : black solid 1px;
	padding : 2em;
	background-color : white;
}

table.rule
{
	border : none;
	padding : 0;
	margin : 0;
	background-color : white;
	border-collapse : collapse;
}

table.rule tbody tr th
{
        border : black solid 1px;
        padding : 1em;
}

table.rule tbody tr td
{
        border : black solid 1px;
        padding : 1em;
}


th.rj
{
	text-align : right;
}

th.lj
{
	text-align : left;
	margin-left : 20pt;
}

td.rj
{
	text-align : right;
}

td.rj p
{
	margin-right : 10pt;
	text-align : right;
}

td.lj
{
	text-align : left;
}

hr
{
	color : black;
	border-color : black;
	background-color : black;
}

li
{
	margin-top : 5pt;
	margin-bottom : 5pt;
}

/*
 * Table used for heading layout (because there's just no way to get equivalent CSS layout)
 *
 * Mystically, the browser seems to treat width and height differently when they are specified
 * in the <td> itself to how it treats the same width and height specifications coming from the
 * style sheet. Almost always, the value from the style sheet does the wrong thing or at least
 * something you don't expect (which might be the browser trying to do the right thing,
 * following the weirdness of CSS standards).
 *
 * Also, there's something magic in the cellspacing=0 parameter in the <table> tag.
 *
 * A belt-and-braces approach is used here with as many things as possible specified in BOTH
 * places (and that's pretty much what happens when you have standards like these).
 */
table.head
{
	background : transparent;
	border : none;
	padding : 0px;
	margin : 0px;
	width : 100%;
}

table.head tbody tr
{
	border : none;
	margin : 0px;
	padding : 0px;
}

table.head tbody tr td
{
	border : none;
	margin : 0px;
	padding : 0px;
}

table.head tbody tr td a
{
	color : white;
	font-size : 10pt;
}

td.head
{
	background : black;
	text-align : center;
	color : white;
}

td.corn
{
	background : transparent;
}

img.bdrv
{
	padding : 0px;
	width : 16px;
	height : 100%;
}

img.bdrh
{
	padding : 0px;
	width : 100%;
	height : 16px;
}

img.corn
{
	padding : 0px;
	width : 16px;
	height : 16px;
	border : none;
}

img.head
{
	padding : 0px;
	border : none;
}