/* global.css */ 
body { 
/*background-image: url(../images/background-50px.jpg);*/
/*opacity: 0.99; */
background-color: #07013F;
color:#FFF;
margin-left: auto;
     margin-right: auto;
} 

a:link {
    color: white;
}

a:visited {
    color: white;
}


h1, h2, h3 {text-align: center;}

h1 {
font-size: 1.5em;
padding: 2% 0;}

h2 {
font-size: 1.3em;
padding: 2% 0;}

h2 a {
    color: yellow;
}

h3 {
font-size: 1.3em;
padding: 2% 0;}

.p1 {/*padding: 1% 0%;*/
padding-top: 1em;
font-size: .75em;
width: 40%;
margin: auto;
}
.p2 {/*padding: 1% 0;*/
/*font-weight: bold;*/
text-align: center;
font-size: .75em;
margin-top: .25em;
}



.p3 {margin: -4% 0 2% 0;
/*font-weight: bold;*/
text-align: center;
margin-left: auto;
margin-right: auto;
}

.p4 {padding: 5em 0em 2% 0;
font-weight: bold;
text-align: center;
display: block;
}
.p4 a {
    color: yellow;
}
.p5 {padding: 0em 0em 2% 0;
font-weight: bold;
text-align: center;
display: block;
}
.p5 a {
    color: yellow;
}
.pf  {/*margin: -2% 0 2% 0;*/
/*font-weight: bold;*/
text-align: center;
font-size: .8em;
}

#container { 
width: 90%; 
max-width: 1100px;
font-family: Arial, Helvetica, sans-serif; 
margin: auto; 
} 
#header { 
/*box-sizing: border-box; */
text-align: center;
width: 100%; 
/*height: 100px; */
/*background-image: url(../images/rail-track.jpg); */
/*background-size: 100% 100%; */
color:#FFF; 
/*padding: 1%; */
} 
#navbar ul {
    margin-top: 5px;
    list-style-type: none;
    /*padding-left: 0px;*/
    margin-left: 20%;
    margin-right: 0%;
   }
#navbar li { 
    display: inline;
    /*float: left;*/
   }
#navbar li a {
    /*font-size: 10px;*/
    /*font-weight: bold;*/
    /*color: white; */            
    /*text-transform: uppercase;*/
    /*text-decoration: none;*/
    /*border: 1px solid silver;*/
    padding: 7% 4%;
    /*text-align: center;*/
    /*background-color: #000071;*/
   }

.adtop { 
width: 80%;
margin: auto;
padding-left: 5%;
padding-top: 2%;
}

.adtopad {
 width: 728px;
 height: 90px;
}


.adleft {  /*max-width: 10%;*/
/*display:block;*/
float: left;
padding-top: 2%;

}
.adleftad {
   width: 160px;
    height: 600px;
}

.adright {  /*max-width: 10%;*/
/*display:block;*/
float: right;
padding-top: 2%;

}
.adrightad {
   width: 160px;
    height: 600px;
}

#frame { 
border: 5px solid grey; 
padding: 7px; 
background-image: url("../graphics/framebackground.gif");
} 

#image { 
width: 45%; 
text-align: center;
margin: auto;
} 

#image img {
/*background-color: white;*/
width: 100%;
 height: auto;

}
.center {
    text-align: center;
}
.downloads {
    display: inline-block;
	color: black;
	/*margin-top: 0em;*/
	text-align: center;
padding-bottom: .5em;
}

.downloads a {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
border-radius: 5px;
margin: 0 4px;
}
.downloads a.active {
    background-color: white;
    color: red;
    border: 1px solid white;
}
.downloads a:hover {
    color: #000040;
	}

.downloads a:hover:not(.active) {background-color: #ddd;}

#difficulty {
margin: auto;
/*padding: 7% 25%;*/
  padding: 1em;
font-size: .8em;
width: 50%;
border: 1px solid white;
}
.return {
    display: block;
	/*color: black;*/
	/*margin-top: 0em;*/
	text-align: center;
padding-bottom: .5em;
 border: 1px solid white;
width: 30%;
}

#links { 
display: inline-block;
width: 90%; 
/*float: left; */
    text-align: center;
margin: auto;
} 

#footer { 
clear:left; 
/*background-color: #0DF; */
/*box-sizing: border-box; */
width: 100%; 
padding: 1%; 
margin: auto;
}

#bottom { 
text-align: center;
/*width: 90%; */
padding: 1%; 
/*margin: auto;*/
}