html {
overflow-y: scroll;
}

body {
 width: 700px;
 margin: 0px auto;
 padding: 0px;
 background: #eee;
 border: 1px solid darkgrey;
}

#content {
clear: both;
padding: 10px; 
background: #fff;
}

#confirm {
clear: both;
width: 300px;
padding: 10px; 
background: #dde;
margin: auto;
}

#input {
background: #dde;
padding: 10px;
}

ul.navbar 
{
list-style: none;
padding: 0;
margin: 0;
text-align: right;
} 

ul.navbar li {
float: right;
margin: 2px;
padding: 4px;
color: black;
}

ul.navbar li a, ul.navbar li a:visited, ul.navbar li a:active, ul.navbar li a:focus {color:#000; }
ul.navbar li a:hover {color: red; }

ul.navbar li a {
font-size: 16px;
font-weight: bold;
}

h1 {
text-align: right;
background: #eee;
margin: 0px;
padding: 4px;
color: green;
font-size: 36px;
width: 75%;
position: relative;
left: 25%;
}

.button {
    border: 1px solid black;
    background: #99f;
}

.button:hover {
    background: #77f;
}