body
{
font-size:21px;
}

#divjuii
{
 margin: 40px auto;
  font-family: 'Ubuntu',ink free;

  font-size:40px;
  font-weight: bold;
  color:black;
  text-align: center;
  letter-spacing: 5px;
  text-shadow:  3px 3px 20px #ff99cc,
    -2px 1px 30px #ff99cc;
}



ul
{
list-style:none;
padding:0;
margin:0;
}

ul li a
{
text-decoration:none;
font-family:Arial,KaiTi;
background-image: url(28.gif);
color:black;
display:block;
width:400px;
margin:21px;
padding:21px;
border:5px inset purple;
border-radius:360px 360px 360px 360px;
text-align:center;
height:50px;
line-height:51px;

}

ul li a:hover
{
background-image: url(16.gif);
color:white;
font-size:50px;
border:5px outer rgb(102, 0, 102);
box-shadow:5px 5px 5px 5px blue;
}



.tooltip {
  text-decoration:none;
  position:relative;
}
 
.tooltip span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:none; 
}
 
.tooltip span img {
  float:left;
  margin:0px 8px 8px 0;
}

.tooltip:hover span {
  display:block;
  position:absolute;
  top:-20px;
  left:500px;
  z-index:1000;
  width:1500px;
  max-width:800px;
  min-height:600px;
  border:5px none blue;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:1px;
}


.tooltip2 {
  text-decoration:none;
  position:relative;
}
 
.tooltip2 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:none; 
}
 
.tooltip2 span img {
  float:left;
  margin:0px 8px 8px 0;
}

.tooltip2:hover span {
  display:block;
  position:absolute;
  top:-145px;
  left:500px;
  z-index:1000;
  width:1500px;
  max-width:800px;
  min-height:600px;
  border:5px none blue;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:1px;
} 


.tooltip3 {
  text-decoration:none;
  position:relative;
}
 
.tooltip3 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:none; 
}
 
.tooltip3 span img {
  float:left;
  margin:0px 8px 8px 0;
}

.tooltip3:hover span {
  display:block;
  position:absolute;
  top:-270px;
  left:500px;
  z-index:1000;
  width:1500px;
  max-width:800px;
  min-height:600px;
  border:5px none cyan;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:1px;
} 


.tooltip4 {
  text-decoration:none;
  position:relative;
}
 
.tooltip4 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:none; 
}
 
.tooltip4 span img {
  float:left;
  margin:0px 8px 8px 0;
}

.tooltip4:hover span {
  display:block;
  position:absolute;
  top:-390px;
  left:500px;
  z-index:1000;
  width:1500px;
  max-width:800px;
  min-height:600px;
  border:5px none cyan;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:1px;
} 

.tooltip5 {
  text-decoration:none;
  position:relative;
}
 
.tooltip5 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
 
}
 
.tooltip5 span img {
  float:left;
  margin:0px 8px 8px 0;
}

.tooltip5:hover span {
  display:block;
  position:absolute;
  top:-515px;
  left:500px;
  z-index:1000;
  width:1500px;
  max-width:800px;
  min-height:600px;
  border:5px none cyan;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:1px;
} 


.tooltip6 {
  text-decoration:none;
  position:relative;

}
 
.tooltip6 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:none; 

}
 
.tooltip6 span img {
  float:left;
  margin:0px 8px 8px 0;

}

.tooltip6:hover span {
  display:block;
  position:absolute;
  top:-415px;
  left:-200px;
  z-index:1000;
  width:1500px;
  max-width:800px;
  min-height:600px;
  border:5px none cyan;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:1px;
}