#header { position: fixed;
          z-index: 1;
          top: 0px; height: 110px;
          left: 200px; width: 800px;
          border-left: 1px solid black;
          font-family: "Arial", "Helvetica", sans-serif;
          text-align: left;
          color: white;
          background: blue; }

#header a:link    {font-weight: bold; color: #A7A400; }
#header a:visited {font-weight: bold; color: #FFFDDA; }
#header a:hover {font-weight: bold; color: yellow; }
#header a:focus {font-weight: bold; color: yellow; }
#header a:active {font-weight: bold; color: yellow; }

#header h1 { font-size: 24px; margin: 4px; }
#header h2 { font-size: 18px; margin: 4px; }
#header p  { font-size: 12px/75%; }

#navigation { position: fixed;
              top: 110px; left: 0px;
              width: 200px;
              font-family: "Arial", "Helvetica", sans-serif;
              color: black; }

#navigation h1 { text-align: center;
                 font-size: 24px; 
                 margin: 5px; }

#navigation a { display: block;
                font-size: 16px;
                line-height: 1.25;
                padding-left: 5px;
                padding-right: 5px; }

#navigation a.current { color: blue;
                        font-size: 16px;
                        line-height: 1.25; }

#navigation a.submenu { font-size: 11px; padding-left: 20px;
                        line-height: 1.25; }

#navigation a:link {font-weight: normal; color: black; }
#navigation a:visited {font-weight: normal; color: gray; }
#navigation a:hover, a:focus {font-weight: bold;
                   color: black; }

#logo { position: fixed;
        top: 0px; left: 0px;
        width: 200px; height: 110px;
        background: yellow; }

#background { position: fixed;
              top: 110px; left: 0px;
              z-index: -1; }

#content { position: absolute; top: 110px; left: 200px;
           width: 770px; border-left: 1px solid black;
           padding: 1%; }

