html { height: 100%; }

.page_body { height: 100%; text-align: center; align: center; margin: 0px auto; padding: 0px; font-family: trebuchet ms, arial, helvetica; font-size: 90%; color: #FFFFFF; background-image: url(images/background.jpg); background-repeat: repeat; }

#main_container { position: relative; min-height: 100%; width: 760px; margin: 0px auto; text-align: left; overflow: hidden; border: solid 1px #FFFFFF; background-color: #FFFFFF; background-image: url(images/hearth_background.jpg); background-repeat: no-repeat; background-position: bottom left; color: #000000; }

#layout_left { position: absolute; left: 0px; top: 0px; width: 187px; height: 240px; }
#layout_center_left { position: absolute; left: 185px; top: 0px; width: 105px; height: 155px; }
#layout_center_logo { position: absolute; left: 290px; top: 0px; width: 266px; height: 165px; }
#layout_right_top { position: absolute; left: 555px; top: 0px; width: 205px; height: 150px; }
#layout_right_bottom { position: absolute; left: 555px; top: 150px; width: 205px; height: 150px; }

#filler { width: 760px; height: 160px; }

#layout_content { position: relative; width: 640px; margin-left: 80px; z-index: 100; } 

#layout_footer { position: absolute; left: 0px; bottom: 0px; width: 760px; height: 18px; background-image: url(images/layout_footer.jpg); background-repeat: repeat-x; padding-top: 2px; color: #000000; font-size: 80%; text-align: center; border-top: solid 1px #555555; }

.heading { font-size: 120%; font-weight: bold; }