html,body,td { background:#069; font-family:arial; }
a { color:#069; }

h2 { font-size:14px; }
.small { font-size:10px; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1%; }

#outer { background:#09c; border:2px black solid; padding:4px; }

#inner { background:#fff; border:2px black solid; }
#inner h1 { text-transform:uppercase; font-size:20px; margin:0; }

#sidebar { background:#eaeaea; margin:2px; padding:2px; width:105px; float:left; text-align:center; font-size:12px; }
#sidebar img { border:1px black solid; }
#sidebar h4 { font-size:14px; font-weight:bold; margin:0; }
#sidebar ul { text-align:left; padding:0; padding-left:16px; margin:0; list-style:url('http://i.somethingawful.com/bluesquare.gif'); }

#sidebar ul#pages { margin:0; padding:0; list-style:none; text-align:center; clear:both; float:left; margin-bottom:1em; }
#sidebar ul#pages li { float:left; width:20px; font-size:10px; text-align:center; padding-left:1px; }
#sidebar ul#pages li.white { background:white; }

#content { position:relative; margin:0 4px; }

#content #pagebar { background:#ccc; padding:2px; font-size:18px; font-weight:bold; clear:both; float:left; margin:8px 0; width:100%; }
#content img { margin-left:8px; border:1px solid black; }

#top_banner { background:black; padding:2px; text-align:center; }


#inner { position:relative; }
#content:after, #inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html #content, * html #inner { height:1%; }
#sidebar, #content { float:none; }
#content { margin:0 2em; }
#content { margin-left:140px; }

#sidebar { position:absolute; top:0; left:0; }