body {
   margin: 0;
   padding: 0;
   color: #c0c0c0;
   background-color: #141414;
   font-size: 14px;
   font-family: sans-serif;
}

/* set all fonts to sans-serif */

a:link img {
   border: 0px;
}

img {
   border: 0px;
}

p.nav {
   font-size: large;
   margin: 0px;
}


p.heading {
   margin: 0px;
   padding: 0px;
   font-size: x-large;
   color: #000;
   background-color: #3c6;
}

div.pageheader {
   margin: 0;
   padding: 10px;
   color: #fff;
   background-color: #000;
}

div#wrapper {
   margin-right: auto;
   margin-left: auto;
   width: 800px;
}

/* one way to make horizontal navbar */
div#navcontainer {
   margin-top: 4px;
}

ul#navbuttons {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   text-align: center;
}

ul#navbuttons li {
   display: inline;
}

ul#navbuttons li a {
   font-size: large;
   font-family: sans-serif;
   padding: .2em 1em;
   margin-right: 2em;
   text-decoration: none;
   color: #fff;
   background-color: #343434;
}

ul#navbuttons li a:hover {
  color: #fff;
  background-color: #545454;
}

/* a different way */
#navbar {
   margin: 0;
   padding: 0;
   color: #fff;
   background-color: #343434;
   float: left;
   width: 100%;
}

#navbar li {
   display: inline;
   padding: 0;
   margin: 0;
}

#navbar a:link,
#navbar a:visited {
   color: #fff;
   background: #573;
   padding: 20px 40px 4px 10px;
   float: left;
   width: auto;
   border: 1px solid #351;
   text-decoration: none;
   text-transform: uppercase;
   font: bold 1em/1em serif;
}

#navbar a:hover {
   color: #fff;
   background: #646464;
}