/* this stylesheet **does not** fiddle CSS overflow and height on body/html elements */
/* It places the longdesc elements outside the window and doesn't use display:none */
/* It could also use display:none, except it created "sync" problems in Opera (9.5) */


p.hideStrong strong{display:none !important;background:red;}

/* variant */
html{position:static; width:auto;background:transparent url('htmlbak.jpg') repeat-y !important;background:#666 !important;padding:0 ;border:0;margin:0;}
body{position:static;border:0 ;margin:0 ;padding:0;background:transparent url('bodybak.jpg') repeat-y right !important;background:#7F7F7F !important;}
div#internalBody{background:transparent;border:0;margin:0;padding:0;}
div#outofbodyExperience{height:0;width:0;}
.longdesc{margin:0 auto;width:90%;background:#D5F6FB;color:black /*#FF6*/;border:1px solid;padding:0;border-top:0;padding-left:5%;padding-right:4.8%;}
.longdescMenu{background:none !important;}
.longdesc{display:block;position:absolute;/*left:-9999cm;top:-9999cm;*/
	/*bottom:100%;* bottom:auto;/**/height:0;overflow:hidden;z-index:9;border-width:0;}
/*also works with position:relative */
.longdesc{position:relative;}
/**/

@media screen{
.longdesc:target {bottom:auto;height:auto;display:block;overflow:auto;border-width:1px;padding-bottom:1000px;} 

.longdesc:hover{bottom:auto;height:auto;display:block;overflow:auto;padding-bottom:1000px;padding-top:0;} 
}
                                           /*
.longdesc:hover{left:0;top:0;bottom:auto;height:auto;display:block;overflow:auto;}
     /*
body{position:relative !important;bottom:0 !important;height:200% !important;}
                       /*
body{height:100% !important;}                
                     /**
body{overflow:scroll; height:inherit; width:auto; position:absolute;top:0; width:100%;
   border-right:green dashed 3px;background:orange;border-top:-1px;}
