body {
background-color: #FFF7E9; font-family: "DejaVu Serif", Georgia, "Book Antiqua", "Bookman Old Style", "Times New Roman", "Bitstream Vera Serif", serif; font-size: 10pt; color: #765927; margin: 0; padding: 0;
}
html, body {  height: 95%;  }
h1 { background-color: #000; width: 25%; margin: 0; padding: 2% 0 0 0; text-align: center; height: 10%; color: #fff;  }
#menu {
background-color: #000;
width: 24%;
height: 96%;
padding: 7% 0 0 1%;
float: left; }
#menu ul { list-style-type: decimal; color: #fff; }
#menu li { font-size: 18pt; }
#menu li a { color: #fff; text-decoration: none; font-variant: small-caps; font-weight: bold; font-size: 18pt; }
#content {
width: 60%;
height: 100%; 
margin: -7% 0 0 30%;
}
* html #content { 
margin: 0;
position: relative;
top: -10%;
left: 5%; }
a { color: #000; }
a:hover { text-decoration: none; }
h2 { font-variant: small-caps; font-size: 20pt; }

input { width: 173px; height: 20px; border: 1px solid #000; margin: 0 0 2px 0; padding: 0; font-family: "Bitstream Vera Serif", "Book Antiqua", "Bookman Old Style", "Times New Roman", serif; font-size: 10pt; background: #fff; }
input[type="submit"] { width: 175px; }
select { width: 175px; height: 20px; border: 1px solid #000; margin: 0 0 2px 0; padding: 0; font-family: "Bitstream Vera Serif", "Book Antiqua", "Bookman Old Style", "Times New Roman", serif; font-size: 10pt;  }

#hint { width: 75%; background-image: url('img/back.png'); height: 200px; position: relative; bottom: 200px; left: 25%; margin: 0 0 0 0; padding: 0; border-top: 1px solid #000; clear: both;  }
#hint h2 { text-align: right; color: #000; margin: 0 20px 0 0; padding: 0;  }
#hint p { text-align: justify; padding: 0px 10px 10px 10px; margin: 0;  }
* html #hint { bottom: 350px; }
.beta { margin: 30px 10px 10px 0; padding: 5px;  border: 1px solid #000; width: 35%; }