div p { margin:0; padding:10px 10px; font-family: verdana, arial, tahoma; font-size: 9px}
#NN, #NO, #NE, #SS, #SO, #SE { height:8px; }
#NO, #SO { width:8px; }
#NO, #SO { float:left; }
#EE { background:#E7E7E7 url('e.gif') repeat-y right top; } 
#NO { background:url('no.gif') no-repeat; }
#NN { background:url('n.gif') repeat-x; }
#NE { background:url('ne.gif') no-repeat right top; }
#OO { background:url('o.gif') repeat-y; }
#SO { background:url('so.gif') no-repeat; }
#SS { background:url('s.gif') repeat-x; }
#SE { background:url('se.gif') no-repeat right top; }