[%
	document.css.push(css.global);
	document.css.push(css.forms);
%]
<div id="header">
	[%
		render(
			'menu',
			items = [
				{ title = 'HOME', href = app.location },
				{ title = 'Wiki', href = app.location.wiki },
				{ title = 'Owncloud', href = app.location.owncloud },
				{ title = 'BugZilla', href = app.location.bugzilla },
				{ title = 'Library', href = app.location.library },
				{ title = 'Mercurial', href = app.location.mercurial }
			],
			class = 'menu-bar float-left',
			id = 'main-menu'
	)%]
	[%
		render('usermenu');
	%]
	<div style="clear: both"></div>
</div>

[% IF document.menu.page.size;
	render('menu', items = document.menu.page, class='menu-bar', id='page-menu');
END %]
<div id="page-content">
	$content
</div>