body { 
background-color:#cc0000;
}

ul.castyle {
 margin-left:auto;
 margin-right:auto;
 margin-top:20px;
 margin-bottom:auto;
 padding:50px;
 width:400px;
 height:200px;
 border-style:solid;
 border-width:3px;
 border-color:white;
 color:white;
 font-family: sans-serif, Verdana, Arial, Helvetica;
 font-size: 200%;
 font-weight:bold;
 text-alignment:center;
 list-style-type:none; 
}

li.castyle {
 text-alignment:center;
}

ul.castyle:hover li.click{
 display:block;
 text-decoration:none;
 text-alignment:center;
 position:absolute;
 top:20px;
 width:400px;
 height:200px;
 margin-left:-53px;
 margin-right:auto;
 color:white;
 background-color:#cc0000;
 font-family: sans-serif, Verdana, Arial, Helvetica;
 font-weight:bold;
 font-size:300%;
 border-style:solid;
 border-width:3px;
 border-color:white;
 padding:50px;
}
li.click {
 display:none;
}

a.click:hover {
 display:block;
 color:#cc0000;
 background-color:white;
}