@charset "utf-8";
/* CSS Document */

.pic {
    background: url(../1b-main-images/mar101xy-bg.jpeg);
    width: 100%;
    background-repeat: no-repeat;
    height: 220px;
    background-size: contain;
    background-position: center;
    background-color: #F2F2F2
}



.logo {
    position: center;
}


.banner {
    border: 2px solid grey;
    padding: 10px;
    border-radius: 50px;
    background-color: black;
    color: white;
    font-weight: bold;

}
    
#nav a{
    color: white;
    font-weight: bold;
	display: inline;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid black;
	background-color: green;
}

#nav a:hover {
	display: inline;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid black;
	background-color: grey;
}

#nav li {
    display: inline;


}

#nav ul li a.selected {
    color:#F2F2F2;
    background-color: grey;
}


/* nav-game START  */



#nav-game a{
    color: white;
    font-weight: bold;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid black;
    background-color: green;
    width: 450px;
}

#nav-game a:hover {
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid black;
    background-color: grey;
    width: 450px;

}

#nav-game li {
    display: inline-block;
    width: 450px;



}

#nav-game ul li a.selected {
    display: inline-block;
    color:#F2F2F2;
    background-color: grey;
    width: 450px;

}

/* nav-game END  */



body {
	background: #ffffff;
	text-align: center;
}

@media screen and (min-width: 480px) {
    #main_ad {
     
        display: block;
        float: middle;
    }
}






.box {
display: inline-block;
max-width:100%;
height:auto;
}

.box:hover {
  background-color: #004E89;
  border-color: #004E89;
  height: 270px;
}






footer {
display: block;
}

.fcopyright {
    color: grey;
    font-size:15px;
    font-weight:bold;

}




/* nav2 start*/

#nav2 li{

   display: inline;

}

#nav2 a{
    color:white;
    font-weight: bold;
    display: inline;
    padding: 5px;
    border-radius: 5px;
    border: 2px solid black;
    background-color: red; 
}


 #nav2 a:hover {
	padding: 5px;
	border-radius: 5px;
	border: 2px solid black;
	background-color: grey;
}

#nav2 ul li a.selected {
    color:#F2F2F2;
    background-color: grey;
}



/* nav2 end*/

