body
{
	background-color:black;
	background-image:url(bkg.png);
	font-family:arial; font-size:12pt;
	margin:0;
	padding:8em 0 0 200px;
	line-height:1.5em;
}



/*
 * Layout
 */
div#top
{
	margin:-8em 0 0 -200px;
	float:left;
}
div#left
{
	float:left;
	margin:0 0 0 -200px;
	width:200px;
}
div#centre
{
	margin:0;
	padding:0;
}



/*
 * Headers
 */
h1,h2
{
	padding:0;
	margin:0 0 5px 0;
}
h1 a
{
	background-color:rgba(100,100,100,0.7);
	-moz-border-radius-bottomright:15px 2em; -khtml-border-bottom-right-radius:15px 2em; border-bottom-right-radius:15px 2em;
	color:white;
	display:block;
	font-size:medium; font-variant:small-caps;
	line-height:2em;
	margin:0;
	padding:0 2em;
	text-align:left; text-decoration:none;
	width:300px;
}
h1 a:hover
{
	background-color:rgba(120,120,120,0.7);
	font-style:normal;
}
h2 a
{
	-moz-border-radius-bottomright:15px 2em; -khtml-border-bottom-right-radius:15px 2em; border-bottom-right-radius:15px 2em;
	color:white;
	display:block;
	font-size:medium; font-variant:small-caps;
	line-height:2em;
	margin:0;
	padding:0 2em;
	text-align:left; text-decoration:none;
	width:250px;
}
h2 a:hover
{
	font-style:normal;
}
h3
{
	-moz-border-radius-bottomleft:15px 2em; -khtml-border-bottom-left-radius:15px 2em; border-bottom-left-radius:15px 2em;
	color:white;
	font-size:x-large; font-style:italic; font-weight:normal;
	line-height:2em;
	margin:0 0 0 auto;
	padding:0 10px 0 50px;
	text-align:left;
	width:75%; min-width:400px;
}
h4,h5,h6
{
	-moz-border-radius-bottomright:15px 2em; -khtml-border-bottom-right-radius:15px 2em; border-bottom-right-radius:15px 2em;
	color:black;
	display:inline-block;
	font-weight:normal;
	line-height:2em;
	margin:20px 0 20px -50px;
	padding:0 30px 0 60px;
}
h4
{
	font-size:large;
	background:rgba(80,80,80,0.5);
}
h5
{
	font-size:medium;
	background:rgba(80,80,80,0.3);
}
h6
{
	font-size:small;
	background:rgba(80,80,80,0.1);
}



/*
 * Menu
 */
ul#menu
{
	border-width:0;
	list-style-type:none;
	padding:0 0 0 3px;
	margin:0;
}
ul#menu a
{
	-moz-border-radius-bottomright:10px 1.5em; -khtml-border-bottom-right-radius:10px 1.5em; border-bottom-right-radius:10px 1.5em;
	-moz-border-radius-topleft:10px 1.5em; -khtml-border-top-left-radius:10px 1.5em; border-top-left-radius:10px 1.5em;
	color:white;
	display:block;
	line-height:1.5em;
	margin:6px 10px 6px -10px;
	padding:0 20px;
	text-decoration:none;
}
ul#menu a:hover
{
	font-style:normal;
	margin:6px 0;
	padding:0 20px;
}
ul#menu a.current
{
	background-color:rgba(255,255,255,0.7);
	color:black;
	margin:6px 0;
	padding:0 20px;
}
/*
 * SubMenu
 */
ul#submenu
{
	font-size:smaller;
	list-style-type:none;
	padding:0 10px 0 13px;
	margin:0;
	text-align:center;
}
ul#menu ul#submenu a
{
	-moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
	background-color:rgba(255,255,255,0.7);
	color:black;
	display:block;
	line-height:1.2em;
	margin:3px 0px;
	padding:0 20px;
	text-decoration:none;
}
ul#menu ul#submenu a:hover
{
	-moz-border-radius-bottomright:10px 1.2em; -khtml-border-bottom-right-radius:10px 1.2em; border-bottom-right-radius:10px 1.2em;
	-moz-border-radius-topleft:10px 1.2em; -khtml-border-top-left-radius:10px 1.2em; border-top-left-radius:10px 1.2em;
	-moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0;
	-moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0;
	font-style:normal;
	margin:3px 0px;
	padding:0 20px;
}
ul#menu ul#submenu a.current
{
	-moz-border-radius-bottomright:10px 1.2em; -khtml-border-bottom-right-radius:10px 1.2em; border-bottom-right-radius:10px 1.2em;
	-moz-border-radius-topleft:10px 1.2em; -khtml-border-top-left-radius:10px 1.2em; border-top-left-radius:10px 1.2em;
	-moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0;
	-moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0;
	color:black;
	padding:0 20px;
}



/*
 * Links
 */
div.box a
{
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:black;
	text-decoration:none;
}
div.box a.next
{
	-moz-border-radius-bottomright:10px 1.5em; -khtml-border-bottom-right-radius:10px 1.5em; border-bottom-right-radius:10px 1.5em;
	-moz-border-radius-topleft:10px 1.5em; -khtml-border-top-left-radius:10px 1.5em; border-top-left-radius:10px 1.5em;
	border-width:0;
	color:white;
	display:block;
	line-height:1.5em;
	margin:20px auto;
	padding:0 20px;
	text-align:center;
	width:300px;
}
div.box a.next:hover
{
	background-color:black;
}



/*
 * Lists
 */
div.box ul			{list-style-type:square;}
div.box ul ul		{list-style-type:circle;}
div.box ul ul ul	{list-style-type:disc;}
div.box ol			{list-style-type:decimal;}
div.box ol ol		{list-style-type:lower-alpha;}
div.box ol ol ol	{list-style-type:lower-roman;}
div.box  li
{
	margin:10px 0;
}
/* Comma seperated list */
ul.cs				
{
	list-style-type:none;
	padding-left:0px;
}
ul.cs li
{
	display:inline;
}
ul.cs li:not(:last-child)::after
{
	content:",";
}
	



/*
 * Standard Box
 */
div.box
{
	background:rgb(230,230,230);
	/*-moz-border-radius-topright:25px 50px; border-top-right-radius:25px 50px;
	-moz-border-radius-topleft:5px; border-top-left-radius:5px;
	-moz-border-radius-bottomleft:25px 50px; border-bottom-left-radius:25px 50px;
	-moz-border-radius-bottomright:5px; border-bottom-right-radius:5px;*/
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	border-style:solid;
	border-width:4px;
	overflow:auto;
	padding:10px 50px 30px 50px;
	margin:40px auto 100px auto;
	width:80%; min-width:400px;
}
div.box p
{
	text-align:justify;
	margin:15px 0;
}



/*
 * Tables
 */
table
{
	border-color:rgb(50,50,50);
	border-spacing:5px 0;
	border-style:solid;
	border-width:2px 8px;
	border-spacing:2px;
	margin:25px auto;
	padding:0;
	table-layout:fixed;
	width:95%;
}
th
{
	background-color:rgb(50,50,50);
	color:rgb(240,240,240);
	font-variant:small-caps;
	margin:0;
	padding:5px 15px;
}
th[scope=col]
{
	text-align:center;
}
th[scope=row]
{
	text-align:left;
}
td
{
	background-color:rgba(10,10,10,0.1);
	padding:5px 10px;
	margin:0;
}



/*
 * Coding examples
 */
table.eg
{
	border:none;
	border-collapse:separate;
	padding:0;
	border-spacing:5px;
	width:100%;
}
table.eg td
{
	border:none;
	margin:0;
	padding:0;
}
table.eg td.eg
{
	background:rgba(200,200,200,0.5);
	border:solid rgb(100,100,100);
	border-width:2px;
	padding:5px 20px;
	text-align:center;
}
table.eg td:nth-child(1)
{
	padding:0;
	width:70%;
}
/*
code
{
	background:rgba(200,200,200,0.5);
	border:dashed rgb(100,100,100);
	border-width:2px;
	display:block;
	font-size:smaller;
	margin:0;
	padding:5px 20px;
	white-space:pre-wrap;
}*/
math
{
	display:block;
}


/*
 * Misc
 */
 div.box div.button
{
	-moz-border-radius-bottomright:10px 1.5em; -khtml-border-bottom-right-radius:10px 1.5em; border-bottom-right-radius:10px 1.5em;
	-moz-border-radius-topleft:10px 1.5em; -khtml-border-top-left-radius:10px 1.5em; border-top-left-radius:10px 1.5em;
	border-width:0;
	color:white;
	display:block;
	line-height:1.5em;
	margin:20px auto;
	padding:0 20px;
	text-align:center;
	width:300px;
}
div.box div.button:hover
{
	background-color:black;
	cursor:pointer;
}