* { margin:0;padding:0; }

body { font-family:Verdana,Helvetica,Arial,sans-serif;font-size:10pt;color:#333;background-color:#555; }

ol li { display:inline; }
ul li { margin-left:2em;line-height:1.8em; }
br { clear:both; }
img { border:none; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.red { color:#a00; }
h1 { margin:1em 0;color:#333; }
h1 span, h1 i { color:#a00;font-style:normal; }
h2 { margin:1em 0 0.1em 0; }
h3 { margin:0.5em 0 0.1em 0; }

table { width:100%;margin:16px 0;border-collapse:collapse;border:1px solid gray; }
/* table tr:hover { background-color:#ffcc33; } */
table th { padding:4px;background-color:#ddd;border:1px solid #aaa; }
table td { padding:4px;border:1px solid #aaa;text-align:center; }

xmp { padding:8px;background-color:#ffeecc;color:blue; }

.wrapper { width:990px;margin:auto; }

#header { padding-top:1.5em;background-color:black; }
#header b a { float:left;width:320px;height:0;padding-top:65px;overflow:hidden;background:url("/css/logo.gif") top left no-repeat; }
#header i { float:right;padding-top:12px;font-size:1.5em;color:white;text-align:right; }
#header ol { padding:6px;font-size:1.2em;background-color:#aa0000;color:#aaa; }
#header ol a { color:#aaa;text-decoration:none; }
#header ol a:hover { color:white;text-decoration:underline; }

#body { width:990px;margin:2px auto; }

#content { min-height:400px; }
#content p, #context p { margin-bottom:1em; }

#content { float:left;width:646px;padding:16px 32px 16px 64px;background-color:white; }
#content img { float:left;margin:8px 24px 24px 0; }
#content ol { margin:4px 0; }
#content p { text-align:justify; }

#content .thumb { float:left;width:600px;padding:8px;margin:8px 0;border:1px solid #aaa; }
#content .thumb img { float:left;width:90px;height:58px;margin:0 8px 8px 0; }
#content .thumb applet { float:left;width:150px;height:150px;margin:0 8px 8px 0; }


#context { float:right;width:200px;padding:16px;background-color:white; }
#context hr { margin:8px 0; }
#context img { margin:auto; }
#context ul li a { text-decoration:none; }
#context ul li a:hover { text-decoration:underline; }


#footer { padding:16px;background-color:#111;color:white;font-size:0.9em; }
#footer .www, #footer .copy { font-size:0.9em; }
#footer .www, #footer .sun { float:right;margin:4px; }
#footer .copy, #footer ol { float:left;margin:4px; }

#footer a { color:#aaa;text-decoration:none; }
#footer a:hover { color:white;text-decoration:underline; }