html {background: url(../calc/images/bg-html.jpg) repeat-y;}
body {background: url(../calc/images/bg-body.jpg) no-repeat; color: #4a4a4a; padding: 30px 0;}

/**************************************************header**************************************************/

/**************************************************content area********************************************/
#content {background: #fff url(../calc/images/bg-main.gif) no-repeat 0 100%; width: 738px; margin: 0 30px;}
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
/**************************************************main column*********************************************/
#main {background: url(../calc/images/bg-content.gif) no-repeat; color: #666; position: relative;}
#main h1 {background:  url(../calc/images/logo.gif) no-repeat; width: 74px; height: 48px; top: 20px; left: 630px; position: absolute;}
#main #contentContainer {margin: 0 30px; padding: 40px 0; font-size: 1.1em; line-height: 1.7;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h2 {color: #358; margin: 0 0 10px 0; font-weight: bold; font-size: 2em;}
#main h2 span {font-weight: normal; font-size: .85em;}
#main h3 {color: #358; margin: 0 0 20px 0; font-weight: bold; font-size: 1.4em;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1em;}
#main p {margin: 0 0 20px 0; font-size: 1em;}
#main div.articleMetadata {margin: 0 0 20px 0; color: #999; font-size: .95em;}
#main ul {margin: 0 0 20px 20px; font-size: 1em;}
#main ol {margin: 0 0 20px 30px; font-size: 1em;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px; font-size: 1em;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px; font-size: 1em;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0; font-size: 1em;}
#main dl dt {color: #358; margin: 0 0 5px 0; font-size: 1.1em; font-weight: bold;}
#main dl dd {background: url(../resources/images/divider-line.png) no-repeat 0 100%; margin: 0 0 15px 0; padding: 0 0 15px 0;}
#main applet,#main object {width: 678px; height: 425px; margin: 0;}
#main form {margin: 0 0 20px 0; text-align: center;}
#main table {width: 678px; margin: 0 0 20px 0; font-size: 1em; border: 1px solid #358; display: table; border-collapse: collapse;}
#main ol table {width: 648px;}
#main table table {width: 100%; margin: 0; font-size: 1em; border: none; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #358; color: #fff; display: table-cell; padding: 5px 10px; font-size: 1.2em; text-align: left; vertical-align: bottom;}
#main table thead tr.title th,#main table tbody tr.title td {text-align: center;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr.highlighted {background: #ccc;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #358; vertical-align: middle;}
#main table table tbody tr td {border-bottom: none;}
/*form elements*/
/*end form elements*/

/**************************************************left column*********************************************/

/**************************************************right column********************************************/

/**************************************************footer**************************************************/