html { height: 95% }
body { color: #FFFFFF; height:100%; background:#000000 url('../images/background.jpg'); text-align: center; margin:40px 0 0 0; }
img { border: 0 }
br.clear{clear:both;}

div#topbar { width: 700px; height: 25px; margin-left: auto; margin-right: auto }
div#topbar a { outline: none; }
div#topbar a.select img { background: url('../images/side/blank.png') top left no-repeat }
div#topbar a.select:hover img { background: #15489e }

div#bottombar { width: 770px; height: 40px; margin-left: auto; margin-right: auto; background: #15489e }
div#bottombar img#logo { float: left; margin-top: 2px }

div#bottombar div#list { display: inline; float: right; width: 310px; height: 35px;  text-align: left}
#list img#join_list { margin-top: 5px; float: left }
#list form { margin: 0; padding: 0; float: none; display: inline }
#list p { margin: 0 ; padding: 0; }
#list input.textbox { width:135px;height:15px;font-size:8pt;border:1px solid #000;color:#595959;  }
#list #join_button { float: right; margin-top: 5px; outline: none }

div#copyright { width: 770px; height: 15px; font-size:8pt; margin-left: auto; margin-right: auto;}

div#topline { width: 770px; height: 7px; margin-left: auto; margin-right: auto; background: #15489e }
div#bottomline { width: 770px; height: 7px; margin-left: auto; margin-right: auto; margin-top: 3px ; background: #15489e }

div#main_frame {  display: table block; width: 750px; height: 80%; margin-left: auto; margin-right: auto;}
#main { width: 750px; height: 100% }