html  {font-family:Arial, Helvetica, sans-serif;
		font-size:12px;   /*12px;  9pt=12px=0.75em*/
		color:black; 
		background-color:black;
		background-image:url("background.png");
		/*background-image: radial-gradient(transparent, rgba(0,0,0,.3)), url("background.png");*/
		height:100%;
		/*box-shadow: inset 0px 0px 200px rgba(0,0,0,0.7);*/
		}

body {max-width: 1024px;
		margin: 0 auto;
		background-color:white;
		box-shadow: 0 0 20px 5px #000;	
		min-height:100%;}
		
body { overflow-y: scroll; }
		
img.shadow {box-shadow: 2px 2px 5px #000;}

a.popup img  
{
border:0px;
width: 100%;
}
		
a:link {color:black; text-decoration:underline}
a:visited {color:black; text-decoration:underline}
a:active {color:black; text-decoration:underline}
a:hover {color:black; text-decoration:none; font-weight:bold}

a.menu:link {color:black; text-decoration:none}
a.menu:visited {color:black; text-decoration:none}
a.menu:active {color:black; text-decoration:none}
a.menu:hover {color:black; text-decoration:none; font-weight:bold}

a.title:link {color:black; text-decoration:none; font-weight:bold}
a.title:visited {color:black; text-decoration:none; font-weight:bold}
a.title:active {color:black; text-decoration:none; font-weight:bold}
a.title:hover {color:black; text-decoration:underline; font-weight:bold}

a.popup:hover img 
{
	position: static;
	width: 500px;
	height: auto;
}

a.popup
{
	position: static;
	cursor: default;
	width:200px;
}


dt
{
	position:relative;
	left:20px;
	/*text-transform:uppercase;*/
	font-size:90%;
	font-weight:bold;
}

dd
{
	font-size:80%;
}