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: 103%; right: 5%;}

#releaseback {position: absolute; top: 212%; right: 5%;}


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

div.robbie {width: 80%; margin: 3%; padding: 4%; text-align: left; background: url("images/robbie.jpg"); }

div.jesus {width: 90%; margin: 3%; padding: 4%; font-size: 1.2em; text-align: left; background: #ffffff; filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;}

div.quote {width: 80%; margin: 3%; padding: 4%; text-align: left; background: url("images/quote.jpg"); border: #ffdd3f medium ridge;}

div.wedding {width: 80%; margin: 3%; padding: 4%; text-align: left; background: url("images/wedding.jpg"); border: #ffdd3f medium ridge;}

div.blige {width: 80%; padding: 5%; text-align: left; color: #ffffff; background: url("images/stobilge.jpg"); }

div.hungary {width: 80%; padding: 3%; text-align: left; color: #000000; font-size: 1.5em; background: url("images/world.jpg") fixed; border: #ffdd3f medium ridge;}

div.hungary img {margin: 0%;}

div.world2 {width: 90%; padding: 2%; margin: 2%; text-align: left; color: #ffffff; font-size: 1.5em; background: url("images/world2.jpg") fixed; border: #ffdd3f medium ridge;}

div.feature {width: 80%; padding: 2%; margin: 2%; text-align: left; color: #ffffff; font-size: 1.2em; background: url("images/feature.jpg"); position: absolute; top: 100%; left: 7%; border: #ffdd3f medium ridge;}

div.bodynews {width: 80%; padding: 2%; margin: 1%; text-align: left; color: #ffffff;  background: url("images/limbs.jpg"); position: absolute; top: 160%; left: 7%; border: #ffdd3f medium ridge;}

div.bodynews img {margin: 1%;}


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



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