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 {background: url("images/background.jpg") #c0ffff; margin: 0.5%; font: 0.8em arial, sans-serif;}

#centrecolumn {width: 70%; margin: 1% 15% 1% 15%; padding: 1%;}

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

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

#copyright {font-weight: bold; font: 1em arial, sans-serif; color: #808080;}

#disclaimer {font-weight: bold; font: 0.7em arial, sans-serif; color: #5b5b5b;}

#notes {position: absolute; top: 720px; left: 67%;} 

a {text-decoration: none; cursor: pointer}

a img {border: none; }

a.green1 {text-decoration: none; background: #baecca fixed 50% 50%; color: #000000; font: 1em arial, sans-serif; text-align: justify; padding: 5px 5px 5px 5px; margin: 0% 0% 0% 0%; z-index: 1;}

a.orange1 {text-decoration: none; background: #ffc0c0 fixed 50% 50%; color: #000000; font: 1em arial, sans-serif; text-align: justify; padding: 5px 5px 5px 5px; margin: 0% 0% 0% 0%; z-index: 1;}

a.blue1 {text-decoration: none; background: #c1daff fixed 50% 50%; color: #000000; font: 1em arial, sans-serif; text-align: justify; padding: 5px 5px 5px 5px; margin: 0% 0% 0% 0% ; z-index: 1;}

a.green1:hover {text-decoration: none; background: #1ad01a fixed 50% 50%; color: #000000; font: 1em arial, sans-serif; text-align: justify; padding: 5px 5px 5px 5px; margin: 0% 0% 0% 0%; z-index: 1;}

a.orange1:hover {text-decoration: none; background: #ffc0c0; fixed 50% 50%; color: #000000; font: 1em arial, sans-serif; text-align: justify; padding: 5px 5px 5px 5px; margin: 0% 0% 0% 0%; z-index: 1;}

a.blue1:hover {text-decoration: none; background: #3f7eff fixed 50% 50%; color: #000000; font: 1em arial, sans-serif; text-align: justify; padding: 5px 5px 5px 5px; margin: 0% 0% 0% 0%; z-index: 1;}

a.yellow {width: 98%; background: #ffffc0;  fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.green {width: 98%; background: #baecca fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.brown {width: 98%; background: #b3f3f2 fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.orange {width: 98%; background: #fedda8 fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.pink {width: 98%; background: #ffc0ff fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.red {width: 98%; background: #ffc0c0 fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.lime {width: 98%; background: #defa92 fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.blue {width: 98%; background: #c1daff fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.yellow:hover {width: 98%; text-decoration: none; background: #ffff00; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.green:hover {width: 98%; text-decoration: none; background: #1ad01a; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.brown:hover {width: 98%; text-decoration: none; background: #54cac9; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.orange:hover {width: 98%; text-decoration: none; background: #fca308; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.pink:hover {width: 98%; text-decoration: none; background: #fb61f2; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.red:hover {width: 98%; text-decoration: none; background: #ffc0c0; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.lime:hover {width: 98%; text-decoration: none; background: #00ff00; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

a.blue:hover {width: 98%; text-decoration: none; background: #619ffb; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; z-index: 1;}

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: #baecca fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

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

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

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

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

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

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

div.yellow:hover {width: 98%; text-decoration: none; background: #faf98c; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.green:hover {width: 98%; text-decoration: none; background: #67be60; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.brown:hover {width: 98%; text-decoration: none; background: #54cac9; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.orange:hover {width: 98%; text-decoration: none; background: #f8bd60; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

div.pink:hover {width: 98%; text-decoration: none; background: #e982ea; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; }

div.red:hover {width: 98%; text-decoration: none; background: #f88484; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; }

div.lime:hover {width: 98%; text-decoration: none; background: #00ff00; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; }

div.blue:hover {width: 98%; text-decoration: none; background: #619ffb; color: #000000;  padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%; }

div.box {width: 60%; margin: 5% 7% 5% 5%; 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;}

div.podcast {position: absolute; bottom: 20%; left: 25%;}