#nav {
list-style: none;
display: inline;
}
#nav li {
display: inline;
margin-right: 5px;
float: right;
height: 20px;
width: 20px;
}
#nav a {
color: #999;
text-decoration: none;
display: block;
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #999;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
#nav li a:hover {
font-size: 24px;
line-height: 30px;
height: 30px;
width: 30px;
position: absolute;
z-index: 10;
margin: -5px 0 0 -5px;
font-weight: bold;
color: #CC66FF;
border: 1px dotted #666666;
background: #EEE;
}
#nav span {
color: #fff;
text-decoration: none;
display: block;
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #399;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background: #00A2E1;
}
#navpag{
list-style: none;
display: inline;
}
#navpag li {
display: inline;
margin-right: 5px;
float: right;
height: 20px;
width: 100px;
}
#navpag a{
color: #999;
text-decoration: none;
display: block;
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #999;
width: 100px;
height: 20px;
line-height: 20px;
text-align: center;
cursor: pointer;
}