.menubar {
	position: fixed;
/*	top: 48pt;*/
	margin-top: 36pt;
	float: left;
	width: 200px;	/* width of gfx/bg-menubar-gradient.png */
	height: 100%;
	background-color: #99c5af;
/*	background-color: #ffffff;*/
	background-image: url(gfx/bg-menubar-gradient.png);
	background-repeat: repeat-y;
	background-position: right;
	text-align: left;
}

.menubar h2, .menubar h3, .menubar .menubottom {
	margin-left: 12pt;
/*	color: #000000;*/
}

.menubar p {
	margin-left: 12pt;
	margin-bottom: 4pt;
/*	color: #000000;*/
}

.menubottom p {
	margin-left: 0pt;
}

.menubar p.langmenu {
	margin-top: 1em;
	margin-bottom: 24pt;
}

.menubar p.address-line {
	margin-top: 0pt;
	margin-bottom: 15pt;
	font-size: 8pt;
}

.menubar .menubottom p.address-line {
	margin-bottom: 10pt;
}

.menubar p.address-line img {
	position: relative;
	top: 2pt;
}

.menubar a, .menubottom {
	color: #334466;
}

.menubar .selected {
/*	visibility: visible;*/
	font-weight: bold;
	color: #000000;
}

.menubar .unselected {
/*	visibility: hidden;*/
	font-weight: normal;
	color: #334466;
}

.menubar h2, .menubar .artist-selected {
	font-size: 14pt;
	letter-spacing: 0.8pt;
}

.menubar h2 {
	font-style: italic;
	margin-right: 4pt;
}

.menubar .artist-selected {
	font-weight: normal;
	font-style: normal;
	margin-top: 24pt;
	margin-bottom: 0pt;
	color: #000000;
}

.menubar .artist-unselected {
	font-weight: normal;
	letter-spacing: 0;
	font-size: 11pt;
	margin-top: 24pt;
	margin-bottom: 0pt;
}

.menubar p.category {
	font-style: italic;
	font-size: 10pt;
	margin-top: 0pt;
	margin-left: 24pt;
}

.menubottom {
	position: fixed;
	bottom: 0;
	width: 180px;
	margin-top: 2em;
	font-size: 10pt;
	line-height: 100%;
}

