body {
     color: #000000; 
     margin-top: 5%; 
     margin-left: 15%; 
     margin-right: 15%;
     margin-bottom: 5%; 
     } 

div.english>* { margin-left: 12%; font-size: 90%; }

h1,h2,h3,h4,h5 { font-family: sans-serif; color:#000066; margin-top: 2%; margin-bottom:2%; } 
h1 {  text-align:center; font-size: 170%; font-variant: small-caps; }
h2 {  text-align:center; font-size: 130%; }
h3 {  text-align:center; font-size: 120%; }
h4 {  font-size: 105%; }
h5 {  font-size: 100%; }
h6 {  font-size: 100%; }
h7 {  text-align:center; font-family: sans-serif; font-size: 90%; }

center { text-align:center; }
thick { font-weight:bold; }

a:link { color:#000099; text-decoration: none}
a:visited { color:#000099; text-decoration: none}
a:hover { text-decoration: underline }

ul { list-style-type: none; }
ul.topics { list-style-type: square; }
li { margin-top:1em; margin-bottom:1em; padding:0em }

th,td { padding:15px; }

div.menu {
	 position: absolute;
	 left: 2em;
	 top: 2em;
	 width: 20em;
	 padding: 10em 0em;
	 }

div.participants { margin-bottom: 1em; font-size: 75% }
div.participants>ul { width: 100%; }  /* float & allow room for the widest item */
div.participants>ul>li { float: left; width: 30em; }  /* stop the float */
div.participants>ol { width: 100%; }  /* float & allow room for the widest item */
div.participants>ol>li { float: left; width: 30em; }  /* stop the float */
div.participants+* { clear: left; }  /* separate the list from subsequent markup */

.rotate20 {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.rotate40 {
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}