@media screen { BODY { background-color: whitesmoke; } DIV.left DIV, DIV.right DIV { background-color: #FFFAC3; }/* COLOR="#FFFFCC" */ } @media print { BODY { background-color: white; } DIV.left DIV, DIV.right DIV { background-color: lemonchiffon; } DIV.left UL, DIV.right UL { margin: 5px 0 0 29px; padding: 0; list-style: disc outside url("http://www.individual-i.org/images/triangle-9h.gif"); } DIV.left UL LI, DIV.right UL LI { margin: .5em 0 0 0; padding: 0; } } BODY { font-family: Georgia, Times New Roman, serif; margin: 30px auto 40px auto; font-size: 86%; padding: 0 25px ; max-width: 700px; } IMG { border: none; } DIV.right { width: 180px; float: right; } /* double div here to work around the fact that in Firefox 200px width + 15px padding = a 215px bordered box... */ DIV.left { float: left; width: 200px; } DIV.left DIV, DIV.right DIV { padding: 15px; margin-top: 15px; font-size: 92%; border: solid black 1px; } DIV.right ul { padding: 0; margin: 0; } ul { padding-left: .75em; margin-left: 0; list-style-type: none; } ul li { margin: 8px 0 0 0; padding: 0 0 0 15px; vertical-align: top; background: url(images/triangle-9h.gif) no-repeat 0 3px; } DIV.right DIV H2, DIV.left H2 {font-size: 110%; font-weight: bold; margin: 0 0 .2em 0; } DIV.center {margin-right: 200px; margin-left: 2px; padding: 0 12px 0 12px; } H1 { margin: 1em 0 -.37em 0; font-size: 145%; } H2 { margin: 1em 0 -.4em 0; font-size: 125%; clear: left;} H3 { margin: 1em 0 -.4em 0; font-size: 110%; clear: all;} P { margin: .75em 0 0 0; } DIV.header { cl