html {
   color: #000000;
   background: #ccccaa;
   font-family: Arial, sans-serif;
}

body {
   background-color: #ccccaa;
   color: #000000;
   margin-top: 0px;
   margin-left: 0px;
   padding: 0px;
   font-family: Arial, sans-serif;
   font-size: 10px;
}

link {
   color: #0000ff;
}

vlink {
   color: #800080;
}

p {
   font-family: Arial, sans-serif;
   font-size: 10px;
}

h1 {
   font-family: Arial, sans-serif;
   font-size: 200%;
}

html, body, #contents {
   min-height: 100%;
   width: 100%;
   height: 100%;
}

html>body, html>body #contents {
   height: auto;
}

table.footab {
   width: 80%;
   margin-left: auto;
   margin-right: auto;
}
table.footab td {
   text-align: center;
   font-family: Arial, sans-serif;
   font-style: italic;
   font-size: smaller;
}

#contents {
   position: absolute;
   top: 0;
   left: 0;
}

#titlebar {
   position: absolute;
   left: 13px;
   top: 8px;
   width: 583px;
   height: 36px;
   color: #ffffcc;
   font-size: 20px;
   font-weight: bold;
   line-height: 24px;
}

#pagebody {
   position: absolute;
   left: 161px;
   top: 139px;
   width: 370px;
   height: 251px;
   font-family: Arial, sans-serif;
   font-size: small;
   font-weight: normal;
   line-height: 1.5em;
}
#pagebody h1 {
   font-family: Arial, sans-serif;
   font-size: medium;
   font-weight: bold;
   line-height: 1.5em;
}
#pagebody p {
   font-family: Arial, sans-serif;
   font-size: small;
   font-weight: normal;
   line-height: 1.5em;
}

#menubar {
   position: absolute;
   left: 25px;
   top: 137px;
   width: 68px;
   height: 84px;
}

#contents {
   position: absolute;
   top: 0;
   left: 0;
}

#footer {
   position: absolute;
   bottom: 0px;
   left: 0px;
   background-color: #ccccaa;
   width: 759px;
   text-align: center;
   font-family: Arial, sans-serif;
   font-style: italic;
   font-size: smaller;
}