.banner {
	text-align: center;
}

/* using float is not possible here because in IE, a float element cannot be higher than the normal document */
.navbar {
	position: absolute;
	left: 4px;
	top: 40px;
	padding-left: 2px;
	padding-top: 2px;
	width: 180px;
}

.content {
	margin-left: 185px;
	min-width: 200px
}

/* IE uses margin-left, Firefox padding-left for the default indentation of list items. We need to set both to get consistent behaviour. */
.navtree {
	margin-left: 24px;
	padding-left: 0px;
}

.navsubtree {
	margin-left: 16px;
	padding-left: 0px;
}

.navitem, .navfolderitem {
	margin-top: -2px;
}

/* both IE and Firefox need this hack to show the text vertically centered 
 IE displays the text too much left and Firefox too much right
 Easy to solve since IE does not support !important */
.navitemtext {
	position: relative;
	top: -4px;
	left: -2px !important;
	left: 3px;
}

.navitem {
	list-style-image:url(/images/tree/html.png)
}

.navfolderitem {
	list-style-image:url(/images/tree/folder.gif)
}

.navopenfolderitem {
	list-style-image:url(/images/tree/folderopen.gif)
}