html {
scrollbar-base-color: #9999cc;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}



body {margin: 0.5%; font: 0.8em arial, sans-serif;}

p {text-align: justify; text-indent: 10px;}

#leftcolumn {float: left; width: 48%; height: 50%; padding: 1% 1% 1% 1%;}

#rightcolumn {float: right; width: 48%; height: 50%; padding: 1% 1% 1% 1%;}

#centrecolumn {width: 85%; margin: 1% 7% 1% 7%; padding: 1%; text-align: left;}

#centrepicture {position: absolute; left: 25%}

div.diary {width: 90%; padding: 3% 3% 3% 3%; font-style: italic;}

h1 {font: 1.5em arial, sans-serif bold #000000;}

h2 {font: 1.2em arial, sans-serif #000000;}

h3 {font: 1em arial, sans-serif #000000;}

div.yellow {width: 98%; background: #ffffdb;  fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.green {width: 98%; background: #d6f4df fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.brown {width: 98%; background: #e4cdbc fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.orange {width: 98%; background: #f9e6c7 fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.pink {width: 98%; background: #fce8fc fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.lime {width: 98%; background: #f1fdcd fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.blue {width: 98%; background: #d1e3ff; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.plainpage {width: 89%; padding: 5%; background: #ffffff; font: 1.2em times new roman;}

div.leona1 {width: 70%; background: url("images/paper1.jpg"); font: 1em courier new; padding: 5%; margin: 5%}

div.leona {width: 70%; background: url("images/paper.jpg"); font: 1em courier new; padding: 5%; margin: 5%}

div.b {background: #fce8fc; color: #000000; padding: 5px 5px 5px 5px; margin: 2% 2% 2% 2%;}

a img {border: none; }

img {margin: 3% 4% 3% 4%;}

div.box {width: 40%; margin: 2% 2% 2% 2%; float: left; background: url("images/redcanvas.jpg") fixed; color: #ffffc0; font: small arial, sans-serif; text-align: center; padding: 5px 5px 5px 5px; border: #808080 medium ridge; z-index: 10;}