P   {
     float:left;
     margin:0px;
     display:block;
     width:60px;
     margin-top:5px;
    
  
}

li  {float:left;display:block;}

.box1 {height:26px;}

.on  {
      background-color:#33cc33;
      width:100px;
      height:26px;
      margin-right:5px;
      text-align:center;
     }

.off {
      background-color:#ccffcc;
      width:100px;
      height:26px;
      margin-right:5px;
      text-align:center;
     }

.on a         {
               text-decoration:none;
               display:block;
               margin-top:5px;
              }
.on a:link    {color:#ffffff;}
.on a:visited {color:#ffffff;}
.on a:hover   {color:#ffffff;}

.off a         {
                text-decoration:underline;
                display:block;
                margin-top:5px;
               }
.off a:link    {color:#000000;}
.off a:visited {color:#000000;}
.off a:hover   {color:#ff0000;}

.box2
    {
     clear:both;
     border-top:solid 10px #33cc33;
     border-bottom:solid 1px #33cc33;
     border-left:solid 1px #33cc33;
     border-right:solid 1px #33cc33;
    }
ul  {margin:0px;}