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

#centrepicture {position: absolute; left: 25%}



h1 {font: 1.5em, bold #000000;}

h2 {font: 1.2em, #000000;}

h3 {font: 1em, #000000;}


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

div.green {width: 96%; background: #d6f4df fixed 50% 50%; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}

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

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

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

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

div.blue {width: 96%; background: #d1e3ff; color: #000000; padding: 7px 7px 7px 7px; margin: 1% 1% 1% 1%;}


div.label {font: 0.8em;}

div.green1 {width: 90%; background: #d6f4df fixed 50% 50%; color: #000000; padding: 5%; margin: 2%; }

div.starletter {width: 100%; background: url("images/starletter.jpg"); 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.b {background: #fce8fc; color: #000000; padding: 5px 5px 5px 5px; margin: 2% 2% 2% 2%;}


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: 2% 3% 2% 3%;}



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.ecbox {width: 90%; background: url("images/ecbackground.jpg"); border: #ffdd3f medium ridge;}

#newsback {position: absolute; top: 205%; left: 20%;}

#releaseback {position: absolute; top: 300px; left: 20px;}


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


div.tshirt {width: 70%; margin: 2%; padding: 4%; font: 1.2em arial, sans-serif; color: #ffffff; background: #000000; }

div.suede {width: 80%; margin: 2%; padding: 4%; font: 1.2em arial, sans-serif; color: #ffffff; background: url("images/suedebackground.jpg"); }

div.ghost {width: 80%; margin: 2%; padding: 4%; font: 1.2em arial, sans-serif; color: #000000; background: url("images/ghostbackground.jpg"); filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;}

div.gambler {position: relative; top: 200px; font: 0.8em arial, sans-serif; }

.archivecolumn {width: 80%;}




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

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

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

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

.orange: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;
}


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

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



filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;




