body {
margin: 0; border: 0;
background-color: #ffffff;
background-image: url('./i/eye_back.gif');
background-repeat: no-repeat;
background-position: top left;
}

h1 {
padding: 10px;
text-align: center;
}

#pagecontent {
position: absolute;
width: 45%;
left: 351px;
top: 0;
border-left: 1px dotted #ccc;
padding: 0;
padding-top: 25px;
}

#pagecontent p, h2, h3, h4, h5 {
padding-left: 0.5em;
}

#sidecontent {
position: absolute;
height: 100%;
width: 340px;
left: 0px;
top: 345px;
padding: 10px;
border-top: 1px dotted #ccc;
text-align: right;
}

#topnav {
float:left;
clear: right;
margin-right: 10px;
padding: 0px;
}

#topnav ul {
margin:0px;
padding: 0px;
border: 1px outset;
border-left: 0;
}

#topnav li {
margin: 0px;
padding: 0px;
padding-left: 5px;
background-color: #c0c0ca;
}

#topnav li.select {
color: #ccc;
background-color: #80808f;
}

#topnav li.select a {
width: auto;
padding-left: 5px;
color: white;
}

#topnav a {
width: 100px;
color: black;
}

#topnav a:hover {
color: #80808f;
text-decoration: none;
}