.container {
     width: 580px;
     padding: 2px;
     margin: 1px 0 5px 0;
     border: 1px solid #ccc;
     background: #fff;
    }

    /* square */

    #navSquare {
     margin: 0;
     padding: 0 0 20px 5px;
     border-bottom: 1px solid #9FB1BC;
    }

    #navSquare li {
     margin: 0;
     padding: 0;
     display: inline;
     list-style-type: none;
    }

    #navSquare a:link, #navSquare a:visited {
     float: left;
     font-size: 10px;
     line-height: 15px;
     font-weight: bold;
     padding: 0 4px 6px 4px;
     text-decoration: none;
     color: #708491;
    }


    #navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover {
     color: #000;
     background: url(square.gif) no-repeat bottom center;
    }
    /* code for presentation purpose (CSS preview) */
    body {
     font-family: verdana, sans-serif;
     font-size: 11px;
     background: #eeeeee;
    }

    h4 {
     font-size: 90%;
     color: #999;
     margin: 0;
    }
.style2 {font-size: 11%}