body { background-color: #efe6ec; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #2d2230; margin: 10px; }
#container { width: 740px; margin: 0 auto; background-color: #fffafc; border: 1px solid #4b2449; }
#top { background-color: #ffffff; text-align: center; padding: 12px 10px 4px 10px; border-bottom: 1px solid #e39a62; }
.tagline { font-family: "Brush Script MT", "Comic Sans MS", cursive; font-size: 20px; color: #4b2449; margin: 2px 0 6px 0; }
#buttons { background-color: #4b2449; text-align: center; padding: 8px 4px; }
.btn { display: inline-block; background-color: #6d3a69; color: #ffffff; border: 1px solid #e39a62; padding: 5px 12px; margin: 2px; text-decoration: none; font-weight: bold; border-radius: 12px; }
.btn.on { background-color: #e39a62; color: #2d2230; }
#body { padding: 16px 24px; }
#body h1 { font-family: "Brush Script MT", "Comic Sans MS", cursive; font-weight: normal; font-size: 32px; color: #4b2449; margin: 0 0 8px 0; }
#body h2 { color: #4b2449; font-size: 15px; border-bottom: 2px solid #e39a62; }
.special { text-align: center; background-color: #4b2449; color: #fbe3d2; padding: 8px; }
.menu { width: 100%; border-collapse: collapse; }
.menu td { padding: 4px 6px; border-bottom: 1px dashed #c9a3c4; }
.menu td + td { text-align: right; color: #4b2449; font-weight: bold; width: 150px; }
#bottom { background-color: #4b2449; color: #e6d2e2; text-align: center; font-size: 11px; padding: 10px; }
a { color: #4b2449; }
.test-note { width: 726px; }
.test-note { background-color: #ffffff; border: 2px dashed #666666; color: #333333; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; padding: 6px; margin: 0 auto 10px auto; }