/* Updated 30102022*/
body {margin:0px;padding:0px;}
a:hover{color:#ff0000;}

p {
margin-left:10px;
margin-right:10px;
}

p,li
{
color: #444444;
font-family: Arial;
line-height:150%; 
}

h1,h2,h3{
font-family: Arial;
margin-left:10px;
margin-right:10px;
}

h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}

h3 {
margin-bottom:0px;
/* color: #ff6600; */
color: #a33;
font-weight: normal;
text-decoration:underline;
}

.header {
margin:0px;
margin-bottom:0px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
font-size: 22px;
font-weight: bold;
font-family: Arial;
color:black;
background-color:#aaccff;
height:25px;
}

.header a{
text-decoration:none;
color:#333333;
}

.hfstyle,.menustyle{
background-color: black;
font-family: Arial;
font-size: 16px;
color: white;
}

.hfstyle
{
padding-left:10px;
padding-bottom:2px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:2px;
}

.hfstyle a{
color:white;
text-decoration:none;
/* font-size:20px; */
}

.hfstyle a:hover{
color:white;
text-decoration:underline;
/* font-size:20px; */
}

.footer
{
color: white;
text-align:center;
font-family: Arial;
/* font-size: 16px; */
background-color: black;
}

.adblock,.iadblock
{
-webkit-border-radius: 1em;
border-radius:1em;
margin:10px;
text-align:center;
text-decoration:none;
font-family: Arial;
/* font-size: 18px; */
padding:3px;
}

.adblock
{
/* font-size: 22px;	18*/
background-color: #ffffc2; /* Yellow */
}

.adblock a:hover{
color:red;
}

.iadblock
{
/* font-size: 18px; */
background-color: #dddddd;
}

.requires
{
color:red;
font-style: italic;
}

.source
{
color:green;
font-style: italic;
}

.update
{
color:#008000;
font-style: italic;
}

/* */
.gamebox
{
margin:10px;
width:240px;
/* height:180px; */
height:auto;
float:left; 
}

.gamebox h3,h2
{
text-decoration:none;
margin-top:0px;
}

.gamebox p
{
margin:0px;
}

.row
{
overflow:auto;
margin-left:20px;
/*margin-right:20px;
border:1px solid red;*/
}

/* Breadcrumb trail */
.breadcrumb{
	padding: 0px;
	margin-left: 10px;
	list-style-type: ">";
}

.breadcrumb li {
	float: left; 
	padding-left: 10px;
	margin: 0 10px;
	color:black;
}

.breadcrumb a {
	text-decoration:none;
}

.codeblock
{
padding:3px;
/* color:blue; */
border: dotted 1px #000000;
margin:20px;
width:auto;
}

.responsive {
  max-width: 100%;
  height: auto;
}

.java{background:magenta;color:white;padding:1px;}
.windows{background:cyan;color:black;padding:1px;}
.net{background:orange;color:black;padding:1px;}
.native{background:black;color:white;padding:1px;}