body {
    background:#000066;
    color:white;
    font-family:"Times New Roman", serif;
    margin:0;
}

.page {
    width:760px;
    margin:auto;
    background:black;
    border:8px ridge silver;
    padding:15px;
}

h1 {
    text-align:center;
    color:#ffff00;
    font-family:"Comic Sans MS";
    font-size:42px;
    text-shadow:3px 3px red;
}

.nav {
    text-align:center;
    background:#000080;
    border:4px ridge gray;
    padding:10px;
}

.nav a {
    display:inline-block;
    background:#c0c0c0;
    color:black;
    padding:6px 12px;
    margin:4px;
    border:3px outset white;
    text-decoration:none;
    font-family:Arial;
}

.nav a:active {
    border:3px inset white;
}


.box {
    background:#111;
    border:5px ridge silver;
    margin:20px 0;
    padding:15px;
}


.titlebar {
    background:#000080;
    color:white;
    padding:5px;
    font-family:Arial;
    font-weight:bold;
}


marquee {
    background:red;
    color:yellow;
    border:3px outset white;
    font-weight:bold;
}


.counter {
    background:black;
    color:#00ff00;
    border:3px inset gray;
    padding:10px;
    font-family:monospace;
    font-size:22px;
    display:inline-block;
}


.button {
    background:#c0c0c0;
    color:black;
    padding:8px;
    border:3px outset white;
}


.footer {
    text-align:center;
    margin-top:20px;
}