body {
background-color: #9999ff;
margin: 0;
padding: 0;
}

div#header {
background: inherit;
font: 14pt bold Verdana, Arial, Helvetica, sans-serif;
color: #ffffcc;
width: 500px;
padding-top: 30px;
padding-bottom: 15px;
margin-right: auto;
margin-left: auto;
}


div#box {
background-color: #ccccff;
width: 550px;
border: 6px solid #ffffcc;
margin-left: auto;
margin-right: auto;
padding: 10px;
}

div#footer {
background: inherit;
font: 9pt Verdana, Arial, Helvetica, sans-serif;
color: #ffffcc;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
text-align: center;
}

div#footer a {
background: inherit;
font: 9pt Verdana, Arial, Helvetica, sans-serif;
color: #ffffcc;
text-decoration: none;
}


#menu {
width: 550px;
margin-left: auto;
margin-right: auto;
list-style-type: none;
padding: 5px 5px 45px;
}

#menu li {
float: left;
border: 1px solid #0000ff;
}

#menu a {
background: #ccccff;
display: block;
width: 88px;
height: 25px;
padding-top:  6px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #0000ff;
text-align: center;
text-decoration: none;
float: left;
}

#menu a:active {
color: #ffffcc;
}

#menu a:visited {
color: #ffffff;
}


#menu a:hover {
color: #ffffcc;
}

#imgIndex {
padding-left: 77px;
padding-top: 2px;
padding-bottom: 6px;
}