body 
{
background-color: #ffeeee;
font-family: verdana, sans-serif;
}

.nowrap
{white-space: nowrap;}


a {white-space: nowrap;}
a:link {color: #00f;}
a:visited {color: #090;}
a:hover {color: #099;}
a:active {color: #900;}

.floatleft {float: left;}
.floatright {float: right;}

#ujo
{
width: 100%;
margin: 0;
color: #333333;
border: 0.1em solid #999999;
}

#ujo, .over, .over2
{
background-color: #ccffcc;
}

.over, .over2
{
border: solid .1em #999;
overflow: scroll;
}

.over
{
height: 5em;
}

.over2
{
height: 10em;
}

h1,h2,h3,h4
{
text-align: center;
font-weight: lighter;
}

h5
{
font-weight: lighter;
}

#kapo
{
margin: 0 0 0 0;
padding: .2em;
background-color: #dddddd;
text-align: center; 
border-bottom: .1em solid #999999;
}

#kapo p
{
padding: 0;
margin: 0;
}

#piedo
{
text-align: center; 
clear: both;
margin: 0;
padding: .2em;
background-color: #dddddd;
border-top: .1em solid #999999;
}

#piedo p
{
padding: 0;
margin: 0;
font-size: smaller;
}

#leftnav p, #rightnav p 
{
font-size: smaller;
}

#leftnav, #rightnav
{
height: 100em;
width: 15%;
padding: .2em;
background-color: #ffdddd;
overflow: scroll;
}

#leftnav
{
float: left;
margin-right: 1em;
border-right: .1em solid #999999;
}

#rightnav 
{
float: right;
border-left: .1em solid #999999;
}

#enhavo
{
height: 100em;
overflow: scroll;
text-align: left;
margin: 0 0 0 0;
padding: .2em;
}

#enhavo p
{
font-size: smaller;
}