BODY {
    color: #000000;
    background: #FFFFFF;
	font-family: serif;
	font-style: normal;
	font-size: medium;
}

/*
	h1  -- Special Head : bold, centerlined
	h2  -- head : small caps, centerlined
	h3  -- subhead : bold, run-in.
	h4  -- subsubhead : italic, run-in.
*/

h1 {
	font-family: serif;
	font-weight: bold;
	font-size: xx-large;
	text-align: center;
	vertical-align: middle;
}

h2 {
	font-family: serif;
	font-style: normal;
	font-variant: small-caps;
	font-weight: normal;
	font-size: x-large;
	text-align: center;
}

h3 {
	font-family: serif;
	font-weight: bold;
	font-size: larger;
}

h4 {
	display: run-in;
	font-family: serif;
	font-style: italic;
	font-size: medium;
}

/*
    Anchors (default, page-description etc ...)
    link = visited   --  Blue / White
    active  --  Red / White
*/

a:link, a:visited {
	color: #0000FF;
	background: #FFFFFF;
}

a:active {
	color: #B00000;
	background: #FFFFFF;
}

/*
    Menu
    background     -- Yellow
    link = visited -- Black / Yellow
    active = hover -- Black / Pink
*/

nav {
	width: 30%;
	color: #000000;
	background: #FFFFD0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	float: left;
}

nav a:link, nav a:visited {
	color: #000000;
	background: #FFFFD0;
	text-decoration: none;
}

nav a:active, nav a:hover {
	color: #000000;
	background: #FFE0E0;
}

nav p {
	color: #000000;
	background: #FFD0D0;
	font-size: medium;
	text-indent: 0;
	text-align: center;
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/*
    Description part
    link = visited  -- Blue / White
    active
*/

div.description {
	width: 65%;
	color: #000000;
	background: #FFFFFF;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-left: -1px;
	float: left;
}

div.description p {
	color: #000000;
	background: #FFFFFF;
	text-align: left;
	text-indent: 1em;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

div.description p.header {
	color: #000000;
	background: #EEEEEE;
	font-size: medium;
	text-indent: 0;
	text-align: center;
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div.description dt {
	padding-left: 20px;
	font-weight: bold;
}

div.description dd {
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 20px;
}

/*
    Validation
*/

footer p {
	clear: left;
	padding-top: 1ex;
	text-indent: 0px;
}

/*
    Paragraphs
*/

p {
	text-indent: 1em;
	font-size: medium;
}

p#name {  /*  info  */
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.2em;
}

p.list-title {  /*  maths/charged  */
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 20px;
	margin-bottom: -10px;
}

/*
    Tables
*/

table {
	border: 0px solid #000000;
	margin-bottom: 5px;
}

table.framed {
	margin-bottom: 2ex;
	margin-left: 40px;
	margin-right: 20px;
	border-collapse: collapse;
	border: 1px solid #000000;
}

table.framed th {
	padding: 0px;
	text-align: center;
	border: 1px solid #000000;
}

table.framed td {
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px solid #000000;
}

/*
table.framed th#first {
	padding: 0px;
	width: 25%;
	text-align: center;
	border: 1px solid #000000;
}

table.framed th#second {
	padding: 0px;
	width: 70%;
	text-align: center;
	border: 1px solid #000000;
}

table.framed th#third {
	padding: 0px;
	width: 5%;
	text-align: center;
	border: 1px solid #000000;
}

table.framed th#subjects {
	padding: 0px;
	width: 45%;
	text-align: center;
	border: 1px solid #000000;
}

table.framed th#overlap {
	padding: 0px;
	width: 92%;
	text-align: center;
	border: 1px solid #000000;
}

table.center {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
*/

caption {
	font-variant: small-caps;
	text-align: center;
	caption-side: bottom;
}

/*
    Other convinient
*/

img {
	border: 0px;
}

span {
	display: block;
	position: relative; 
	margin-top: 2ex;
	margin-bottom: 2ex;
	margin-left: 5eM; 
}

li {
	padding-right: 20px;
}

math {
	font-style: oblique;
}

.center {
	margin-left: 0pt;
	text-align: center;
}

