/* -- Layout ---------------------------------------------------------------------------- */

* {  margin:0;	padding:0; }
html,body {	height:100%; }
body { text-align: center; background: #eeeeee url( '../images/layout/page_bg.jpg' ) left 236px repeat-x; }
html { overflow: -moz-scrollbars-vertical; }

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
		
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

  background: url( '../images/layout/main_body_bg.jpg' ) center 236px no-repeat;
}


/* -- Main Columns ---------------------------------------------------- */
.mainColumn { width: 940px; margin: 0 auto; text-align: left; }
.mainColumn .fullWidthColPad { margin: 0 30px 0 10px; }

.mainLeftColumn { float: left; width: 770px; }
.mainLeftColumn .mainColPad { padding: 5px 0 10px 50px; }

.mainRightColumn { float: right; width: 170px; }
.mainRightColumn .mainColPad { padding: 5px 5px; }


/* -- Header Layout -- */
div#mainHeader { text-align: center; } /*HB: div#mainHeader { height: 186px; text-align: center; } */
div#headerContent { position: relative; height: 236px; }


/* -- Footer -- */
#mainFooter { position: absolute; width: 100%; height: 104px; left: 0;	bottom: 0; color: #77a; border-top: 0px solid #fc0; }
#mainFooter .padder { padding: 20px 40px 0 40px; }
#mainFooter a { color: #00f; }
#mainFooter .mainText { border-top: 1px solid #fc0; padding-top: 5px; }

/* -- Body -- */
#bodyContent { padding-bottom: 40px; background: #fff; width: 940px; border: 1px solid #A9BFE2; border-bottom: 0px solid #f00; } /* bottom padding for footer */


#simpleViewBody { text-align: center; padding: 20px; background: #eeeeee url( '../images/layout/page_bg.jpg' ) top left repeat-x; font: 13px arial, verdana; }
#simpleViewContainer { background-color: #fff; padding: 20px; border: 1px solid #CAD9FF; }