body {
 background:        url(images/background.jpg);
 font-family:       Times New Roman, serif;
 margin:            auto;
 margin-top:        10px;
 width:             770px;
}

#header {
 background-color:  #c96;
 border:            2px solid #630;
 border-bottom:     0px;
 width:             770px;
}

#content {
 background:        url(images/background_paw.gif) bottom right no-repeat;
 background-color:  #c96;
 border:            2px solid #630;
 border-top:        0px;
 color:             #000;
 padding:           1em;
}

li { padding: 5px; }

/* footer links need to be white, not blue */
.footer a { background-color: transparent; color: #fff; }

/* the evils that are our navigation. */
@media all { #navlist { text-align: center } }
#navlist { list-style: none outside none; margin: 0; padding: 0; }
html>body #navlist li { background: #000; margin: 0 12px 0 0; padding: 4px 0px 4px 0; }
#navcontainer { background: #963; border: 2px solid #630; border-left: 0; border-right: 0; }
#navlist li { bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative; }
#navlist a, #navlist a:link, #navlist a:visited { background: #360; border: 1px solid #fff; bottom: 2px; color: #fff; font-family: Verdana;
  font-size: 0.8em; font-weight: bold; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; }
#navlist a:hover { background: #090; bottom: 1px; color: #fff; position: relative; right: 1px; }
#navlist a:active { background: #999; bottom: 0px; color: #fff; position: relative; right: 0px; }
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover { background: #66cc99;
  border: 1px solid #fff; color: #fff; margin: 0; padding: 2px 5px 0px 5px; position: relative; right: 0; }