body {
 margin: 0 10% 0 0;
 padding: 75px 0 0 200px;
 font-family: Verdana, sans-serif;
 font-size: 10pt;
 color: #444;
 line-height: 140%;
}
a,a:visited {
 color: #00628c;
}
h1,h2,h3,h4,h5,h6 {
 color: #00628c;
 text-shadow: 1px 1px 1px #888;
}
h1 {
 font-size: 24pt;
 text-shadow: 1px 1px 3px #888;
 letter-spacing: -1pt;
}
#header{
  position:absolute;
  top: 0;
  left: 0;
  width: 500%;
  height: 74px;
  background-color: #00628c;
  border-bottom: 1px solid #a1007e;
 }
#header #logo {
 position: absolute;
 top: 16px;
 left: 26px;
}
div#left-sidebar {
 position: absolute;
 top: 75px;
 left: 0;
 width: 200px;
 height: 100%;
 text-align: center;
 padding-top: 5px;
 background-color: #4288a6;
 border-right: 1px solid #a1007e;
}
@media screen{
  body>div#header{
   position:fixed;
  }
  body>div#left-sidebar{
   position:fixed;
  }
 }
* html body {
 overflow: hidden;
} 
* html div#content {
 height: 100%;
 overflow: auto;
}
#content {
 padding: 0 0 0 20px;
}
#navbar {
 background: url(graphics/navbar-line.png) no-repeat right top;
 height: 347px;
 width: 190px;
 margin-top: 0;
 text-align: left;
}
#navbar ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
#navbar li {
 height: 33px;
 padding-top: 17px;
 text-align: right;
 padding-right: 15px;
}
#navbar a:hover {
 text-decoration: underline;
}
#navbar a {
 color: #fff;
 text-decoration: none;
 font-weight: bold;
}
#navbar li.active a { color: #a1007e }
#navbar li.p1 { width: 125px }
#navbar li.p2 { width: 145px }
#navbar li.p3 { width: 155px }
#navbar li.p4 { width: 165px }