* {
padding: 0;
margin: 0;

}
body {
font-size: 73%;
font-family: Copperplate Gothic Light, courier;
padding: 2px;
text-align: center;
}
#menu {
text-align: center;
}
#navigation {
overflow: hidden;
font-size: 170%;
}
#navigation li {
float: left;
list-style: none;
background-color: #666; /* to cater for users without images */
}
#navigation a {
display: block;
background-image: url(css-tabs/tabright.gif);
background-position: top right;
background-repeat: no-repeat;
color: #FFF;
text-decoration: none;
font-weight: bold;
}
#navigation span {
display: block;
background-image: url(css-tabs/tableft.gif);
background-repeat: no-repeat;
padding: 10px 10px 5px 5px;
}
#navigation a:hover {
background-position: right -198px;
background-color: #333;
}
#navigation a:hover span {
background-position: 0 -198px;
background-color: #333;
}

#navigation li ul {
position: absolute;
width: 10em;
left: -999em;
margin-left: 0px;
font-size: 90%;
}
#navigation li ul a, #navigation li ul a:link {
background-image: none;
padding: 5px;
width: 10em;
background-color: #666;
}
#navigation li ul a:hover {
background-color: #333;
}
#navigation li:hover ul, #navigation li.sfhover ul {
left: auto;
}

:link { color: blue }
:visited { color: purple }
p.c1 {text-align: center}