body {font: 12px/16px helvetica, arial; background: #e7e7de;}
.clear {clear: both;}
a {color: #99192c; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
b, strong {font-weight: bold;}
small {font: 11px helvetica, arial; margin: 20px 0 0 0; display: block; color: #a2a4a1;}
abbr {cursor: pointer;}
i, em {font-style: italic;}
small strong {color: #99192c;}

#wrapper {width: 1000px; background: #fff; margin: 0 auto; overflow: hidden;}

#brand h3, #subForm h3, .public_form h3 {font: bold 14px/20px arial; text-transform: uppercase; color: #172322;}

/* BRAND */
#brand {width: 205px; float: left; padding-bottom: 30px;}
#brand img {display: block; margin: 0 auto;}
#links {text-align: center;}
#payForm {margin: 10px; background: #e7e7de; padding: 10px;}
#payForm p strong {font: bold 10px/14px arial;}
#payForm table {margin: 10px 0;}
#payForm td {padding: 2px 0;}
#payForm .label {font: bold 11px/14px arial; text-transform: uppercase;}
#confirm {font-weight: bold; color: #99192c;}

/* CENTER COLUMN */
#main {float: left; width: 500px; min-height: 200px; margin-top: 100px;}
#main_admin {float: left; width: 770px; min-height: 200px; margin-top: 100px;}
h2 {font: 32px/36px georgia; color: #172322; padding-bottom: 10px; border-bottom: 1px dashed #a2a4a1;}

/* HOME */

#home p {font: 20px/28px georgia; margin: 20px; text-align: justify}

/* ITEMS */
#index .body {font: 12px/16px arial; margin: 10px 0;}
#index li {font: 16px arial; margin: 10px 0;}
#index h3 {padding: 10px 0; text-transform: none;}
#index strong {font-size: 12px;}

/* SUBSCRIBE */

#subForm {margin: 20px; float: right; width: 250px;}
#subForm label {font: bold 14px/18px arial; padding-right: 10px; text-transform: uppercase; display: none;}
#subForm div.input {margin: 2px 0;}
#subForm div.input input {width: 220px; padding: 5px 10px 5px 5px; border: 1px solid #a2a4a1; font-size: 16px;}
#subForm #response {margin-bottom: 30px; font-weight: bold; color: #99192c; text-align: center;}

/* OFFICERS */
.officer {margin-bottom: 30px;}
#index .officer h3 {font: bold 20px/24px arial; color: #172322; margin-bottom: 0; padding: 0 0 5px 0;}
.officer small {margin: 0; font: bold 16px/20px arial;}
.officer address {margin: 0 0 10px 0;}

/* GAMES */
#games p {margin-bottom: 20px;}

/* TABLE ITEMS*/

#index table {margin: 0 0 20px 0;}
#index td {padding: 10px 8px 10px 0;}
#index td.heading {font-weight: bold; font-size: 14px; vertical-align: bottom;}
#index td.gameTitle {font: 16px georgia; vertical-align: bottom;}
#index td.location {color: #99192c; vertical-align: bottom;}
#index td.notes {padding-bottom: 20px; border-bottom: 1px dashed #a2a4a1;}

#main_admin table {width: 770px;}
#main_admin table td {border-collapse: collapse; border: 1px solid #000; padding: 3px;}
#main_admin.form table td {border: 0 none;} 

#main_admin h3 {font: 18px georgia;}
#test_emails {border: 1px solid #ddd; width: 500px; font: bold 16px/24px arial; height: 24px; padding: 3px;}

#main_admin #status, #main_admin #progress {display: block; clear: both; width: 500px; padding: 0 0 20px 0; font-weight: bold;}

/* CMS */

.public_form form {margin: 10px 0;}
.public_form div.input {overflow: visible; clear: both;}
.public_form div.input label {float: left; width: 35px; padding: 0 10px; font: 12px/28px helvetica, arial; text-align: right; white-space: nowrap;}
.public_form div.input input, div.input textarea, div.file {float: left; overflow: hidden;}
.public_form div.input textarea {overflow: auto;}
.public_form div.submit {margin: 0 0 0 55px; clear: both;}
.public_form div.submit input {margin: 5px 0;}
.error-message {clear: both; font: bold 12px helvetica, arial; color: red; margin: 5px 0 5px 70px;}


.form, .add_edit_form, #post, #index {margin: 100px 0; float: left; width: 450px;}
#index {margin: 20px 0 100px 0;}
#main_admin #index {width: 650px; margin: 20px 0 40px 0;}
.loginForm {width: 200px; float: left; margin-top: 100px;}
.loginForm input {margin: 5px 0;}
.form h4 {font-size: 20px; padding: 15px 0 4px 0;}
.form .column {width: 330px; float: left; margin: 0 10px 0 0;} 
.form div.input, .form label, .form select {float: none; clear: none; display: inline;}
.add_edit_form label {display: block;}
.add_edit_form input {margin: 2px 0;}
.add_edit_form .input, .add_edit_form .submit {width: 400px;}
.form label {display: none;}
.form table {margin: 10px 0 30px 0;}        
.form table tr td {padding: 3px 10px 3px 0; border-top: 0 none; font-family: helvetica, arial;}
.form table tr td a {font: bold 12px helvetica, arial; color: #99192c; white-space: nowrap;}

.entry {margin: 0 ; padding: 10px 0 20px 0; width: 495px;}
.entry h4 {font: bold 20px helvetica, arial;}
.entry img {padding: 1px; border: 1px solid #172322;}
a.more, a.back {font: bold 12px helvetica, arial; color: #99192c;}

#post h3 {font: 28px/32px georgia; color: #172322; padding-bottom: 10px; border-bottom: 1px dashed #a2a4a1;}
#post img {padding: 1px; border: 1px solid #172322;}
#post p {margin: 10px 0;}
#post address {display: block; margin: 20px 0; font-style: normal; font: 12px/16px helvetica, arial;}