body {
    padding: 10px 20px 10px 190px; /* +20 + 10 <=> */
    max-width: 800px;
}

html, body, td {
    font-family:  "Trebuchet MS", sans-serif;
    
}

html, body {
  font-size: 0.9em;
}

td {
      vertical-align: top;
}


h1 {
    padding-bottom: 4px;
    border-bottom: 3px solid #FF0069;
    
}

h2 {
  font-size: 1.1em;
  padding: 0;
  margin: 0;
}

ul, ol {
  margin: 0;
  padding-left: 30px;
}

#content {
    border-left: 1px solid #444444;
    padding: 157px 55px 10px 10px;
    text-align: justify;

}

#title_header {
  text-align:left;
  margin-left: 209px;
  margin-right: 83px;
  
  margin-top: -110px;
  border-top: 100px solid white;
  background: white;
}

h1 {
    padding-bottom: 4px;
    border-bottom: 3px solid #FF0069;
    
}


#header {
    background-color: white;
    top: 0;
    left: 0;
    text-align: right;
    width: 100%;
    max-width: 1028px;
    height: 80px;
    z-index: 0;
    position: fixed;
}

#menu {
    width: 170px;
    height: 100%;
    top: 100px;
    left: 0;
    padding-left: 10px;
}





a {
    color: #444444;
}

a:hover {
    color: #FF0069;
}



#logo {
    padding: 50px 80px 10px 10px;
    z-index: 20;
}

#menu {
  padding-top: 10px;
}

#menu ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
    
}

#menu ul ul {
        padding: 0 0 0 15px;
}

#menu li {
    padding: 0 0 3px 4px;
}



#menu>ul {
    margin-left: 10px;
    font-size: 1.09em;
}


#menu ul .level2 , .activelevel2 {
    color: #444444;
    font-size: 0.9em;
}

#menu ul .level3 , .activelevel3 {
    color: #888888;
    font-size: 0.8em;
}



#menu .activelevel1, #menu .activelevel2, #menu .activelevel3 {
    color: #FF0069;
}

#menu ul:hover .activelevel1 {
    color: black;
}

#menu ul:hover .activelevel2 {
    color: #444444;
}

#menu ul:hover .activelevel3 {
    color: #888888;
}

#menu ul:hover .activelevel1:hover {
    color: #FF0069;
}

#menu ul:hover .activelevel2:hover {
    color: #FF0069;
}

#menu ul:hover .activelevel3:hover {
    color: #FF0069;
}


#menu a {
    color: black;
    text-decoration: none;
}

#menu a:hover {
    color: #FF0069;
}

#pdbanner {
    display:block;
    margin: 4px;
    padding-top: 20px;
}


@media print {
    #menu {
        display: none;
    }
    
    #content {
        border-left: none 0px;
    }
    #content {
        padding-left: 0;
        padding-right: 0;
        overflow: auto;
    }
    body {
         padding: 10px 10px 10px 10px;
    }
    #title_header {
        text-align:left;
        margin-left: 18px;
        margin-right: 18px;
        padding: 0;
        
        margin-top: -110px;
        border-top: 100px solid white;
        background: white;
    }
    #logo {
        padding: 50px 10px 10px 10px;
    }
}



@media screen {
    body>div#header,
    body>div#menu {
        position: fixed;
    }
}