html, body { margin: 0;  padding: 0; }
body { background-color: #404040; background-image: url('metal.jpg');
		background-size: 100%; background-repeat: repeat-y; 
		font-family: Ariel, Helvetica, sans-serif; }
h1 { font-size: 16pt; color: #FFFFFF; }
h2 { font-size: 12pt; color: #FFFFFF; }
p, ul, tr { font-size: 11pt; color: #FFFFFF; }

td { vertical-align: top; }

.imagebg { background-repeat: no-repeat; background-size: cover; width: 15em; height: 15em; }

#image_bg1 { background-image: url('images/help/fuel.jpg');  }
#image_bg2 { background-image: url('images/help/wide.jpg'); }
#image_bg3 { background-image: url('images/help/pow.jpg'); }
#image_bg4 { background-image: url('images/help/rock.jpg');  }
#image_bg5 { background-image: url('images/help/ship.jpg'); }
#image_bg6 { background-image: url('images/help/fire.jpg'); }

div.button { margin: 1px auto;
			border: solid 1px #FFFFFF; border-radius: 5px 5px;
			font-weight: bold; background-color: #808080; 
			 padding: 4px; color: #FFFFFF; width: 50%; 
			 cursor: pointer; text-align: center;
			 font-family: ariel, helvetica, sans-serif; }

.button:hover { background-color: #4040FF; }