body { padding: 0; padding-left: 14%; background: url(foo) fixed;}
 #menu {padding: 0; left: 0; margin: 0; width: 14%; height:100%; position: fixed; top: 0;
	   _position: absolute; *TOP: expression(eval(document.body.scrollTop));}
 #compt {display: none;}	   
 #menar {display: none;
	   position:fixed;
	   _position: absolute;
	   top: 120px;
	   *TOP: expression(eval(document.body.scrollTop + 120));
	   left:14%; height:50%; width:50%;
	   *WIDTH:60%;
	   padding: 0;}	   
	   
.u {text-decoration: underline; }
p,ul {font-size: 1.1em;}
.cita {	text-align: center; padding: 10px;}
.ppdm { font-family: sans-serif; font-size: 0.8em;}

 .s1 { background-color: #FFF0E0;}
 .s1 #menu {background-color: #807050;}
 .s1 p,.s1 ul,.s1 h2,.s1 h3 {color: #300;}
 .s1 A:link {color:#c00;}
 .s1 A:visited {color:#900;}
 .s1 A:active,.s1 A:hover {color:#f00;}
 .s1 .cita {background-color: #FFE6CC;
			border: 3px outset #900;
			margin: 5px;}
 .s1 .c1 {color: #900;}
 .s1 .c2 {color: #060;}
 .s1 .ppdm,.s2 .ppdm,.s3 .ppdm {color: #000;}
		
 .s2 { background-color: #F0F0FC;}
 .s2 #menu {background-color: #707080;}
 .s2 p,.s2 ul,.s2 h2,.s2 h3 {color: #000;}
 .s2 A:link {color:#900;}
 .s2 A:visited {color:#600;}
 .s2 A:active, .s2 A:hover {color:#00f;}
 .s2 .cita {background-color: #DDEEFF;
			border: 1px solid #006;}
 .s2 .c1 {color: #009;}
 .s2 .c2 {color: #000;}

 .s3 { background-color: #FFF5EC; text-align: justify;}
 .s3 #menu {background-color: #aaaa90;}
 .s3 p,.s3 ul,.s3 h2,.s3 h3 {color: #030;}
 .s3 A:link {color:#c00;}
 .s3 A:visited {color:#900;}
 .s3 A:active,.s3 A:hover {color:#f00;}
 .s3 .cita {background-color: #FFF0DD;
			border: 4px groove #900;}
 .s3 .c1 {color: #600;}
 .s3 .c2 {color: #036;}
		
 .s4 { background-color: #900;}
 .s4 p,.s4 ul,.s4 h2,.s4 h3 {color: #ffc;}
 .s4 A:link {color:#ff3;}
 .s4 A:visited {color:#ff0;}
 .s4 A:active, .s4 A:hover {color:#fff;}
 .s4 .cita {background-color: #600;
			border: 1px solid #ffc;}
 .s4 .c1 {color: #fff;}
 .s4 .c2 {color: #ff6;}
 .s4 .ppdm,.s5 .ppdm,.s6 .ppdm,.s7 .ppdm {color: #fff;}

 .s5 { background-color: #363;}
 .s5 p,.s5 ul,.s5 h2,.s5 h3 {color: #fc6;}
 .s5 A:link {color:#ff0;}
 .s5 A:visited {color:#f90;}
 .s5 A:active,.s5 A:hover {color:#ff9;}
 .s5 .cita {background-color: #696;
			margin: 8px;
			border: 1px solid #ff0;}
 .s5 .c1 {color: #ff9;}
 .s5 .c2 {color: #cc9;}
		
 .s6 { background-color: #309;}
 .s6 p,.s6 ul,.s6 h2,.s6 h3 {color: #ffc;}
 .s6 A:link {color:#ff0;}
 .s6 A:visited {color:#cf6;}
 .s6 A:active, .s6 A:hover {color:#fff;}
 .s6 .cita {margin: 15px;
			border: 1px solid #fff;
			background-color: #336080;}
 .s6 .c1 {color: #fff;}
 .s6 .c2 {color: #fc9;}

 .s7 { background-color: #666;}
 .s7 p,.s7 ul,.s7 h2,.s7 h3 {color: #fc9;}
 .s7 A:link {color:#f00;}
 .s7 A:visited {color:#f30;}
 .s7 A:active,.s7 A:hover {color:#ff9;}
 .s7 .cita {background-color: #333;
			margin: 10px;
			border: 4px groove #f90;}
 .s7 .c1 {color: #dda;}
 .s7 .c2 {color: #ffc;}
		
@media print {#menu, #pa, #menar {display: none;} }
@media print {body {padding: 0;} }