dl {padding-top:30px; margin:2em 7px; font-weight:bold; padding-bottom: 280px;}
dt {display:none; }
dd {float:left; margin:0 1px 10px 0; padding:0; text-align:center; font-size: 11px; }
dd a, dd a:visited {text-decoration:none; color:#321;}
dd span {float:left; cursor:pointer; width:165px;}

dd span.side {width:5px; height:2em; position:relative;}
dd span.side b.p1 {height:20px; width:1px; float:left; margin:5px 0; background:#89A;}  
dd span.side b.p2 {height:20px; width:1px; float:left; margin:3px 0; background:#D3E0EA; border-top:2px solid #345; border-bottom:2px solid #345;}
* html dd span.side b.p2 {height:24px; he\ight:20px;}
dd span.side b.p3 {height:24px; width:1px; float:left; margin:2px 0; background:#D3E0EA; border-top:1px solid #345; border-bottom:1px solid #345;}  
* html dd span.side b.p3 {height:26px; he\ight:24px;}
dd span.side b.p4 {height:26px; width:2px; float:left; margin:1px 0; background:#D3E0EA; border-top:1px solid #345; border-bottom:1px solid #345;}
* html dd span.side b.p4 {height:28px; he\ight:26px;}
dd span.mid {height:28px; border-top:1px solid #345; border-bottom:1px solid #345; line-height:25px; padding:0 10px; background:#D3E0EA;}
* html dd span.mid {height:30px; he\ight:28px;}
dd a:hover {border:0;}
dd a:hover span.mid, dd a:hover span.side b.p2, dd a:hover span.side b.p3, dd a:hover span.side b.p4 {background:#89A; color:#fff;}