body {
  background: #DDDDCC; 
  margin: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #333329;
  text-decoration: none; 
  font-weight: normal; 
  line-height:normal;
}

A:link	   { color: #DF2489; }
A:visited  { color: #DF2489; }
A:active   { color: #F52D99; }
A:hover	   { color: #F52D99; }

p {
  margin-top: 0px;
  margin-bottom: 10px;
}

.tuto {
  
  width: 100%; 
}

.smalltext {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal;
}

.text { 
  position: absolute;
  left: 55px;
  top: 85px;
  width: 600px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
}

.littleapplet { 
  position: absolute;
  left: 55px;
  top: 85px;
  font-size: 10px; 
}

.caption {  
  position: absolute;
  left: 15px;
  top: 20px;
  width: 300px;
  padding-left: 12px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 20px;
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
}

.captionprocess1 {  
  position: absolute;
  left: 390px;
  top: 85px;
  width: 225px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal;
}

.captionprocess2 {  
  position: absolute;
  left: 730px;
  top: 85px;
  width: 225px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal;
}

.describe3 {  
  position: absolute;
  left: 55px;
  top: 85px;
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
}

.code {  
  position: absolute;
  left: 55px;
  top: 85px;
  width: 900px;
}

.text1 {  
  position: absolute;
  left: 56px;
  top: 85px;
  width: 398px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
  line-height: 20px;
}

.text2 {  
  position: absolute;
  left: 475px;
  top: 85px;
  width: 398px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
  line-height: 20px;
}

pre {
  font-family: "Courier New", Courier, mono; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
}

.header3 {  
  position: absolute;
  left: 10px;
  top: 159px;
  width: 34px;
  color: #66665A;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
}

.describe2 {  
  position: absolute;
  left: 55px;
  top: 440px;
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal;
}

.header2 {  
  position: absolute;
  left: 10px;
  top: 440px;
  width: 34px;
  color: #66665A;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
}

.describe1 {  
  position: absolute;
  left: 55px;
  top: 518px;
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal;
}

.header1 {  
  position: absolute;
  left: 10px;
  top: 518px;
  width: 34px;
  color: #66665A;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal;
}

.header0 {  
  position: absolute;
  left: 10px;
  top: 585px;
  width: 40px;
  color: #66665A;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: bold;
}

.vertical1 {
  position: absolute;
  left: 46px;
  top: 88px;
  width: 1px;
  height: 496px;
  background: #BEBEB4;
}

.vertical2 {
  position: absolute;
  left: 296px;
  top: 88px;
  width: 1px;
  height: 496px;
  background: #BEBEB4;
}

.vertical3 {
  position: absolute;
  left: 462px;
  top: 88px;
  width: 1px;
  height: 315px;
  background: #BEBEB4;
}

.vertical4 {
  position: absolute;
  left: 628px;
  top: 88px;
  width: 1px;
  height: 315px;
  background: #BEBEB4;
}

.vertical5 {
  position: absolute;
  left: 794px;
  top: 88px;
  width: 1px;
  height: 315px;
  background: #BEBEB4;
}

.rule {
  position: absolute;
  left: 635px;
  top: 35px;
  width: 895px;
  height: 1px;
}

.rule2 {
  position: absolute;
  left: 55px;
  top: 700px;
  width: 895px;
  height: 1px;
}

.space {
  position: absolute;
  left: 0px;
  top: 60px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal;
}

.spacemore {
  position: absolute;
  left: 0px;
  top: 74px;
  font-size: 10px; 
}

.spaceless {
  position: absolute;
  left: 0px;
  top: 99px;
  font-size: 10px; 
}

.smallspace {
  position: relative;
  left: 0px;
  top: 5px;
  font-size: 10px; 
  color: #333329;
}


.implementation3 {  
  position: absolute;
  left: 304px;
  top: 85px;
  width: 150px;
}

.implementation2 {  
  position: absolute;
  left: 304px;
  top: 440px;
  width: 150px;
}

.implementation1 {  
  position: absolute;
  left: 304px;
  top: 518px;
  width: 150px;
}

.interpretation {  
  position: absolute;
  left: 470px;
  top: 85px;
  width: 150px;
}

.material {  
  position: absolute;
  left: 636px;
  top: 85px;
  width: 150px;
}

.process {  
  position: absolute;
  left: 802px;
  top: 85px;
  width: 150px;
}

.title {  
  position: absolute;
  left: 45px;
  top: 22px;
  width: 236px;
}

.titlecode {  
  position: absolute;
  left: 17px;
  top: 22px;
  width: 400px;
}

.credit {  
  position: absolute;
  left: 296px;
  top: 22px;
  width: 175px;
}

.origin {
  position: absolute;
  left: 462px;
  top: 428px;
  background-color: #D2D2BE;
  width: 500px;
  height: 166px;
}

.originspace {
  position: absolute;
  left: 10px;
  top: 13px;
  width: 478;
  height: 70;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal;
}

.wd85 {
  position: absolute;
  left: 8px;
  top: 75px;
  width: 150px;
  font-size: 10px; 
}

.wd106 {
  position: absolute;
  left: 174px;
  top: 75px;
  width: 150px;
  font-size: 10px; 
}

.wd385 {
  position: absolute;
  left: 340px;
  top: 74px;
  width: 150px;
  font-size: 10px; 
}

.credits {
  position: absolute;
  left: 55px;
  top: 650px;
  width: 600px;
  font-size: 10px; 
}