body { font: 62.5% Verdana; }
h1 { background: url(images/ymca_logo.png) no-repeat; font-size: .1em; height: 100px; margin: 0 auto; padding: 0; text-indent: -999em; width: 100px; }
h2 { font-size: 2em; margin: 1em 0; padding: 0; text-align: center; }
h3 { font-size: 1.2em; margin: 0 0 1em; padding: 0; }
p { font-size: 1.2em; margin: 0 0 1em; padding: 0; }
ol, ul { font-size: 1.2em; margin: 0 1em; padding: 0 1em; }
li { margin: 0 0 .8em; padding: 0; }

#buttons { margin: 0 0 1em; padding: 0; width: 100%; }
#buttons a img { border: none; float: right; margin-right: 1em; }

#container { margin: 0 auto; width: 770px; }

#reg-menu, #reg-menu li { list-style: none; margin: 0; padding: 0; }
#reg-menu { margin: 0 auto 1em auto; width: 700px; }
#reg-menu li { float: left; }

#reg-menu li.reg-mem a { background-image: url(images/btn-membership.png); }
#reg-menu li.reg-par a { background-image: url(images/btn-participant.png); }
#reg-menu li.reg-pro a { background-image: url(images/btn-program.png); }

#reg-menu li a { background-position: center top; background-repeat: no-repeat; display: block; height: 173px; margin: 0 2px; overflow: hidden; text-indent: -999em; width: 229px; }
#reg-menu li a:hover { background-position: center bottom; }

.center { text-align: center; }
.clear { clear: both; }