@charset "UTF-8";
html {
 background:#C09;
 color:#000;
}
body {
 background:#C09;
 color:#000;
 font-family:"Arial","Helvetica",sans-serif;
}

h1,h2,h3,h4,div {
 display:block;
}
h1 {
 text-align:center;
}

div#fotoHead {
 float:left;
 margin:0;
 min-width:8em;
 padding:0;
 text-align:center;
 width:170px;
}
div#fotoHead img {
 border:10px solid #000;
}
div#foto2 {
 margin:0;
 padding:0;
 text-align:center;
}
div#foto2 div {
 margin:0 auto 0 auto;
 min-width:8em;
 padding:0;
 text-align:center;
 width:170px;
}
div#foto2 img {
 border:10px solid #000;
}
div#foto {
 color:#000;
 float:right;
 margin:0;
 min-width:8em;
 padding:0;
 text-align:center;
 width:170px;
}
div#foto img {
 border:10px solid #000;
}
div.pictureclass {
 font-family:cursive;
}
div.pictureclass ul {
 font-size:smaller;
}

div.comment {
 font-family:cursive;
 font-style: italic;
 padding-top: 2px;
 padding-bottom: 13px;
}
div.comment2 {
 font-style: normal;
 padding-top: 2px;
}

div#menu {
 background:#C6F;
 border: solid black 4px;
 clear:left;
 color:#000;
 float:left;
 margin:0;
 padding:0.2em 0 0.5em 0.4em;
 width:10em;
}
div#menu h1 {
 font-size:small;
}
div#menu ul {
 margin:0;
 padding:0 0 0 0.5em;
}
div#menu ul li {
 margin:0.5em;
 padding:0.08em;
}
div#menu ul li.selected {
 color:#CC0099;
 font-style:italic;
 font-weight:bold;
 letter-spacing:2px;
 text-transform:uppercase;
}
div#menu ul ul.hiddensubmenu
{
 visibility:hidden;
}
div#menu ul:hover ul.hiddensubmenu
{
 visibility:visible;
}
div#menu div {
 text-align:center;
}
div#menu h2 {
 font-size:large;
 font-weight:normal;
 margin:0.5em 0 0.5em 0;
}

ul#menudiary {
 border:dashed red 1px;
 float:left;
 margin:0;
 padding:1em 0 1em 1.5em;
 width:6em;
}
ul#menudiary li {
 margin:0;
 padding:0;
}
ul#menudiary li.selected {
 font-weight:bold;
}

div#corpus {
 background-color:#CC0099;
 border:dashed black 2px;
 clear:right;
 color:#000;
 height:90%;
 line-height: 150%;
 margin:0 0.5em 1em 11.5em;
 padding:0.5em 0.1em 0.5em 0.5em;
 text-align: center;
}
div#corpus h3 {
 font-size:medium;
 margin:1.5em 1em 0.5em 2.5em;
 text-align:left;
}
div#corpus ul {
 margin:0 0 0 3em;
 text-align:left;
}
div#corpus object {
 height:600px;
 margin:0;
 min-height:25em;
 padding:0;
 width:98%;
}