h1 { background-color: #3366CC; text-align: center; border-top: solid 1px black; border-bottom: solid 1px black; }
div.intro { background-color: #6699FF; border: solid 1px black; padding: 5px;}
@media screen and (min-width: 600px) {
    div.intro { float: right; width: 30%; }
}
li { line-height: 2em; list-style-position: inside; padding-left: 1em }
.from1to10 .odd {background-color: red;}
.from1to10 .even {background-color: yellow;}
.from11to20 .odd {background-color: green;}
.from11to20 .even {background-color: yellow;}
.from21to30 .odd {background-color: red;}
.from21to30 .even {background-color: yellow;}
.from1to10 { padding-left: 3em;}
.from11to20 { padding-left: 6em;}
.from21to30 { padding-left: 9em;}
p.note { text-indent: 0em; font-size: small; font-style: italic; }