body { margin: 0px; padding: 0px; background: url(../images/bg.gif) repeat-y center top; }
html, body { height: 100%; }
#Container { width: 800px; margin-right: auto; margin-left: auto; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */ }
#Container #TopNavigation { background: #333 url(../images/nav-bg.jpg) no-repeat center bottom; padding: 10px 25px 20px; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; margin: 0px; }
#Container #TopNavigation ul { margin: 0px; padding: 0px; }
#Container #TopNavigation ul li { display: inline; margin-right: 15px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; }
#Container #TopNavigation ul li a { color: #FFF; text-decoration: none; }
#Container #breadcrumbs { margin-right: 25px; margin-left: 25px; margin-top: 5px; }
#Container #breadcrumbs p { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px; }
#Container .date { float: right; margin-top: 10px; margin-right: 25px; }
#Container #Content { margin-top: 0px; margin-right: 25px; margin-left: 25px; padding: 10px 0px 20px; }
#Container #Content #LeftColumn .Box-Heading { }
#Container #Content #LeftColumn .Box-Content div a { text-decoration: none; }
#Container #Content #LeftColumn { width: 177px; margin-right: 20px; }
#Container #Content #RightColumn { float: right; width: 553px; }
#Container #Content #RightColumn h1 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 5px; }
#Container #Content #RightColumn h2 { font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 0px; }
#Container #Content #RightColumn h3 { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 0px; }
#Container #Content #RightColumn h4 { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 0px; }
#Container #Content #RightColumn p { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 0px; }
#Container #Content #RightColumn ul li { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#Container #Content #RightColumn ul { margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; }
#Container #Content #RightColumn ol li { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#Container #Content #RightColumn ol { margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; }

#Footer { width: 750px; position: relative; background: #234490; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; height: 20px; margin-right: auto; margin-left: auto; padding: 5px 25px; clear: both; }
#Footer a { color: #FFF; text-decoration: underline; }
.clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }
.push { height: 20px; /* .push must be the same height as .footer */ }