body { 
margin: 20px 10% 10% 10%; 
background-color: #eee;
font-family: "Segoe UI",Tahoma,Helvetica,Verdana;
font-size: 0.9em;
}

h1,h2 { font-size: 0pt; }
h3 { font-size: 20px; margin: 0px; padding-bottom: 10px; color: #000; }
h4, h5 { font-size: 15px; }
ol, ul { line-height: 1.5em; }
li { line-height: 1.3em; margin-bottom: 0.5em; }

#leer {
position: relative;
top: 0px;
left: 0px;
width: 100%;
background-color: #eee;
border: 1px solid #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}

#header {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
width: 100%;
background-color: #3a3a64;
height: 100px;
background-image: url(logo.jpg);
background-repeat: no-repeat;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topleft: 8px;
-webkit-border-radius-topright: 8px
-khtml-border-radius-topleft: 8px;
-khtml-border-radius-topright: 8px;
}

#uppernav {
position: absolute;
left: 0px;
right: 0px;
top: 100px;
width: 100%;
background-color: #494982;
background-image: url(header.gif);
background-repeat:repeat-x;
height: 30px;
}

#uppernav a:link, #uppernav a:visited {
padding: 20px;
text-decoration: none;
color: #dedede;
font-size: 1.1em;
letter-spacing: 2pt;
}

#uppernav a:active, #uppernav a:hover {
text-decoration: underline;
}

.nav, .subnav {
text-decoration: none;
display: block;
width: 140px;
color: #222;
padding: 5px;
margin-left: 5px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

/*.nav { background-color: #858bb1; }*/
.nav { background-color: #494982; color: #dedede; }
.nav:hover { text-decoration: underline; }
.nav:active { background-color: #6b6ba5; }

.subnav {
/*background-color: #a6aac2;*/
background-color: #dedede;
text-indent: 0.8em;
}

.subnav:hover { text-decoration: underline; }
.subnav:active { background-color: #bcbcbc; }


#footer {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
background-color: #3a3a64;
background-image: url(footer.gif);
background-repeat:repeat-x;
height: 50px;
text-align: center;
font-size: 0.7em;
color: #d0d0d0;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-radius-bottomleft: 8px;
-webkit-border-radius-bottomright: 8px
-khtml-border-radius-bottomleft: 8px;
-khtml-border-radius-bottomright: 8px;
}

.footertext a:link, .footertext a:active, .footertext a:visited { color: #cccccc; text-decoration: none; }

#lnav, #rnav {
position: absolute;
top: 130px;
width: 160px;
background-color: #dedede;
padding: 5px;
padding-top: 10px;
bottom: 0px;
}

#lnav { left: 0px; border-right: 1px solid #ccc; }
#rnav { right: 0px; border-left: 1px solid #ccc; color: dedede; }


.etext {
padding-left: 180px;
padding-right: 180px;
padding-top: 140px;
padding-bottom: 60px;
color: #000;
line-height: 1.3em;
min-height: 200px;
font-size: 1em;
}

.etext a:link, .etext a:visited { color: #002; text-decoration: underline; }

#rbox {
border: 1px solid #222;
padding: 5px;
color: #000;
}

.codebox { 
background-color: #d0d0d0; 
border: 1px dotted #000000; 
width: 96%; 
padding: 10px;
font-family: Monospace;
line-height: 1.3em;
margin-bottom: 0.7em;
}