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;}

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

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

div.centrecolumn {width: 90%; margin: 3%; padding: 1%; text-align: left;}

div.snowcolumn {width: 80%; 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.weston {width: 90%; background: url("images/weston.jpg"); font: 1.25em courier new; 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;}

div.snow {width: 100%; margin: 0%; background: url("images/snowbackground.jpg") fixed;}

div.desert {width: 100%; margin: 0%; background: url("images/desertbackground.jpg") fixed;}

div.ecbox {width: 90%; background: url("images/ecbackground.jpg"); border: #ffdd3f medium ridge;}

#newsback {position: absolute; top: 285%; right: 10%;}

div.popfacts {width: 75%; background: url("images/popfacts.jpg"); font: 1.5em arial; border: #ffdd3f medium ridge;}

div.popfacts1 {width: 95%; background: url("images/popfacts1.jpg"); font: 1.4em arial; border: #ffdd3f medium ridge;}

div.popfacts2 {width: 95%; background: url("images/popfacts2.jpg"); font: 1.4em arial; border: #ffdd3f medium ridge;}

div.facts {width: 90%; float: right; text-align: left;}

div.singletext {width: 75%; float: right; text-align: left;}


div.singles {width: 75%; background: url("images/singles.jpg"); font: 1.5em arial; border: #ffdd3f medium ridge;}

div.singles1 {width: 100%; background: url("images/singles1.jpg"); font: 1em arial; border: #ffdd3f medium ridge;}

.singles:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.singles1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.facts:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.popfacts1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.popfacts2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.green:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.blue:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.centrecolumn:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.leftcolumn:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.rightcolumn:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.weston:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.singletext:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.yellow:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}