BODY {
margin-left: 2%;
margin-right: 2%;
color: black;
font-family: sans-serif;
background: #F0F0FF;
background-image: url(http://www.leppik.net/david/swirl.gif);
background-repeat: repeat;
background-attachment: scroll;
}

/* The child selectors are a hack to hide these rules from WinIE6,
   which gets confused by 'fixed' */
body>div.sidebar { position: fixed }

div.sidebar { 
  position: absolute;
  width: 11em; height: auto;
  top: 6em; 
  right: 1em; 
  bottom: auto; 
  left: auto;
  padding: 1em;
  background: rgb(210,210,255);
}

 
div.sidebar > h1 {
  font-size: 120%;
  margin: 2px;
}

div.sidebar > h2 {
  font-size: 105%;
  margin: 4px 0px -2px 0px;
}
 
a.sidebar-item {
   display: block;
   border: solid rgb(210,210,255); /* for browsers who don't know transparent */
   border: solid transparent;
}
a.sidebar-item:hover {
   border: solid blue;
   background: white;
}
 
 
div.left-of-sidebar {
  margin: 0em 16em 0em 0em;
}

.current-page {
	background: white;
}

div.navbar {
    padding: 0em 0.5em;
}

div.navbar-current-page {
    background: white;
    padding: 0em 0.5em;
}

.other-page {
	background:  #F5F5FF;
}


.lower-current-page {
    background: white;
}

div.navbar {
    padding: 0em 0.5em;
}


A:link {
color: blue
}

A:visited {
color: #000080
}

DIV.spec {
margin-left: 13%;
}

DIV.spec H2, DIV.spec H3 {
margin-left: -13%;
}

H1.left {
clear: left;
margin-top:1em;
margin-bottom: 1em;
text-align: left;
font-family: sans-serif;
font-size: 250%;
font-style: normal;
font-weight: bold;
padding: 1em;
float: left;
}

HR { clear:both }


P.poetic {
margin-left: 10%;
text-align: center;
line-height: 180%;
}