body {
/*background-image: url(images/background.jpg);*/
background-color: #cfcfcf;
color: black;
font-family: arial, helvetica, sans-serif;
margin: 0;
}
    
ul.navbar {
background-color: #4C4C4C;
padding-top: 10px;
padding-bottom: 28px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
}
li.page {
padding: 0px;
margin: 0px;
display: inline;
float: left;
}
li.selected {
padding: 0px;
margin: 0px;
display: inline;
float: left;
}
a.page {
text-align: center;
text-decoration: none;
color: white;
padding: 10px;
background-color: #4C4C4C;
}
a.selected {
text-align: center;
text-decoration: none;
color: black;
padding: 10px;
background-color: #ebebeb;
}
a.page:hover {
background-color: #6A6B6A;
padding: 10px;
}
a.selected:hover {
background-color: #6A6B6A;
color: white;
padding: 10px;
}

div#title {
background-color: #ebebeb;
padding: 15px;
text-align: center;
}

/*Index*/
div.display {
display: inline;
}

span.on {
display:none;
}