<STYLE TYPE="text/css">
<!-- 
.png { behavior: url(img/png.htc); }
-->
a:link {
 color: #993331;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 }
a:visited {
 color: #993331;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 }
a:active {
 color: #993331;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 }
a:hover {
 color:#993331;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: underline;
 }

td
 { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13; 
 color: #000000;
 }
p
 { 
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 }
.tabletext {
    border: 1px;
    border-style: dashed;
    border-color: #98c4c5;
    height: 150px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
}
.tablename {
    border: 1px;
    border-style: dashed;
    border-color: #98c4c5;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
}
/* styling of the container. */
a.myPlayer {
	display:block;
	width: 640px;
	height:480px; 
	text-align:center;
	margin:0 15px 15px 0;
/*	float:left;*/
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top:30%;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}

a.glrecPlayer {
	display:block;
	width: 240px;
	height:180px; 
	text-align:center;
	margin:10px 10px 10px 10px;
	border:1px solid #999;
}
a.glrecPlayer img {
	margin-top:20%;
	border:0px;
}
a.glrecPlayer:hover {
	border:1px solid #000;
}

a.glPlayer {
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:10px 10px 10px 10px;
	border:1px solid #999;
}
a.glPlayer img {
	margin-top:25%;
	border:0px;
}
a.glPlayer:hover {
	border:1px solid #000;
}
-->
</style> 