/* notes */

body {  background: white url(bookshelf6.jpg);  background-repeat: no-repeat;  background-position: 0px 0px;  background-attachment: fixed; }

.contents { position:absolute; top:40px; left:40px; margin-right: 2cm }
.contents1 { position:absolute; top:100px; left:210px; margin-right: 2cm }
.contents2 { position:absolute; top:200px; left:10px; margin-right: 2cm }

h1   { font: 50pt helvetica, arial, sans-serif; position:absolute; left:10px; top:10px;  color:black;  background: transparent; }
h2   { font: 16pt/18pt helvetica, arial, sans-serif;  color:black; font-weight: bold; background: transparent; }
h3   { font: 12pt/14pt helvetica, arial, sans-serif;  color:black; font-weight: bold; background: transparent; margin-bottom: -20px; }
p    { font: 12pt courier, serif; color:#330033  ; font-weight: bold; }

.nav { font: 12px verdana, arial, sans-serif; color:black;  position:absolute; top:7px; left:10px;  font-weight:700; background: #DEFF43; padding: 3px; border-style: solid; border-width: thin; border-color: black;}

.caption  { font: 9pt arial, sans-serif; color:black; font-style: italic; }

A:link    { color: #FF0000; background: transparent;}    
A:visited { color: #9C109E; background: transparent; }
A:hover   { color: #FFA943 ; background-color:transparent; }
A:active  { color: lime; background: transparent; }

.test {position:absolute; left:150px; top:50px; }