body { 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    background: url("mygrad.png") repeat-x;
    color: black;
    margin: 0px;
    text-align: justify;
}

h1 { 
	color: #0066CC;
	font-size: 150%;
	margin-bottom: 0px; 
	margin-top: 0px; 
	margin-left: 10px; 
}
h2 { 
	color: #0066CC;
	font-size: 110%;
	margin-bottom: 0px; 
	margin-left: 10px; 
}
h3 { 
	color: #0066CC;
	margin-bottom: 0px; 
	margin-left: 10px; 
}
h4 { 
	color: #0066CC;
	margin-bottom: 0px; 
	margin-left: 10px; 
}

p { 
  margin-left: 20px;
  margin-right: 20px;
}
p.small { 
  margin: 0px;
  font-size: smaller;
}

p.small5 { 
  margin: 15px;
  font-size: smaller;
}

p#spoiler {
  margin-left: 12%;
}

.headl {
   display: inline;
   margin-right: 0px;
}
 
.head {
   display: inline;
   margin: 60px;
   padding: 0px;
   text-align: center;
}
.headr {
   display: inline;
   position:absolute;      /* All browsers */
   top: auto;              /* Standards  browsers */
   top: position-static;   /* IE all others ignore this as invalid*/
   right: 0;               /* All except IE */
   left: expression(parentNode.offsetWidth - offsetWidth + 'px'); /* IE only */
}

.content {
   background-color: #fff;
   border: 1px solid #0066cc; 
   margin-left: 100px;
   margin-right: 100px;
   margin-top: 0px;
   padding: 30px;
}

.footer {
   border: 1px solid #0066cc; 
   margin-left: 100px;
   margin-right: 100px;
   margin-top: 10px;
   padding: 10px;
}

.smallest {
    font-size: 11px;
}