html, body { height: 100%; padding: 0; margin: 0; }
body { background: white; font-size: 0.8em; font-family: Verdana, Helvetica, sans-serif; color: black; padding: 0 20px; }

/* HEADER */
#header { background: #fff url(/bits/img/chrome/blue_bg.gif) top left repeat-x; height: 76px; }
#header #blue_left  { width: 4px; height: 76px; background: url(/bits/img/chrome/blue_l.gif) top right repeat-y; float: left; }
#header #blue_right { width: 4px; height: 76px; background: url(/bits/img/chrome/blue_r.gif) top left repeat-y; float: right; }
#header #xray { height: 76px; width: 130px; background: url(/bits/img/chrome/logo_xray.jpg) top right no-repeat; float: right; }
#header #logo { padding: 11px 0px 0px 15px; }
#header #byline { color: white; font-size: 0.9em; padding-left: 20px; position: relative; top: -7px; }

/* Navigation Bar */
#navigation { background: #55f url(/bits/img/chrome/nav_bg.gif) top left repeat-x; height: 39px; margin-bottom: 20px; }
#navigation #navigation_left  { width: 12px; height: 39px; background: url(/bits/img/chrome/nav_l.gif) top right repeat-y; float: left; }
#navigation #navigation_right { width: 12px; height: 39px; background: url(/bits/img/chrome/nav_r.gif) top left repeat-y; float: right; }

#navigation .right { float: right; padding: 10px 0px 0px 20px; }
#navigation .left { padding: 10px 0px 0px 10px; }
#navigation a { background: url(/bits/img/chrome/arrow.gif) left no-repeat; padding: 7px; margin: 0 5px; text-decoration: none; border-bottom: none; }
#navigation a:hover { text-decoration: underline; }

/* CONTENT */
#footer { height: 11px; text-align: right; }
#copyright { text-align: right; padding: 5px 10px; color: #ccc; font-size: 0.9em; clear: both; }

/* MINI */
.mini #header #site_name, .mini #header #navigation, .mini #footer { display: none; }
.mini #header #page_title { padding: 10px 0 0px 15px; font-weight: bold; color: white;  }
.mini #header { height: 40px; border: 1px solid black; border-top: none; }