*html {margin: 0; padding: 0;}
body {margin-right: auto; margin-left: auto; padding: 0px; background-color: #ffffff; background-image:url(http://www.katrinaroundtree.com/images/background.jpg); background-repeat: repeat-y; text-align: center;}
div#header {width: 800px; height: 100px; background-image:url(http://www.katrinaroundtree.com/images/header.png); text-align: left;}
div#header2 {width: 800px; height: 100px; background-image:url(http://www.katrinaroundtree.com/images/header2.png); text-align: left;}
div#navigation {width: 800px; height: 65px; background-image:url(http://www.katrinaroundtree.com/images/topcontent.png); background-repeat: no-repeat; background-position: 155px 55px;}
div#left {width: 137px;  height: 370px; float: left; background-image:url(http://www.katrinaroundtree.com/images/leftgraphic4.jpg); background-repeat: no-repeat;}
div#content{width: 525px; float: left; background-image:url(http://www.katrinaroundtree.com/images/contentarea4.png); background-position: 18px 0px; background-repeat: repeat-y;}
div#content2{width: 525px; height: 370px; float: left; background-image:url(http://www.katrinaroundtree.com/images/contentarea5.png); background-position: 18px 0px; background-repeat: repeat-y;}
div#content3{width: 525px; height: 370px; float: left; background-image:url(http://www.katrinaroundtree.com/images/contentarea6.png); background-position: 18px 0px; background-repeat: repeat-y;}
div#content4{width: 525px; float: left; background-image:url(http://www.katrinaroundtree.com/images/contentarea6.png); background-position: 18px 0px; background-repeat: repeat-y;}
div#right {width: 137px; height: 370px; float: left; background-image:url(http://www.katrinaroundtree.com/images/rightgraphic4.png); background-repeat: no-repeat;}
div#footer {width: 800px; height: 65px; Clear: both; background-image:url(http://www.katrinaroundtree.com/images/bottomcontent.png); background-repeat: no-repeat; background-position: 155px 0px;}
div#wrap {width: 800px; height: auto; background-image:url(http://www.katrinaroundtree.com/images/spacer.png); background-repeat: repeat-y; clear: both;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear{display: inline-block;}
*html .clearfix{height: 1%}
.clear {display: block;}


div#buttons {margin-top: 0px; margin-left: 155px; margin-bottom: 5px; clear: both; }
div.button {width:75px; height:50px; top:0px; left: 0px; float: left;}
a.roll1  {width:75px; height:50px; display: block; font: bold 12pt Tahoma; text-align:center; line-height: 50px; background: url("http://www.katrinaroundtree.com/images/button1.gif") 0px 0px no-repeat;}
div.button a.roll1:link {background-position: 0px 0px; color: white; text-decoration:none;}
div.button a.roll1:visited {background-position: 0px -50px; color: white; text-decoration:none;}
div.button a.roll1:hover {background-position: 0px -100px; color: white; text-decoration:none;}
div.button a.roll1:active {background-position: 0px -150px; color: white; text-decoration:none;}

a.roll2  {width:75px; height:50px; display: block; font: bold 12pt Tahoma; text-align:center; line-height: 50px; background: url("http://www.katrinaroundtree.com/images/button2.gif") 0px 0px no-repeat;}
div.button a.roll2:link {background-position: 0px 0px; color: white; text-decoration:none;}
div.button a.roll2:visited {background-position: 0px -50px; color: white; text-decoration:none;}
div.button a.roll2:hover {background-position: 0px -100px; color: white; text-decoration:none;}
div.button a.roll2:active {background-position: 0px -150px; color: white; text-decoration:none;}

a.roll3  {width:75px; height:50px; display: block; font: bold 12pt Tahoma; text-align:center; line-height: 50px; background: url("http://www.katrinaroundtree.com/images/button3.gif") 0px 0px no-repeat;}
div.button a.roll3:link {background-position: 0px 0px; color: white; text-decoration:none;}
div.button a.roll3:visited {background-position: 0px -50px; color: white; text-decoration:none;}
div.button a.roll3:hover {background-position: 0px -100px; color: white; text-decoration:none;}
div.button a.roll3:active {background-position: 0px -150px; color: white; text-decoration:none;}

div#contentspacer {height: 100%;}
div#footertext img{margin-top: 12px; text-align: center; border: 0px;}
div#footertext p{ margin-top: 0px; font-family: comic sans ms, tahoma; font-size: 10px; position: relative; }


