/* positioning */
#page { margin: auto; width: 750px; }
#banner { position: relative; height: 92px; overflow: hidden; zoom: 1; }
#logo { float: left; width: 378px; }
#menu { float: right; width: 372px; }
#main { position: relative; }
#content { float: right; width: 497px; padding: 5px 15px; }
#sidebar { float: left; width: 193px; padding: 5px 15px; }
#footer { clear: both; padding: 15px; text-align: center; zoom: 1; }

/* backgrounds */
body { background: white; }
#banner { background: black; }
#page { 
  background: url('sidebar.png') left repeat-y; 
  border-left: 1px solid #cfd0d2; border-right: 1px solid #cfd0d2; 
}
#footer { background: black; }

/* menu */
#menu { line-height: 30px; }
#menu li { width: 124px; }
#menu li li { width: 150px; }
#menu a { text-decoration: none; font-weight: bold; color: white; }
#menu a:hover { color: yellow; }

/* misc */
#banner h1 { font-size: 150%; }
#sidebar { font-size: 12px; }
#sidebar #query { width: 165px; }
#footer { color: white; }
#footer a { color: yellow; }
#footer a:hover { color: orange; }

/* html styles */
body {
  font-family: Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 14px; line-height: 150%;
}
a { text-decoration: underline; font-weight: normal; color: maroon; }
a:hover { color: navy; }
td, th { padding: 5px; }
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a { color: maroon; }