html, body { margin:0; padding:0; height:100%; }
body { background:#ccc url('/images/bg.png') center top repeat-y; }
body, input, td, th, textarea, option, select { font-size:9pt; font-family:Verdana; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

#container { width:700px; margin:0 auto; border:1px solid white; border-width:0 1px; min-height:100%; position:relative; background:white; }
#head { height:100px; border-bottom:5px solid #d9d8d6; background:#f3f2f0 url('/images/test.jpg') left center no-repeat; position:relative; }
#head h1 { color:#242221; font-size:20px; line-height:24px; font-weight:bold; margin:0; padding:0; letter-spacing:0; position:absolute; top:8px; left:300px; font-family:Georgia; width:380px; text-align:center;}
#head h2 { color:#778D9F; font-size:24px; line-height:28px; font-weight:bold; margin:0; padding:0; letter-spacing:0; position:absolute; top:32px; left:300px; width:380px; font-family:Georgia; border-top:1px solid; text-align:center; }

#menu { margin:0; padding:0 0 0 0px; list-style-type:none; height:25px; background:#778D9F; position:relative; }
#menu li { margin:0px 0 0 10px; padding:0 0px; float:left; height:25px; line-height:25px; }
#menu li a { color:white; font-size:9pt; padding:0 15px; }
#menu li a:hover { color:white; }
#menu li.selected { background:white; border-top:5px solid black; margin-top:-5px; z-index:2; position:relative; }
#menu li.selected a, #menu li.selected a:hover { color:black; text-decoration:none; }
#menu li.animator { height:5px; width:1px; position:absolute; top:-5px; left:300px; line-height:5px; z-index:1; margin:0; float:none; background:#555; }

#content { margin:20px 12px 0 12px; border-bottom:40px solid white; }
#content h3 { margin:0; padding:0; font-family:Georgia; font-size:12pt; color:#8b0000; letter-spacing:0; font-weight:bold; line-height:2em; display:none; }
#content p { margin:0 1em 1em 1em; line-height:1.4em; }
#content li { line-height:1.4em; }
#pic { float:left; height:110px; margin:0 10px 0 0; border:1px solid silver; padding:2px; }

form { width:400px; margin:1em auto; padding:1em 0; }
label { margin-top:1em; color:gray; }
label, input, textarea { display:block; width:400px; }
#l_secret, #secret { float:left; }
#l_secret { width:auto; line-height:18px; }
#secret { margin-top:1em; width:50px; }
#submit { width:150px; margin:40px auto; clear:both; }
.error { color:red; }

#footer { position:absolute; bottom:0; left:-12px; width:700px; background:#ccc url('/images/footer.png') center top no-repeat; height:20px; padding:20px 12px 0 12px; line-height:15px; }
#footer a { font-size:7pt; color:white; float:left; margin-left:10px; }
#footer span { font-size:7pt; color:#333; float:right; margin-right:10px; }

#wrong { position:absolute; top:0; left:0; width:100%; background:#778D9F url('/images/bg.png') center top repeat-y; height:95px; border-bottom:5px solid #D9D8D6; }