div.bluebox { background:#ddddff; border:1px solid #9999ff; }
div.bluebox > div:first-child  { background:#bbbbff; border:1px solid #333399; margin:2px; }
div.bluebox h2 { }
div.bluebox h4 { }
div.bluebox > div:first-child + div { }
div.bluebox > div:first-child + div + div { }

div.redbox { background:#ffdddd; border:1px solid #ff9999; }
div.redbox > div:first-child  { background:#ffbbbb; border:1px solid #993333; margin:2px; }
div.redbox h2 { }
div.redbox h4 { }
div.redbox > div:first-child + div { }
div.redbox > div:first-child + div + div { }

div.greenbox { background:#ddffdd; border:1px solid #99ff99; }
div.greenbox > div:first-child  { background:#bbffbb; border:1px solid #339933; margin:2px; }
div.greenbox h2 { }
div.greenbox h4 { }
div.greenbox > div:first-child + div { }
div.greenbox > div:first-child + div + div { }