.container {
	width: 230px;
	margin-right: 0;
	margin-left: 0;
	text-align: center;
	background-color: #8CC71F;
	font-size: 9px;
	color: #000000;
}

/* circle */

#navCircle {
	font-size: 10px;
}

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

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

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(circle.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: #eeeeee;
}

h4 {
        font-size: 100%;
        color: #999;
        margin: 0;
}
                
                </style>