/* CSS Document */
body {
	text-align:center;
	background-color:#FFFFFF;
}
#contents {
	width: 800px;
	margin:auto;
	text-align:left;
}

h1 {
	text-align:right;
	background-image:url(images/digitalarchive.png);
	background-repeat:no-repeat;
	background-position:left;
	height:120px;
	letter-spacing:5px;
	padding-right:10px;
}

h2 {
	padding-top:20px;
	color:#993300;
}

/*
#main {
	width:800px;
	margin-top:100px;
	left:180px;

}
*/
#archive {
	text-align:left;
/*
	background-image:url(images/film.gif);
	background-repeat:no-repeat;
	background-position:center;

	position:absolute;
	top:140px;
	left:500px;
*/
	width:400px;
	height:500px;
	letter-spacing:5px;
	padding-left:20px;
}
#archive h3 {
	margin-left:10px;
	margin-top:10px;
	padding-top:10px;
	font-size:1.2em;
	color:#990000
}

thead{
	background-color:#2d444f;
	color:#ffffff;
}
/*
tbody{
	background-color:#FFFF99;
}
*/	

td{
	border:none;
	border-bottom:solid 1px white;
	border-right:solid 1px white;
	padding:0px 4px 0px 4px;
	font-size:0.8em;
}
th{
	border:none;
	border-bottom:solid 1px white;
	border-right:solid 1px white;
	padding:4px 4px 4px 4px;
}	

.menu		{
		width:900px;
}

.menu div	{
	float:left;
}

.menu a			{
		display:block;
		width:135px;
		height:40px;
		border:solid 2px;
		border-color:gray darkblue darkblue gray;
		padding:4px 0px;
		text-align:center;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:white;
		background-color:#518cdd;
}
.menu a:hover		{
		padding:6px 0px 2px 6px;
		border-color:darkblue lightblue light blue darkblue;
		background-color:#006666;
		color:#FFCC00;
}


#navbar h2 a {
	float:left;
	padding-top:10px;
	padding-left:6px;
	width:210px;
	height:110px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	text-decoration:none;
	background-image:url(images/theater01.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;

}

#navbar h2 a:hover {
	background-image:url(images/theater02.jpg);
	background-repeat:no-repeat;
	color:#FFCC00;

}

#navbar h2 a:active {
	background-image:url(images/theater03.jpg);
	background-repeat:no-repeat;
	color:#CC3366;

}


	
address {
	background-color:#336600;
	color:#FFFFFF;
	padding-bottom:5px;
	border:none;
}

address a {
	color:#FFFFFF
}

.scrollList {
   overflow: auto;
   height: 500px;
   width: 300px;
}

# myplayer {
/*
 	position:absolute;
	top:250px;
	left:20px;
*/
	width:550px;
	height:400px;  
}