this is a panel

public void class Foo {
}

{style}
<!-- 

body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
}
dl#menu {
width: 18em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #CDE0EA;
background: #FAFAFA; 
}
dl#menu dd {
border: 1px solid #CDE0EA;
}
dl#menu li {
text-align: center;
color: #000; 
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}
.hot {
width: 15em;
border: 1px solid #CDE0EA;
bottom:0;
padding:0;
}
.hot ul {
background-color:#FAFAFA;
color:#4A4A43;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
margin-top:0;
padding-bottom:2em;
padding-left:4em;
padding-top:2em;
}

-->
{style}
{html}
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->
</script>
<dl id="menu">
		<dt onclick="javascript:montre();"><a href="#">Overview</a></dt>
                         <dd id="smenu1">
				<ul>
					<li><a href="#">Home Page</a></li>
					<li><a href="#">Feature List</a></li>
					<li><a href="#">Download & Install</a></li>
				</ul>
			</dd>	

		<dt onclick="javascript:montre('smenu2');">Getting Started</dt>
			<dd id="smenu2">
				<ul>
					<li><a href="#">iPOJO in 10 minutes</a></li>
					<li><a href="#">iPOJO Maven-Based tutorial</a></li>
					<li><a href="#">iPOJO Advanced Tutorial</a></li>
                                        <li><a href="#">iPOJO Composition Tutorial</a></li>
				</ul>
			</dd>	
		<dt onclick="javascript:montre('smenu3');">User Guide</dt>
			<dd id="smenu3">
				<ul>
					<li><a href="#">Describing components (handler list)</a></li>
					<li><a href="#">Using Annotations</a></li>
					<li><a href="#">Using XML Schemas</a></li>
					<li><a href="#">Testing components</a></li>
					<li><a href="#">Advanced Topics</a></li>
					<li><a href="#">FAQ</a></li>
				</ul>
			</dd>
		<dt onclick="javascript:montre('smenu4');">Tools</dt>
			<dd id="smenu4">
				<ul>
					<li><a href="#">iPOJO Eclipse Plug-in</a></li>
					<li><a href="#">iPOJO Ant Task</a></li>
                                        <li><a href="#">iPOJO Maven Plug-in</a></li>
                                        <li><a href="#">Junit4OSGi</a></li>
				</ul>
			</dd>
                <dt onclick="javascript:montre('smenu5');">Misc</dt>
			<dd id="smenu5">
				<ul>
					<li><a href="#">Issues Tracker</a></li>
					<li><a href="#">Supported JVMs</a></li>
                                        <li><a href="#">Supported OSGi Implementations</a></li>
                                        <li><a href="http://ipojo-dark-side.blogspot.com">iPOJO's Dark Side Blog</a></li>
                                        <li><a href="#">Related Works</a></li>
                                        <li><a href="#">Article & Presentations</a></li>
				</ul>
			</dd>
</dl>
{html}
----
{center}
[!http://cwiki.apache.org/confluence/images/icons/feed-icon-32x32.png!|http://cwiki.apache.org/confluence/createrssfeed.action?types=blogpost&statuses=created&statuses=modified&spaces=FELIX&labelString=iPOJO&rssType=atom&maxResults=10&timeSpan=5&publicFeed=true&title=iPOJO+Atom+Feed|Stay tuned!]
{center}
{html}
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-1518442-4");
pageTracker._trackPageview();
</script>
{html}