div.scrollmenu4 {
	display: NONE;
    background-color: black;
    overflow: auto;
    white-space: nowrap;
	margin-top: 10px;
	cursor:pointer;
}
#text{
    position:absolute;
     height:0px; 
     width:100px;
	font-family: Arial;
    color:white;
    background-color: green;
     top:280px;
	 z-index:2;
	 float: center;
	}
	
	#textCL{
    position:absolute;
     height:0px; 
     width:100px;
	font-family: Arial;
    color:white;
    background-color: green;
     top:355px;
	 z-index:2;
	 float: center;
	}
	
		#textCL1{
    position:absolute;
     height:0px; 
     width:100px;
	font-family: Arial;
    color:white;
    background-color: green;
     top:370px;
	 z-index:2;
	 float: center;
	}
	

      .dot {
		  position:absolute;
        height: 100px;
        width: 100px;
        border-style: solid;
        border-width: 0px;
        border-radius: 10%;
        display: inline-block;
         float: center;
		font-size:40px;
		 z-index:2;
color:BLUE;
 top: 740px; 
 margin-left:-50px;
      }
	  
	  
 .dotCL {
position:absolute;
height: 100px;
width: 100px;
border-style: solid;
border-width: 0px;
border-radius: 10%;
display: inline-block;
float: center;
font-size:60px;
z-index:2;
color:RED;
 top: 250px; 
 margin-left:-250px;
      }	  
	  
	  
.arrow{ 
position:relative;
 top: -100px; 
 margin-left:330px;
display: none;
cursor:pointer;

 }	  
	  
	  

input {
 background-color: yellow; 
 font-size:40px;
border-width:20px;}

output {
 background-color: BLACK; 
 font-size:30px;}

td.special { border: 3px double white;height: 150px;
width: 150px; DISPLAY:BLOCK;}



.counter{
position:absolute;
 top:220px; 
margin-left:-240px;
width:70px;
 background-color: blue; 
 font-size:30px;                      
border-width:10px;

}

.counter2{
position:absolute;
top:220px; 
 margin-left:145px;
width:70px;
background-color: yellow; 
 font-size:30px;
border-width:10px;
}


.number{
position:absolute;
top:10px; 
	width:40px;
background-color: black; 
 font-size:25px;
  color:white;
border-width:4px;
border-color:red;

}

.numberNoCL{
position:absolute;
top:10px; 
text-align:center;
	width:40px;
background-color: black; 
 font-size:25px;
  color:white;
border-width:4px;
border-color:red;

}


.cursor{
cursor:pointer;

}


.next4{
	display: NONE;
    text-align: RIGHT;
cursor:pointer;
}


.centCol{
position:relative;
width:350px;
margin-left:0px;
top:-30px; 
height:250px;
background-color:black;

}




 

.speaker{
position:relative;
 top:90px; 
 width:80px;
 text-align:center;
display: none;
 cursor:pointer;
 z-index:1;
 }
 

.bottom{
position:relative;	
display: block; 
top:200px; 
 text-align:center;
height:65px;
background-color:black;
}


 td.special { border: 2px double white;height: 100px;
width: 100px; DISPLAY:BLOCK;}




#a1{
position:absolute;
margin-left:20px;
margin-top:65px; cursor:pointer;}


#a2{
position:absolute;
margin-left:20px;
margin-top:65px; cursor:pointer;}

#ar1{
position:absolute;
margin-left:55px;
margin-top:35px; cursor:pointer;}

#ar2{
position:absolute;
margin-left:55px;
margin-top:35px; cursor:pointer;}


#ai1{
position: absolute;
margin-left:108px;
margin-top:30px; cursor:pointer;}

#ai2{
position: absolute;
margin-left:108px;
margin-top:30px; cursor:pointer;}


#au1{

position: absolute;
margin-left:155px;
margin-top:30px; cursor:pointer;}

#au2{
position: absolute;
margin-left:155px;
margin-top:30px; cursor:pointer;}



#Style1,#Style2,#Style3,#Style4,#Style5,#Style6,#Style7,#Style8,#Style9,#Style10,#Style11,#Style12,#Style13,
#Style14,#Style15,#Style16,#Style17,#Style18
{
position:absolute;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top: 100px;
visibility:hidden;
}



#head1,#head2,#head3,#head4,#head5,#head6,#head7,#head8,#head9,#head10,#head11,#head12,#head13,
#head14,#head15,#head16,#head17,#head18
{
position:relative;
visibility:show;
float:center;
}





#e1{
position:absolute;
margin-left:203px;
margin-top:30px; cursor:pointer;}


#e2{
POSITION:absolute;
margin-left:203px;
margin-top:30px; cursor:pointer;}

#er1{
position:absolute;
margin-left:250px;
margin-top:35px; cursor:pointer;}

#er2{
POSITION:absolute;
margin-left:250px;
margin-top:35px; cursor:pointer;}

#ei1{
position:absolute;
margin-left:295px;
margin-top:65px; cursor:pointer;}


#ei2{
POSITION:absolute;
margin-left:295px;
margin-top:65px; cursor:pointer;}

#i1{
position:absolute;
margin-left:315px;
margin-top:105px; cursor:pointer;}

#i2{
POSITION:absolute;
margin-left:315px;
margin-top:105px; cursor:pointer;}


#ee1{
position:absolute;
margin-left:315px;
margin-top:145px; cursor:pointer;}


#ee2{
POSITION:absolute;
margin-left:315px;
margin-top:145px; cursor:pointer;}

#iu1{
position :absolute;
margin-left:295px;
margin-top:185px; cursor:pointer;}

#iu2{
POSITION:absolute;
margin-left:295px;
margin-top:185px; cursor:pointer;}


#od1{
position: absolute;
margin-left:255px;
margin-top:220px; cursor:pointer;}


#od2{
POSITION:  absolute;
margin-left:255px;
margin-top:220px; cursor:pointer;}

#or1{
position: absolute;
margin-left:200px;
margin-top:225px; cursor:pointer;}


#or2{
POSITION: absolute;
margin-left:200px;
margin-top:225px; cursor:pointer;}

#oi1{
position : absolute;
margin-left:150px;
margin-top:225px; cursor:pointer;}

#oi2{
POSITION: absolute;
margin-left:150px;
margin-top:225px; cursor:pointer;}

#ou1{
position: absolute;
margin-left:103px;
margin-top:225px; cursor:pointer;}


#ou2{
POSITION: absolute;
margin-left:103px;
margin-top:225px; cursor:pointer;}

#ir1{
position :absolute;
margin-left:55px;
margin-top:220px; cursor:pointer;}

#ir2{
POSITION:absolute;
margin-left:55px;
margin-top:220px; cursor:pointer;}

#irr1{
position:absolute;
margin-left:20px;
margin-top:185px; cursor:pointer;}


#irr2{
POSITION:absolute;
margin-left:20px;
margin-top:185px; cursor:pointer;}

#oo1{
position:absolute;
margin-left:0px;
margin-top:145px; cursor:pointer;}

#oo2{
POSITION:absolute;
margin-left:0px;
margin-top:145px; cursor:pointer;}

#uh1{
position:absolute;
margin-left:0px;
margin-top:105px; cursor:pointer;}


#uh2{
POSITION:absolute;
margin-left:0px;
margin-top:105px; cursor:pointer;}




a:link { 
color: #33FFFF; 
font-size:120%;
text-decoration: none;

}

a:visited { 
color: #33FFFF; 
font-size:120%;
text-decoration: none;

}

a:hover {
color: blue; 
text-decoration: none;
}