#wrapper { position: relative; width: 800px; margin: 0 auto; clear: both; }
#wrapper .bg { float: left; background: url(../images/bg-wrapper.gif) repeat-y center top; }
#page { position: relative; float: left; width: 800px; margin: 0 auto; background: url(../images/bg-page.gif) no-repeat left top; clear: both; }

/* page header stuff */
#header_wrapper { position: relative; text-align: center; width: 800px; margin: 0 auto; padding: 0px; clear: both; }
#header { width: 770px; height: 140px; margin: 0 auto; padding: 0px;  background: url(../images/header.jpg) no-repeat center top;}

/* page navigation stuff */
#menu_wrapper { float:left; clear: both; }
#menu_wrapper ul { float:left; list-style:none; display: inline; margin: 10px 0 0 0; padding:0; font: bold 140% Arial, Helvetica, sans-serif;}
#menu_wrapper li { float: left; color: #555; margin: 0 20px 0 0; }
#menu_wrapper li a { color: #c00; text-decoration: none; }
#menu_wrapper li a:hover { color: #555555; text-decoration: none; }

/* content stuff */
#content_wrapper { position: relative; width: 560px; margin: 0 auto; padding: 0px; clear: both; }
#content_wrapper table { width: 100%; float: left; margin: 0 auto; padding: 0; font: 100% Arial, Helvetica, sans-serif; line-height: 1.2em; }
#content_wrapper table ul { float:left; list-style:none; margin: 0 0 20px 0; padding:0; }
#content_wrapper table li { float: left; color: #b2b2b2; width: 220px; margin:4px auto; }
#content_wrapper table li a { color: #c00; display:block; text-decoration:none;  }
#content_wrapper table li a:hover { color: #000; text-decoration:none; }

#recentpost_wrapper { width: 560px; float: left; border-top: #c0c0c0 1px solid; margin: 30px auto; padding: 0; }
#recentpost_wrapper .recentpost { border-bottom: #ddd 1px solid; text-align: left; font: 120% Georgia, "Times New Roman", Times, serif; line-height: 1.2em; }
div.postlink { width: 560px; height: 24px; display: block; margin: 3px 0 0 0; padding: 0; font-weight: bold; background: url(../images/comment.gif) no-repeat top right; clear: both; }
div.postlink a { display: block; color: #039; text-decoration: none; }
div.postlink a:hover { display: block; color: #555; text-decoration: none; }

div.venue { font: normal 130% Arial, Helvetica, sans-serif; color: #555; line-height: 2em; clear: both; }

a { color: #c00; text-decoration: none; }
a:hover { color: #000; }

/* form stuff */
form { margin:0; padding:0; }
label { color: #000000; width: 210px; float: left; text-align: left; margin: 8px 0 8px 0; display: block }
.textinput { width: 350px; border: solid 1px #c0c0c0; font: normal 18px Arial, Helvetica, sans-serif; padding: 0; margin: 8px 0 8px 0; }
.shorttextinput { width: 150px; border: solid 1px #c0c0c0; font: normal 18px Arial, Helvetica, sans-serif; padding: 0; margin: 8px 0 8px 0; }
.dropbox { width: 350px; border: solid 1px #c0c0c0; font: bold 15px Arial, Helvetica, sans-serif; padding: 0; margin: 8px 0 8px 0; }
.textbox { width: 350px; border: solid 1px #c0c0c0; font: normal 15px Arial, Helvetica, sans-serif; padding: 0; margin: 8px 0 8px 0; }
.submit input{ font: normal 18px Arial, Helvetica, sans-serif; padding: 0; margin: 8px 0 8px 0; padding: 6px; }

#notes { float:left; width: 560px; text-align: left; font: bold 100% Arial, Helvetica, sans-serif; line-height: 1.4em; clear: both; }
.clearall { margin:0;padding:0;clear:both; }
.success { color:green; }
.error { color:red; }