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: #ffffff;}

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

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

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

a img {border: none; }

a.green1 {text-decoration: none; background: #14bc53 fixed 50% 50%; color: #ffffc0; 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: #f75117 fixed 50% 50%; color: #ffffc0; 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: #119111 fixed 50% 50%; color: #ffffc0; 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: #19db62 fixed 50% 50%; color: #ffffc0; 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: #f8835a; fixed 50% 50%; color: #ffffc0; 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: #00c000 fixed 50% 50%; color: #ffffc0; 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: #f98a59 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: #9bbf55 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: #74ce74 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: #f1af95 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: #f86016; color: #ffdb15;  display: block; padding: 7px 7px 7px 7px; margin: 1%;}

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

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

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