html {font-family: arial; }
#note{position:absolute; background-image: url(./postit.png); background-repeat:no-repeat; background-position:bottom center; left:10px; top:10px; width:150px; height:150px; z-index:1; }
#note p{font-size: 0.9em; font-family: "Lucida Handwriting", san-serif; margin: 1em; margin-left: 2em; margin-top: 3em;}
#note a{text-decoration: none;}
#presence{position: absolute; right: 10px; top: 10px; width: 150px; border: solid 1px black;}
#presence h4{margin-top: 0; margin-bottom: 2px; padding-left: 2px; padding-top: 0; background-color: #ddd;}
#presence ul{font-size: 0.8em; list-style-type: none; padding: 1px; padding-left: 2px; margin:1px; margin-left: 0;}
#presence ul ul li{padding-left: 8px;}
#presence p{margin: 1px; padding: 1px;}
#login{height: 150px; width: 500px; background: #5e5a57; color: white; margin-top: 150px; margin-left: auto; margin-right: auto; padding: 15px; text-align: center;}
#header{text-align: center;}
#header h1{font-size: 1.6em; font-weight: bold;}
#menu{text-align: center; margin-right: auto; margin-left: auto; width: 32em;}
#menu li{float: left; list-style-type: none; }
#menu li a{margin: 0.3em; width: 4.8em; text-align: center; background: #665e5b;display: block; color: #fff; text-decoration: none;}
#menu li a:hover{color: #fff; background: #783f45; }
#content{width: 26em; margin-left: auto; margin-right: auto; margin-top: 2em; clear: left;}
#content li{font-size: 0.8em; list-style-type: none;}
#content p {font-size: 0.8em; text-align: justify; padding-top: 2px; margin-top: 2px;}
#content h3{padding-bottom: 2px; margin-bottom: 2px;}
#content h4{padding-bottom: 0; margin-bottom: 0;}
div.profile{clear: left;}
.profile ul{list-style-type: none; width: 15em; float: left; margin-top: 0.2em;} 
.profile li{margin: 0.2em;}
.image{float: left; clear: left;}
.bold{font-weight: bold; }