body { min-width: 835px; margin: 0; padding: 0; color: #fff; background: #5f5f5f url(/images/bg.png) repeat-x 0 35px; }
body { font: 11pt trebuchet ms,helvetica,sans-serif; }
input,textarea { font: 10pt arial,helvetica,sans-serif; }
a { color: #69c; }

div#container { max-width: 1280px; margin: 0 auto; }
div#content { width: 880px; margin: 14px auto 0; padding-bottom: 35px; }

div#header { overflow: hidden; white-space: nowrap; border-bottom: 1px solid #000; background-color: #333; }
 div#header h1 { float: left; margin: 0; padding: 4px 0 0 10%; }
  div#header h1 a { font-size: 18pt; font-variant: small-caps; text-decoration: none; color: #ccc; }
 div#header h2 { float: right; margin: 0; padding: 7px 10% 2px 0; font-size: 14pt; font-variant: small-caps; color: #ccc; }
 div#header ul { width: 200px; margin: 7px auto 0; padding: 0; list-style: none; }
  div#header li { display: inline; white-space: nowrap; text-align: center; }
  div#header li.list { display: none; }

div#footer { clear: both; min-width: 960px; overflow: hidden; padding: 1px 0 3px; border-top: 1px solid #333; background-color: #000; }
 div#footer strong,
 div#footer em { float: left; width: 17%; text-align: center; }
 div#footer p { float: right; margin: 4px 23px 0; font-size: 7pt; }
 div#footer ul { width: 40%; margin: 0 10% 0 45%; padding: 0; list-style: none; }
  div#footer ul li { display: inline; }

/* footer hack */
html,body { height: 100%; }
#container { position: relative; min-height: 100%; }
* html #container { height: 100%; }
#footer { position: relative; margin: -25px auto 0; }