*, html, body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #7e8bbb;
	font-family: 'Trebuchet MS', 'Tahoma';
	overflow-x: hidden;
}
.clear {
	clear: both;
}
#maincontainer {
	border: 0px solid #ff0;
	min-width: 1264px;
}
#rightdiv {
	position: absolute;
	left: 656px;
	top: 1px;
	width: 612px;
	height: 600px;
	background-image: url('rightback.jpg');
}
#leftdiv {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	border: 0px solid #f00;
	background-color: #7e8bbb;
}

#leftbox {
	border: 1px solid #fff;
	height: 598px;
	width: 417px;
	margin-right: 2px;
	position: absolute;
	left: 2px;
	top: 2px;
}
#player {
	position: absolute;
	left: 212px;
	top: 1px;
}
#midbar {
	width: 188px;
	font-size: 8pt;
	padding: 4px;
	position: absolute;
	left: 1px;
	top: 0px;
	color: #fff;
	height: 592px;
	overflow: hidden;
	border: 0px solid #ff0;
}
#midbarscroller {
	position: absolute;
	left: 196px;
	top: 0px;
	width: 10px;
	height: 598px;
	border: 1px solid #fff;
}
#midbarscroller a{
	color: #fff;
	text-decoration: none;
	display: block;
	height: 10px;
	width: 10px;
}
#midbarscroller .top{
	border-bottom: 1px solid #fff;
	margin-bottom: 576px;	
	background-image: url('up.gif');
}
#midbarscroller .bottom{
	border-top: 1px solid #fff;
	background-image: url('down.gif');
}

#pictureholder {
	height: 340px;
}
#pictureholder .image {
	height: 100px;
	width: 100px;
	border: 1px solid #fff;
	margin: 1px;
	opacity:0.6;
	filter:alpha(opacity=60);
	float: left;
	display: block;
}
#pictureholder a:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}
.q1 {
	background-image: url('images/q1.jpg');
}
.q2 {
	background-image: url('images/q2.jpg');
}
.q3 {
	background-image: url('images/q3.jpg');
}
.q4 {
	background-image: url('images/q4.jpg');
}
.q5 {
	background-image: url('images/q5.jpg');
}
.q6 {
	background-image: url('images/q6.jpg');
}
.q7 {
	background-image: url('images/q7.jpg');
}
.q8 {
	background-image: url('images/q8.jpg');
}
.q9 {
	background-image: url('images/q9.jpg');
}
.q10 {
	background-image: url('images/q10.jpg');
}
.q11 {
	background-image: url('images/q11.jpg');
}
.q12 {
	background-image: url('images/q12.jpg');
}
.q13 {
	background-image: url('images/q13.jpg');
}
.q14 {
	background-image: url('images/q14.jpg');
}
.q15 {
	background-image: url('images/q15.jpg');
}
.q16 {
	background-image: url('images/q16.jpg');
}
#footer {
	position: absolute;
	left: 1px;
	top: 604px;
	color: #654a56;
	font-size: 8pt;
	padding: 4px;
	width: 100%;
	height: 120px;
	border: 0px solid #f00;
	background-color: #ddd;
}
#footer a {
	color: #0063AD;
}

#calendar {
	color: #fff;
	font-size: 8pt;
	background-color: #654a56;
	border: 1px solid #fff;
	width: 412px;	
	margin: 2px;
}

#imageContainer {	
	position:relative;		
	margin:auto;
	width: 412px;
	height: 176px;
}
#textContainer{	
	position: absolute;
	top: 6px;
	left: 6px;;
	margin:auto;
	width: 402px;
	height: 168px;
	z-index: 100;
}

#imageContainer img {
	filter:alpha(opacity=00);
	opacity: 0.0;
	position:absolute;
	top:0; left:0;
}