a {color: black; text-decoration: none; }
a:hover {color: red; text-decoration: none; text-shadow: 1px 1px  1px  black;}

div.panel,p.flip
{
margin:0px; 
text-align:center;

 position:absolute;
 color:white; 


}
 
 
div.panel
{

display:none;  
}


div.opanel,p.oflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.opanel
{

display:none; display:none;  
}











div.cpanel,p.cflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.cpanel
{

display:none; display:none;  
}






div.lpanel,p.lflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.lpanel
{

display:none; display:none;  
}










div.gpanel,p.gflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.gpanel
{

display:none; display:none;  
}
















div.npanel,p.nflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.npanel
{

display:none; display:none;  
}









div.spanel,p.sflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.spanel
{

display:none; display:none;  
}





div.gupanel,p.guflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.gupanel
{

display:none; display:none;  
}








div.mpanel,p.mflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.mpanel
{

display:none; display:none;  
}







div.cupanel,p.cuflip
{
margin:0px;

text-align:center;


 position:absolute;
 color:white; 
background: ;

}
 
div.cupanel
{

display:none; display:none;  
}







.xpanel:hover {z-index:10000;}






x.panel {color:red;}


div.xpanel,p.xflip
{

margin:0px;

text-align:center;
 position:absolute;
 color:red;

}
 
 
 
div.xpanel
{

display:none; display:none; 
}


div.vpanel,p.vflip
{
margin:0px;

text-align:center;

 position:absolute;
 color: black;
width:100px;
}
 
 
div.vpanel
{

display:none; display:none;  
}

.con div{background:  url('page.gif') ;   text-align: left; 

width: 110px;
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size: 100% 100% ;
margin-right:6px;
margin-left:6px;
font-size:16px;
} 

.con div:hover { background:  url('page2.gif') ;  text-align: left; 

width: 110px;
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size:100% 100%;

background-size: 100% 20px ;
margin-right:6px;
margin-left:6px;
} 



.con a {text-shadow:1px 1px 1px black; font-size:16px;color: white;



}




.con a:hover { color: black; text-shadow: 1px 1px green;  background: url('page2.gif') no-repeat; 
width: 110px;}
























input text {background: gray; color: black; text-shadow: 1px 1px 1px white;}





.footer a {color: white; text-shadow: 1px 1px 1px black; text-decoration: none;}

.footer a:hover {color: black; text-shadow: 1px 1px 1px white;}





 .tab {background: ; color:white;  text-align: center; font-family:calibri;

margin-right:6px;

background:  url('scroll.gif') no-repeat; 
font-size:19px; text-align:center;

width: 110px;
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size: 100% 100% ;

text-shadow: 1px 1px 1px red;
} 


.tab a {
color: white;
text-shadow: 1px 1px 1px black;text-decoration: none;
} 
 







 .tab2 {background: ; color:white; width: 130px; text-align: center; font-family:calibri;

width: 110px;
height:25px;

background: url('scroll2.gif') no-repeat; 
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size: 100% 100% ;

} 






 .tab:hover {background:  url('scroll.gif') no-repeat; 
 color:white;  box-shadow: 7px -7px 5px white;   z-index:+1; -moz-background-size:100% 100%; /* Firefox 3.6 */
background-size: 100% 100% ;
}