*{ margin: 0; padding: 0; border: 0; }

body{ background-color: #2D2D2D; font-family: verdana; }
input, label{ height: 24px; }
label{ float: left; width: 80px; color: #333; padding: 4px 0 0 0; font-size: 12px; text-align: right; margin-right: 5px; }
input{ border: 1px solid #ccc; float: left; margin-bottom: 10px; width: 200px; }
small{ color: #999; float: right; font-size: 10px; margin: -10px 35px 5px 0; }

#wrapper{ width: 348px; height: 371px; top: 50%; left: 50%; position: absolute; margin-top: -200px; margin-left: -174px; background: transparent center url('../images/bg_main.png') no-repeat; }
#header{ width: 328px; height: 24px; padding: 0 10px; margin-top: 80px; padding-top: 10px; color: #fff; font-size: 14px; text-align: center; background: transparent url('../images/bg_header.png') no-repeat; }
#content{ width: 323px; padding: 10px 0 0 25px; background: transparent url('../images/bg_body.png') repeat-y; }
#footer em{ color: #999; font-size: 11px; font-style: italic; margin-top: 6px; text-decoration: none; }
#footer em a{ color: #999; }
#footer{ height: 76px; background: transparent url('../images/bg_footer.png') no-repeat; text-align: center; }
#content br{ clear: both; }
#content .btnSubmit{ width: 69px; height: 22px; float: right; margin: 0 35px 5px 0; }

#news, #comments, #about, #hlp{ cursor: pointer; }
#help{ margin: 5px; z-index: 99; cursor: move; width: 199px; position: absolute; }
#help a{ color: #b36b00; }
#top{ height: 15px; background: transparent url('../images/spiral.png') no-repeat; }
#middle{ font-size: 14px; text-align: center; background-color: #fff6cf; }
#middle div{overflow: auto;
 width: 189px; padding: 0 5px; color: #b36b00; font-size: 0.8em; line-height: 14px; text-align: justify; background: #fff6cf url('../images/bg_note.jpg'); }
#bottom{ height: 12px; background: transparent url('../images/bottom.png') no-repeat; }

.left{ float: left; }
.right{ float: right; }