*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
body    { margin: 0; padding: 0; height: 100% }
html  { margin: 0; padding: 0; height: 100% }
.bodyWrapper  { margin: 0; padding: 0; min-height: 100% }
h1      { color: #fff; line-height: 100px; background-color: #666; text-align: center; margin: 0; padding: 0; width: 100%; height: 100px }
.menuPanel     { background-image: url("images/navbg.png"); background-repeat: repeat-x; margin: 0; padding: 0; z-index: 3; width: 100%; height: 30px; overflow: visible }
.menuPanel ul   { text-align: center; list-style-type: none; display: block; margin: 0 auto; padding: 0; width: 510px; overflow: hidden }
.menuPanel ul li      { display: block; margin: 0 5px; padding: 0; width: 160px; height: 30px; float: left; overflow: visible }
.menuPanel ul li a  { color: #000; font-size: 20px; line-height: 30px; text-decoration: none; background-image: url("images/button.png"); background-repeat: no-repeat; background-position: center; text-align: center; text-transform: uppercase; display: block; margin: 0; padding: 0; width: 160px; float: left; overflow: visible }
.menuPanel a:hover   { color: #000; font-size: 20px; font-weight: bold; line-height: 30px; background-image: url("images/button_over.png"); background-repeat: no-repeat; background-position: center; text-align: center; text-transform: uppercase; display: block; margin: 0; padding: 0; width: 160px; overflow: hidden }
article    { text-align: center; margin: 0 auto; padding: 0 0 50px; width: 400pt; overflow: auto }
footer   { background-color: #666; margin: -50px 0 0; padding: 0; position: relative; width: 100%; height: 50px; clear: both }
footer p   { color: #fff; line-height: 50px; text-align: center; margin: 0; padding: 0 }