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: #e54fd5 fixed 50% 50%; color: #ffffeb; 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: #af57e7 fixed 50% 50%; color: #ffffeb; 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: #c659ef fixed 50% 50%; color: #ffffeb; 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: #ed7fe1 fixed 50% 50%; color: #ffffeb; 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: #c27fed; fixed 50% 50%; color: #ffffeb; 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: #d886f6 fixed 50% 50%; color: #ffffeb; font: 1em arial, sans-serif; text-align: justify; padding: 5px 5px 5px 5px; margin: 0% 0% 0% 0%; z-index: 1;}

a.colour1 {width: 98%; background: #ed7fe1 fixed 50% 50%; color: #ffffff; font: 1.2em arial, sans-serif; display: block; padding: 7px 7px 7px 7px; margin: 1%;}

a.colour2 {width: 98%; background: #c27fed fixed 50% 50%; color: #ffffff; font: 1.2em arial, sans-serif; display: block; padding: 7px 7px 7px 7px; margin: 1%;}

a.colour3 {width: 98%; background: #d886f6 fixed 50% 50%; color: #ffffff; font: 1.2em arial, sans-serif; display: block; padding: 7px 7px 7px 7px; margin: 1%;}

a.colour4 {width: 98%; background: #e48ef4 fixed 50% 50%; color: #ffffff; font: 1.2em arial, sans-serif; display: block; padding: 7px 7px 7px 7px; margin: 1%;}


a.colour1:hover {width: 98%; text-decoration: none; font: 1.2em arial, sans-serif; background: #e54fd5; color: #ffffeb;  display: block; padding: 7px 7px 7px 7px; margin: 1%;}

a.colour2:hover {width: 98%; text-decoration: none; font: 1.2em arial, sans-serif; background: #af57e7; color: #ffffeb;  display: block; padding: 7px 7px 7px 7px; margin: 1%;}

a.colour3:hover {width: 98%; text-decoration: none; font: 1.2em arial, sans-serif; background: #c659ef; color: #ffffeb;  display: block; padding: 7px 7px 7px 7px; margin: 1%;}

a.colour4:hover {width: 98%; text-decoration: none; font: 1.2em arial, sans-serif; background: #db68f0; color: #ffffeb;  display: block; padding: 7px 7px 7px 7px; margin: 1%;}