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: 90%; margin: 3%; 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: 65%; padding: 5%; background: #ffffff; text-align: left; font: 1.2em courier new;}

div.brown1 {width: 80%; background: #e4cdbc; color: #000000; text-align: left; padding: 3%; margin: 2%;} 

div.pink1 {width: 100%; background: #fce8fc; color: #000000; padding: 1%; margin: 0%;} 

div.leona {width: 80%; background: #fffff9; font: 1.25em times; line-height: 150%; padding: 5%; margin: 5%}

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

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

div.b1 {width: 80%; background: #fce8fc; color: #000000; font: 1.25em arial; 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;}