body {
	font-family : Arial, sans-serif;
}


p.footer {
	font-family : Arial, sans-serif;
	font-style  : Italic;
	font-size   : 80%;
	text-align  : center;
	clear       : left;
	padding-top : 6em;
}


img.lang {
	float : right;
	border : 0px;
}



*.floatleft {
	float : left;
}

/* Make list items in a ordered list indent more nicely */
ol li {
	margin      : 0.5em 0 0 0;

}


/* Icons do not have borders, they provide their own */
img.icon {
	border      : 0px;
}


/* Any object of the center class should be centered */
.center {
	text-align  : center;
}


/* form inputs should align in their middle, very nice */
/* for buttons with images etc...                      */
form input {
	vertical-align	: middle;
}


/* All content that is NOT inside one of the following */
/* div tags should have no floating oelements on their */
/* left side.                                          */
* {
	clear		: left;
}


/* All contents within the picture div tag does */
/* allow floating elements beside them.         */

div.picture * {
	clear		: none;
}

div.picture img {
	float		: left;
	margin		: 0.5em;
}

div.picture p {
	padding     : 0 0 0 6em;
	margin      : 0.5em;
}



/* All contents within the picture div tag does */
/* allow floating elements beside them.         */

div.person * {
	clear	    : none;
}

div.person .photo {
	float       : left;
	margin      : 0.5em;
}

div.person .function {
	clear       : none;
	font-style  : italic;
}



/* Add the possibility to have a definition list */
/* in a side by side (2 column) manner           */

dl.sidebyside dt {
	float       : left;
}
dl.sidebyside dd {
	margin-left : 10em;
}
dl.sidebyside dl dt {
	margin-left : 10em;
	float       : none;
}
dl.sidebyside dl dd {
	margin-left : 12em;
}




.notice {
	border : 1px solid red;
	padding : 0.5em;
}



table.datatable {
	border-collapse	: collapse;
	border		: 2px silver outset;
	margin-left	: 2em;
}

table.datatable tr.header {
        font-family     : Arial, sans-serif;

        background      : #666699;
        color           : #00ffff;
	border-bottom	: 2px silver groove;
}

table.datatable th, table.datatable td {
        text-align      : left;
	padding-left	: 0.5em;
	padding-right	: 0.5em;
}

table.datatable th+th, table.datatable td+td {
	border-left	: 2px silver ridge;
}

table.datatable td {
        background      : #cccccc;
        color           : #000000;
}



img.overhead {
	margin : 0;
	padding : 0;
	display : block;
}