html  {font-family:Yantramanav, sans-serif;
		font-size:18px;   /*12px;  9pt=12px=0.75em*/
		letter-spacing:1px;
		font-weight:100;
		color:white; 
		background-color:#202020;
		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: 1200px;
		margin: 0 auto;
		background-color:#000000;
		box-shadow: 0 0 20px 5px #000;	
		min-height:100%;}
		
body { overflow-y: scroll; }
		
img.shadow {box-shadow: 2px 2px 5px #000;}

table, th, td, tr {	
		border:0;
		padding:0;
		margin:0;
	}
	
@media only screen and (max-width: 768px) {
  /* Force table to not be like tables anymore */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  
  td,tr, table {
		width:100%;
		text-align: center;
	}
}

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

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

a.title:link {color:white; text-decoration:none; font-weight:bold}
a.title:visited {color:white; text-decoration:none; font-weight:bold}
a.title:active {color:white; text-decoration:none; font-weight:bold}
a.title:hover {color:white; 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%;
}