@charset "utf-8";
/* CSS Document */

/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {
height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
#page-background {position: fixed; top:0; left:0; width:100%; height:100%;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
.content {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	position: relative;
	width:24%;
	height: 80%;
	z-index:1;
	left:1%;
	color: #FFFF00;	
	float:left;
	overflow:hidden;
	text-align:center;
}

.content1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	position: relative;
	width:50%;
	height: 80%;
	z-index:1;
	left:1%;
	color: #99FFFF;	
	float:left;
	text-align:center;
}

.heading {
	position: relative;
	/*border:#FF0000;
	 border: solid;*/
	color: #FFFF00;
	height: 15%;
	width: 99%;
	font-family: Vivaldi;
    font-size:3.2em;
	z-index:2;
	top:5%;
	
		}
		
a.buttons { 
    display:block;
	position:relative;
	width:105px;
	height:28px;
	color: #000000;
	border:0;
	z-index:2;
	top:4px;
	float: left;
	text-align: center;
	padding-top:13px;
	padding-left:2px;}
	
	a.buttons:link{background: url(Pics&Animation/CroosBttnNotClicked1.gif) no-repeat ; display:block;   }
	a.buttons:visited { background: url(Pics&Animation/CroosBttnNotClicked1.gif) no-repeat; display:block;    }
    a.buttons:hover { background: url(Pics&Animation/CroosBttnHover.gif) no-repeat; display:block;}
    a.buttons:active{background:url(Pics&Animation/CroosBttnClicked1.gif) no-repeat; display:block;}
    
	
.tabl{
width:100%; height:80%; position:relative;
border:none; z-index:2;}

.td1{border:inset; border-color:#FF0000; text-align: center;font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px ;color: #FFFF00; z-index:2;padding-top:2%; font-weight:bold;  }
	
	.td2{border:inset; border-color:#FF0000; text-align:center;font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium ;color: #FFFF00; z-index:2; padding-top:2%}
	
	.td3{border:inset; border-color:#FF0000; text-align:center;font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium ;color: #FFFF00; z-index:2;padding-top:2%}
	
	
.style1 {
	color: #FFFFFF
}

a.links{
color:#FFFFFF}
a.links:link{color: #FFFFFF}
a.links:hover{color:#FF0000}
.style5 {position:relative;color:white; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif }



.pic1 {
	position:absolute;
	top:79px;
	left:350px;
	height: 127px;
	z-index:0;
	width: 107px;
	  }
	  .pic2 {
	position: relative;
	font-size:18px;
	z-index:3;
	
	  }
	  
.canvas{background-color: #000000;

}