body {
   font-family: sans-serif;
   background-color: rgb(220,220,220);
   color: black;
   padding-left: 240px;
}

#menu {
   position: absolute;
   top: 10px;
   left: 3px;
   width: 210px;
   padding: 5px 5px 5px 20px;
   background-color: white;
   font-size: 0.7em;
}

#menu img {
   text-align: center;
}

#menu ul {
   list-style-type: square;
   padding: 0 0 0 0.1em;
   margin: 0;
}

#menu ul li{
   padding: 0 0 0.2em 2em;
   text-indent: -2em;
}

#menu ul ul {
   list-style-type: circle;
   padding: 0.5em 0 0.5em 1.5em;
   margin: 0;
}

#menu ul ul li a.curr {
   color: red;
}

h1 {
   font-size: 2em;
   color: rgb(200,0,0);
   text-align: center;
   margin-bottom: 2em;
}

h2 {
   font-size: 1.7em;
   color: blue;
}

#images {
   text-align: center;
}

#images div {
   margin-left:auto;
   margin-right:auto;
}

div.landscape {
   width: 640px;
}

div.portrait{
   width: 360px;
}

#images p {
   font-size: 1em;
   font-weight: bold;
   margin-top: .5em;
   margin-bottom: 2em;
}

#text {

}

#text p {
   text-align: justify;
}

#text h2 {
   font-size: 1.7em;
   color: blue;
}

#webmaster {
   text-align: right;
   font-size: 0.5em;
}