body {background-image: url('canvas.gif'); margin: 0; padding: 0;} 
a {color: #2b2bf6;} 
          
#container {
width: 1000px;
}

#header, #footer {
padding: 5px;
color: white;
background-color: gray;
clear: left;
}
  
#sidebar {
float: left;
width: 200px;
height: 900px;
margin: 0;
padding: 1em;
border-right: 5px solid gray;
background-image: url('canvas.jpg');
}

#content {
text-align: center;
float: auto;
height: 900px;
margin-left: 10%;
padding-right: 1.5em;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
}

#logo {
top: 100px;
left: 100px;
position: absolute;
z-index: 1;
}

#pag {
top: 700px;
left: 900px;
position: absolute;
z-index: 1;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
}

#content p {
position: relative;
left: 20px;
text-align: left;
color: black;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
}

#content li {
position: relative;
left: 40px;
text-align: left;
padding: 0.2em 0.6em;
color: black;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
}

#header p {
text-align: center;
color: white;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: bold;
}

#footer p {
text-align: center;
color: white;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
}

#sidebar a {
float: left;
width: 8em;
padding: 0.2em 0.6em;
text-decoration: none;
color: white;
background-color: grey;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: bold;
}

#sidebar a:hover {background-color: #0000FF;}

.hlink {
color: blue;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
}

.title {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: bold;
}

.subtitle {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
text-decoration: underline;
}

.italic {
text-align: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: lighter;
}

.normal {
text-align: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: lighter;
}