/*
 * This is for very wide screens, split to two columns. Note that CSS does not really DO two column layouts at all 
 * (hint: need to be able to flow between columns as the page resizes) but this is approximate hackery and since
 * long ago everyone stopped caring about real layout, no reason I should worry either.
 *
 * As far as I can see, only percentages work properly as width measurements in a scenario where the
 * page width is not exactly known, unless there is some way to insert math into the measurements because
 * the browser will make no attempt to fit stuff.
 */

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

div.lhs
{
	width : 48%;
	float : left;
	margin-left : 0pt;
	margin-right : 2%;
}

div.rhs
{
	width : 48%;
	float : right;
	margin-left : 2%;
	margin-right : 0px;
}

div.footer
{
	margin-left : 0px;
	margin-right : 0px;
	clear : both;
}

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

body
{
	margin-top : 50px;
	margin-bottom : 50px;
	margin-left : 5%;
	margin-right : 5%;
	width : 90%;
	background:url(bg.jpeg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}

th.rj
{
	text-align : right;
}

th.lj
{
	text-align : left;
	margin-left : 1em;
}

td.rj
{
	text-align : right;
}

td.rj p
{
	margin-right : 1em;
	text-align : right;
}

td.lj
{
	text-align : left;
}