#mainContent { text-align: left; margin: 0 auto; width: 900px; padding-top: 15px; }
.formLeft { float: left; width: 120px; text-align: left; line-height: 20px; margin-bottom: 7px; }
.formRight { float: left; width: 700px; text-align: left; margin-bottom: 7px; }
.formFont { font-weight: bold; }
.formTitle { background: #cccccc; color: #000; padding: 5px; font-size: 12px; }
.formPostInfo { margin-top: 1px; background: #cccccc; color: #000; padding: 2px 5px; font-size: 12px; }
.formBody { background: #ccc; padding: 10px 5px; }
.clear { clear: both; }
br { clear: both; }
.left { float: left; }
.right { float: right; }
/* -------------------------------------------------------------- 
     Structure
-----------------------------------------------------------------*/
.sideNav { float: left; width: 142px; }
.contentBox { float: left; width: 610px; border-left: 1px solid #c9c9c9; padding-left: 15px; }
#dateNav { margin-top: 25px; background: #789ab9; text-align: center; padding: 5px 2px 2px 2px; }
.yearBox { padding-bottom: 9px; }
.monthBox { background: #fff; padding: 3px 0; }
.repeaterHeader { height: 21px; border: 1px solid #b5b5b6; margin: 12px 0 10px 0; background: url(/images/chart_of_the_day/archive_bg.jpg) repeat-x; }
.repeaterHeader .headerFont { font-size: 11px; color: #363636; text-transform: uppercase; line-height: 21px; }
.itemBox { padding: 0 0 20px 12px; }
.itemBox .title { color: #055daf; font-weight: bold; width: 420px; }
.itemBox .info { text-align: center; width: 150px; font-size: 8pt; font-family: Verdana; color: #7f7f7f; padding: 5px 0 10px 0; }
p { padding-top: 12px; }