.navindex {
display: block;
width: 640px;
height: 480px;
background-color: #333;
margin: 0;
padding: 0;
text-align: center;
list-style: none;
}

.navindex li {
display: block;
margin: 0px;
padding: 0px;
border: 0;
text-align: center;
float: left;
color: #ccc;
}

/*
width: 62px;
height: 20px;
margin: 0px;
padding: 13px 0px 13px 0px;
*/

.navindex li a {
display: block;
width: 78px;
height: 20px;
margin: 0px;
padding: 29px 0px 29px 0px;
border: 1px solid #333;
/* border: 1px outset #999; */
background-color: #999;
color: #333;
/* font-family: "courier new", courier, mono; */
font-family: arial, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
text-decoration: none;
}

.navindex li a:hover {
background-color: #ccc;
color: #333;
/* border-style: inset; */
}

.navindex-text {
font-family: arial, helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
}

.navindexbyborder {
display: block;
width: 640px;
height: 480px;
background-color: #333;
margin: 0;
padding: 0;
text-align: center;
overflow: auto;
}

.navindexbyborder ul {
list-style: none;
margin: 0 0 2em 0;
padding: 0;
}