html, body { padding:0; height:100%; margin:0; }
	body, pre { font:17px/130% serif; }
	h1 { font-size:23px; font-weight:normal; margin:.1em 0; padding:0; color:green; border-bottom:1px solid #C1E3C4; padding-bottom:6px; }
	h1 span { padding:3px 10px; background:#DEEECC; text-shadow:1px 1px 1px white; white-space:nowrap; }
	h2 { font-size:100%; color:#666; margin:0; padding-top:1em; }
	a img { border:0; }
	p { margin-bottom:0; }
	.red { color:red; }
	.green { color:#009933; }
	.gray { color:gray; }
	.left { float:left; }
	.right { float:right; }

	div.main { position:relative; min-height:100%; min-width:800px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 800? "800px": "auto"); overflow:hidden; }
	div.content { position:relative; padding:20px 30px; text-align:justify; overflow:hidden; }
	
	div#images { position:relative; width:250px; height:810px; overflow:auto; float:right; padding:15px 30px 15px 15px; border:1px solid #C2DACC; background:#DEEECC; margin:20px; margin-left:0; text-align:center; overflow-x:hidden; z-index:1; }
	div#images a { position:relative; display:block; margin-top:10px; color:#246C31; }
	div#images img { width:250px; height:181px; }
	
	div#alpha_bgc { position:absolute; left:-100px; top:0; z-index:98; background:black; width:200%; height:500%; margin-bottom:-100%; filter:alpha(opacity=80); opacity: 0.8; display:none; }
	div#ajax_loader { position:absolute; width:40px; height:40px; left:50%; top:50%; margin:-20px 0 0 -20px; background:red; z-index:101; background:url(images/loader.png) no-repeat left top; visibility:hidden; }
	
	div#sshot { position:absolute; width:700px; height:509px; margin:-215px 0 0 -300px; left:50%; top:50%; z-index:100; display:none; }
	div#sshot span,
	div#sshot span img { position:absolute; width:100%; height:100%; left:0; top:0; cursor:pointer; }
	div#sshot em { position:absolute; left:0; bottom:-40px; width:100%; height:40px; background:#000; text-align:center; color:white; font:17px/40px serif; text-align:center; }