 <style type="text/css">

.container {
        width: 500px;
        padding: 15px;
        margin: 3px 0 20px 0;
        border: 0px solid #ccc;
        background: #fff;
}

/* square */

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

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

#menu a:link, #menu a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #808080;
}

#menu a:link.active, #menu a:visited.active, #menu a:hover {
        color: #000;
        background: url(graphics/square.gif) no-repeat bottom center;
}

</style>
                <style type="text/css">
                
/* code for presentation purpose (CSS preview) */
body {
        font-family: verdana, sans-serif;
        font-size: 11px;
        background: #ffffff;
}

h4 {
        font-size: 100%;color: 
        color: #999;
        margin: 0;
}
                


<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none; color:#000080;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: blue;}
</style>


                </style>.style10 table {
	text-align: right;
}

