body {min-width: 770px; width: 100%; height: auto; margin: 0; padding: 0; background: #d6d4bf;}
		
#container {width: 770px; height: 100%; margin: 0 auto; background: #f1f2ea; border-right: 1px solid #000; border-left: 1px solid #000; text-align: center;}

#banner {clear: both; width: 100%; height: 30px; background: url("images/page/header.gif") no-repeat center; border-bottom: 1px solid #ffd600;}

/* Sidebar */
#sidebar {margin: 0 320px 0 0; padding: 0;}

/* Content */
#content {float: right; width: 405px; margin: 0; padding: 0 20px; font: normal 90% arial, sans-serif; text-align: left;}
#content h1 {margin-top: 10px; font: bold 95% helvetica, sans-serif; text-align: center;}

/* Content 2 */
#content2 {width: 720px; margin: 0 auto; text-align: center;}

/* Footer */
#footer {clear: both; width: 100%; height: 30px; background: url("images/page/footer.gif") no-repeat bottom center;text-align: center;}

/* Classes */
.gym {float: left; width: 228px; margin: 0 15px 10px 0; background: #d6d4bf; border: 1px solid #000; border-top: none; text-align: center}
.gym img {border: none;}
.gym h2 {margin: 5px 0; font: bold 90% helvetica, sans-serif; text-align: center;}
.gym p {margin: 0 0 5px 0; font: normal 80% arial, sans-serif; padding: 0 10px; text-align: left;}
.gym2 {float: left; width: 228px; margin: 0 0 10px 0; background: #d6d4bf; border: 1px solid #000; border-top: none; text-align: center}
.gym2 img {border: none;}
.gym2 h2 {margin: 5px 0; font: bold 90% helvetica, sans-serif; text-align: center;}
.gym2 p {margin: 0 0 5px 0; font: normal 80% arial, sans-serif; padding: 0 10px; text-align: left;}
br.spacer {clear: both; margin: 0; visibility: hidden;}
