html, body {
background:#FFFFFF;
color:#000000;
margin:0px;
padding:0px;
font-family:verdana, sans-serif;
font-size:8pt;
height:100%;
}

div#header h1 {
text-align:center;
font-size:4em;
font-family:monotype corsiva, cursive;
letter-spacing:0.2em;
}

h2 {
font-size:1.5em;
font-variant:small-caps;
letter-spacing:0.3em;
text-align:right;
font-weight:bold;
border-bottom:1px solid #000000;
}

a:link, a:visited {
text-decoration:none;
color:#000088;
font-weight:normal;
font-variant:normal;
}

a:active, a:hover {
text-decoration:none;
color:#AACCFF;
font-weight:normal;
font-variant:normal;
}

div#menu {
margin-left:1em;
margin-right:1em;
padding:0;
display:block;
text-align:center;
}

div#content {
margin-left:20em;
margin-right:1em;
padding:2em;
padding-left:1em;
}

#content p {
text-align:justify;
}

#menu ul {
list-style-type:none;
padding:0px;
margin:0px;
border-right:1px solid #000000;
}

#menu ul li {
display:inline;
border-left:1px solid #000000;
padding-left:10px;
padding-right:10px;
position:relative;
}

#menu li ul {
display:none;
}

#menu li:hover ul {
display:block;
position:absolute;
top:1.1em;
left:1em;
padding:3px;
border:1px solid #000000;
width:16em;
background-color:#FFFFFF;
}

#menu li:hover ul li {
display:block;
border:0;
text-align:left;
}

hr {
border:0;
color:#000000;
background-color:#000000;
height:1px;
margin-top:2em;
}