body{
	text-align: center;
	background-color: #616568;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.maincontainer{
	#position: relative;
	display: table;
	height: 100%;
	margin: 0 auto;
	border-spacing: 0px;
	border-collapse: collapse;
}

.mainbackground{
	width: 990px;
	background-image: url('img/mainbg.jpg');
	background-repeat: repeat-y;
}

.container{
	#position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 980px;
	height: 540px;
	background-image: url('img/shaddow.jpg');
	background-repeat: no-repeat;
	border-spacing: 0px;
	border-collapse: collapse;
}

.pagebackground{
	width: 950px;
	height: 500px;
	background-repeat: no-repeat;
	vertical-align: top;
	border-spacing: 0px;
	border-collapse: collapse;
}

#content{
	width: 400px;
	height: 300px;
	overflow: hidden;
	font: 12px arial,serif;
	color: #FFFFFF;
}
table tr td{
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	/*border: solid #0000FF; for development*/
}

td.placeholder{
	width: 15px;
	height: 20px;
	padding: 0px;
	text-align: right;
	font: 9px arial,serif;
	color: #000000;
}
.topmenu{
	vertical-align: top;
	text-align: right;
	height: 50px;
	padding: 0px;
}
.bottommenu{
	vertical-align: bottom;
	text-align: right;
	height: 40px;
	padding: 0px;
}
.galleryitem{
	vertical-align: bottom;
	text-align: center;
	width: 100px;
	height: 100px;
	padding: 5px;
	font: 9px arial,serif;
	color: #FFFFFF;
}

a#up{
	background: url('img/arrowup.gif') no-repeat top left; 
}
a#up:hover {
	background: url('img/arrowup-over.gif') no-repeat top left; 
}
a#down{
	background: url('img/arrowdown.gif') no-repeat top left; 
}
a#down:hover {
	background: url('img/arrowdown-over.gif') no-repeat top left; 
}
.linksmall {
	font: 10px arial,serif;
	color: #CC9966;
}

a img.thumbnail, a img#photo
{
	border-width: 1px;
	border-style: solid;
	border-color: #CC9966;
}

a:hover img.thumbnail
{
	border-width: 1px;
	border-style: solid;
	border-color: #CC9966;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.largeimagecontainer{
	text-align: center;
	vertical-align: middle;
}

.leftcolumn{
	padding: 0px;
	height: 410px;
	vertical-align: top;
}

.text, table.repertoire{
	font: 12px arial,serif;
	color: #FFFFFF;
}

.smalltext{
	font: 10px arial,serif;
	color: #FFFFFF;
}

table.repertoire tr td{
	vertical-align: top;
}

td.firstcolumn{
	width: 100px;
}