* { font-family: arial, verdana; color: #666; font-size: 11px; }
body { margin: 0px; background: url("../media/background.gif") center repeat-y; text-align: center; }
a img { border: 0px; }
p { text-align: justify; margin-top: 5px; }
li { list-style-image: url("../media/li.gif"); }
ul { margin-left: -10px; }
#wrapper { margin: 0 auto; width: 800px; text-align: left; }
#outer { margin-left: 50px; margin-right: 50px; }
#header { width: 700px; height: 100px; }
#menu { width: 700px; height: 23px; }
#inner { }
#left { width: 675px; float: left; margin-top: 10px; margin-left: 10px; float: left; }
  #left h2 { font-size: 14px; margin: 0px; text-align: left; height: 25px; background: url("../media/header_bottom.gif") no-repeat bottom left; font-weight: bold; }
#right { width: 175px; float: left; margin-top: 10px; padding-top: 8px; margin-left: 10px; }
  #right h2 { font-size: 12px; margin: 0px; text-align: left; height: 25px; background: url("../media/header_bottom_right.gif") no-repeat bottom left;  font-weight: bold; }
#top { width: 675px; height: 8px; background: url("../media/content_top.gif") no-repeat; }
#content { width: 655px; background: url("../media/content_center.gif") repeat-y; padding-left: 10px; padding-right: 10px; float: left; }
#bottom { width: 675px; height: 8px; background: url("../media/content_bottom.gif") no-repeat; float: left; }
#footer { margin-left: 10px; width: 600px; height: 23px; background: url("../media/footer_div.gif") no-repeat; height: 30px; clear: both; margin-top: 10px; padding-top: 10px; width: 100%; text-align: center; float: left; }

.quote { color: #54728c; margin-top: 25px; }
.signature { color: #666; margin-top: 5px; text-align: right; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}