body, html {
 height: 100.01% !important;
}
#doc {
 position:relative !important;
 min-height:100%; /* real browsers */
 height: auto !important;
 background-color: transparent;
}
* html #doc {
 height:100% !important;
}
body {
 background: #eaeaea url(../images/bg_body.gif) repeat-y top center;
}
#hd {
 height: 100px;
 padding-right:5em;
 background: #fff url(../images/bg_header.jpg) no-repeat;
 color:#99cc99;
 text-align:right;
}
#nav_main {
 border-bottom:1px solid #99cc99;
}
#bd {
 padding-top:2.5em;
 padding-bottom:7em;
}
#ft {  width:777px;
 position:relative !important;
 margin: 0 auto;
 margin: -50px auto 0;
 text-align: center;
 color: #aaa;
 background: #fff;
 border: 0 none;
 padding: 0;
}
#nav_footer   {
 height: 30px;
 background: #9c9 url(images/bg_footer.gif) no-repeat top center;
 text-align: right;
 color: crimson;
}
#footer_text   {
       height: 20px;
       background-color: #c4df9b;
       color: #693;
       font-size: 85%;
       text-align: center;
}
/* headlines */
h2, h3, h4, strong {
 font-weight:bold;
}
h1 {
 font-size:138.5%;
 padding-top:1em;
}

h2 {
 font-size: 138.5%;    /*17px*/
 padding-top: 1.25em;
}
h3 {
 font-size:123.1%; /*16px*/
 padding-top:1em;
}
/* paragraph and more */
p, li {
 padding: .33em .66em;
 line-height: 1.33em;
}