/* last update 2003-05-07 */


/* MAIN */

div#main {
position:absolute;
top:1em;
left:8em;
right:20%;
margin-left:1em;

/* border:1px solid red; */
}

/* MENU BAR */

div#sidebar {
position:fixed;
top:0em;
bottom:0em;
left:0em;
width:8em;
height:100%;
margin:1em;

color:black;
background-color:#0099ff;
font-size:smaller;
font-weight:bolder;
/* border:1px solid red; */
}

ul.menulist {
margin:0.5em;
padding:0em;
list-style-type:none;
margin-bottom:2em;
}

ul.menulist li {
border-bottom:1px dashed #99ccff;
width:7em; 
margin-top:0.5em;
}

.menulist li a:link  {
color: yellow; 
background-color:#0099ff; 
text-decoration: none; 
}

.menulist li a:active  {
color: #ff0000;
background-color:#0099ff;
text-decoration: underline;
}

.menulist li a:visited {
color: #00ff00;
background-color:#0099ff;
text-decoration: none;
}

.menulist li a:hover  {
color: red;
background-color:yellow;
text-decoration: underline;
}

.logo {margin-left:auto; margin-right:auto; width:88px;  margin-top:0.5em; color:#0099ff; background-color:#0099ff;}

.logo a:link, .logo a:active, .logo a:visited, .logo a:hover {color:#0099ff; background-color:#0099ff;}

/* PRESENTATION */

body {
margin:0em;
font-family: arial,helvetica,sans-serif;
color: black;
background-color: #99ccff;
}

p, ul, ol, dir, td {
font-family: arial,helvetica,sans-serif;
}

h1, h2, h3, h4 {
color: red;
background-color:#99ccff;
font-family: arial,helvetica,sans-serif;
margin-left: 0%;
}

a:link  {color: #0000cc; background-color: #99ccff; text-decoration: underline;}
a:active  {color: #ff0000; background-color: #99ccff; text-decoration: none;}
a:visited {color: #666666; background-color: #99ccff; text-decoration: underline;}
a:hover  {color :red; background-color:yellow; text-decoration: none;}

address{
font-size:smaller;
margin:1em;
}

.navigation {
font-size:smaller;
border-top:1px dashed #0099ff;
border-bottom:1px dashed #0099ff;
margin-top:1em;
padding:3px;
}

.footnote{
font-size:smaller;
}

p.pic {
margin-left:1em;
margin-bottom:1em;
}