/* standard HTML styles */
body {
  background-color: #999;
  margin: 0;
}
img {
  display: block;
  margin: 10px auto;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  padding: 2px;
}

/* id styles */
#container {
  background-color: #fff;
  width: 800px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  border: 1px solid black;
}
#header {
        background-color: #DECC92;
        width: 596px;
        border: 2px solid black;
        margin: 10px auto;
}
#navbar {
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}
#navbar ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0 0 20px 0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#navbar ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#navbar ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#navbar ul li a:hover {
   background: #BC9C53;
   color:#fff;
}
#navbar ul li a.active,
#navbar ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

/* class styles */
.odd {
  background-color: #DDDDDB;
}