body
     {
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: .8em;
background-color: #333333; }

#container
     {
     width: 800px;
     background-color: #e6e6e6;
     border: 1px #4c4c4c none;
     margin-right: auto;
     margin-left: auto;
     min-height: 100%;
     padding: 10px;
-webkit-border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
border-radius: 10px 10px; }

h1, h2 {
font-family: Helvetica, Arial, sans-serif;
text-align: center;
}

h1 {
font-size: 2em; }

.italic
     {
     color: #000000;
     }

#nav ul
     {
     padding-left: 0;
     margin-left: 0;
     background-color: #036;
     color: White;
     float: left;
     width: 100%;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     }

#nav ul li
     {
     display: inline;
     }

#nav ul li a
     {
     padding: 1px 2px 1px 2px;
     background-color: #036;
     color: White;
     text-decoration: none;
     float: left;
     width: 156px;
     text-align: center;
     }

#title
     {
     text-align: center;
     }

#footer
     {
     width: 200px;
     text-align: center;
     margin-left: auto;
     background-color: #cccccc;
     margin-right: auto;
     bottom: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2px;
margin-top: 10px; }

#nav ul li a:hover
     {
     background-color: #369;
     color: #fff;
     }