ul{font-family: arial;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: black;
	font-size: 30px;
	box-shadow: 0px 16px 32px 0px #1d1f2a;
}
li{
	float: left;
}
li a, .dropbtn{

	display: inline-block;
	color: white;
	text-align: center;
	padding: 14px 20px;
	text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn{
	background-color: #00f700;
	font-size: 40px;
	padding: 8px 14px;
	color: black;
	font-family: serif;
	border: 3px solid black;
	box-shadow: 0px 36px 62px 0px rgba(0,0,0,9);
}
li .dropdown{
	display: inline-block;
}
.dropdown-content{
	text-align: center;
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 158px;
	box-shadow: 0px 32px 64px 0px rgba(0,0,0,9);
}
.dropdown-content a{
	color: black;
	padding: 10px 18px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.dropdown-content a:hover{
	color: #00f700;
	background-color: black;
	font-size: 65px;
}
.dropdown:hover .dropdown-content{
	display: block;
}
.active{
	background-color: #00f700;
	border: 3px solid black;
}
body{ 
	font-size: 25px;
	background-color: #a19d99;
	height: 1500px;
}
h1{
	color: white;
	text-shadow: -5px 5px black, -7px 7px black,  -8px 8px #1a2421, -9px 9px #1a2421, -11px 11px #1a2421;
	font-family:arial; 
}
section{
	border-radius: 30px;
	box-shadow: 0px 50px 74px 0px black;
	width: 85%;
	height: 900px;
	max-width: 100%;
	margin: 2px auto;
	background-color: #5b606a;
}
button{
	border-radius: 20px;
	padding: 20px;
	font-family: serif;
	text-shadow: 0 0 -10px black;
	box-shadow: 0px 32px 64px 0px rgba(0,0,0,0.5);
}
button:hover{
	transform: scale3d(1.2,1.5,1.2);
	transition: 0.5s;
	box-shadow: 0px 32px 64px 0px black;
}
button:active{
	box-shadow: 0px 10px 15px 0px #00f700;
	border: 5px solid black;
	background-color:black ;
	color:  #00f700;
}


.jec{
	border: 5px outset powderblue;
  	box-shadow: 0px 16px 32px 0px black;
}

#container{
	width: 1700px;
}
table{
	background-color: white;
	width: 1650px;
	height: 950px;}

.arm{
	text-decoration: none;
	color: white;}

#container a{ 
	padding: 0 3px;
	text-decoration: none;
	text-shadow: 0px 2px white;
}
#lowercontainer a{ 
	text-decoration: none;
	text-shadow: 0px 2px white;
}

a:hover {
	color: white;
}

.box:hover{
	border:7px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);
	color: white;

}
.boxra:hover{
	border:7px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);
	color: white;
}
.boxh:hover{border:7px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);
}
.box4:hover{border:7px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);	
}
.boxmc:hover{border:6px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);
}
.box2:hover{border:6px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);
}
.box32:hover{border:6px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);
}
.box23:hover{border:6px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);
}
.box3:hover{border:6px solid #00f700;
	border-radius: 25px;
	background-image: url(1blue1.jpg);
}
.ato{
	font-size: 15px;
	color: black;
}
.panelone{
	margin-top: 20px;
	float: left;
	background-color: #09568d;
	box-shadow: 0px 16px 32px 0px black;
}

.paneltwo{
	margin-top: 20px;
	float: left;
	top:80px;
	background-color: #172035;	
}
.panelthree{
	margin-top: 20px;
	float: left;
	position: relative;
	top:245px;
	background-color: #457725;
	box-shadow: 0px 16px 32px 0px black;
}
.panelthree1{
	margin-top: 20px;
	float: left;
	position: relative;
	top:245px;
	background-color: #686b69;
	box-shadow: 0px 16px 32px 0px black;
}
.panel4{
	margin-top: 20px;
	float: left;
	position: relative;
	top:80px;
	background-color: #ffbb00;
	box-shadow: 0px 16px 32px 0px black;
}
.panel41{
	margin-top: 20px;
	float: left;
	position: relative;
	top:80px;
	background-color: #f8a300;
	box-shadow: 0px 16px 32px 0px black;
}
.panel42{
	margin-top: 20px;
	float: left;
	position: relative;
	top:80px;
	background-color: #f0c282;
	box-shadow: 0px 16px 32px 0px black;
}
.panel43{
	margin-top: 20px;
	float: left;
	position: relative;
	top:80px;
	background-color: #ce3500;
	box-shadow: 0px 16px 32px 0px black;
}
.panel44{
	margin-top: 20px;
	float: left;
	position: relative;
	top:80px;
	background-color: #901e1d;
	box-shadow: 0px 16px 32px 0px black;
}
.panel5{
	margin-top: 20px;
	float: left;
	position: relative;
	top:0px;
	background-color: #421814;
	box-shadow: 0px 16px 32px 0px black;
}
.box{
	border: 7px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	


}
.blank{
	background-color:#5b606a;
	color: #5b606a;
	max-width: 150px;
	max-height: 60px;
	padding: 16px 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
}
.box4{
	border:6px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	color: white;

}
.boxmc{
	border:6px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	color: white;

}
#lowercontainer{
	width: 1400px;
	float:right;
	margin-top: 30px;

}
.bottom{
	float: left;
	top: 20px;
	box-shadow: 0px 16px 32px 0px black;
}
.boxh{
	border: 6px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	background-color: #421814;
	color: red;
}
.boxra{
	border: 6px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	box-shadow: 0px 16px 32px 0px black;
}
.box2{
	border: 6px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	background-color: #00494e;
}
.box32{
	border: 6px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	background-color: #122b3e;
}
.box3{
	border: 6px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	background-color:#122b3e;
	color: white;
}
.box23{
	border: 6px inset #464850;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.63em;
	background-color: #00494e;
	color: white;
}


.a1{box-shadow: 0px 16px 32px 0px black;
	border:3px;
	color: white;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	font-size: 1.00em;
	background-image: url(blue1.png);
}
.a2{
	border:3px;
	color: white;
	max-width: 150px;
	max-height: 50px;
	padding: 10px;
	line-height: 45px;
	text-align: center;
	font-size: 1.00em;
	background-image: url(blue1.png);
}
.a1:hover{
	height: 45px;
}


.al{
	border-radius: 10px;
	margin: 5px;
	background-color: #09568d;
	color: black;
	font-size: 25px;
}
.alk{
	border-radius: 10px;
	margin: 5px;
	background-color:  #172035;
	color: black;
	font-size: 25px;
}
.ear{
	border-radius: 10px;
	margin: 5px;
	background-color:#457725;
	color: black;
	font-size: 25px;
}
.lat{
	border-radius: 10px;
	margin: 5px;
	background-color: #686b69;
	color: black;
	font-size: 25px;
}
.bor{
	border-radius: 10px;
	margin: 5px;
	background-color: #ffbb00;
	color: black;
	font-size: 25px;
}
.car{
	border-radius: 10px;
	margin: 5px;
	background-color: #f8a300;
	color: black;
	font-size: 25px;
}
.nit{
	border-radius: 10px;
	margin: 5px;
	background-color: #f0c282;
	color: black;
	font-size: 25px;
}
.cha{
	border-radius: 10px;
	margin: 5px;
	background-color: #ce3500;
	color: black;
	font-size: 25px;
}
.hal{
	border-radius: 10px;
	margin: 5px;
	background-color: #901e1d;
	color: black;
	font-size: 25px;
}
.nob{
	border-radius: 10px;
	margin: 5px;
	background-color: #421814;
	color: black;
	font-size: 25px;
}
.lan{
	border-radius: 10px;
	margin: 5px;
	background-color: #00494e;
	color: black;
	font-size: 25px;
}
.act{
	border-radius: 10px;
	margin: 5px;
	background-color: #122b3e;
	color: black;
	font-size: 25px;
}


.ser{
	width: 30px;
	float:left;
	margin-right: 10px;
	line-height: 80px;
    color: black;
    font-size: 30px;
}
.sir{
	text-align: center;
	font-size: 30px;
}
.jer{
	width: 170px;
	float:right;
	margin-top: 600px;
	color: white;
	font-size: 22px;
}
.black1{
	background-color: black;
	color: white;
	box-shadow: 0px 16px 32px 0px black;
}
.blue{
	background-color: blue;
	color: white;
	box-shadow: 0px 16px 32px 0px black;
}
.red{
	background-color: red;
	color: white;
	box-shadow: 0px 16px 32px 0px black;
}
.white{
	background-color: white;
	color: black;
	box-shadow: 0px 16px 32px 0px black;
}
.re{
	color: red;
}
.bl{
	color: blue;
}
.black{
	color: black;
}
h1{
	font-size: 60px;
}
.h1{
	
font-size: 60px;
}
.lj{

	background-color: orange;
	border-radius: 10px;
	border-color: white;

}
.lj:hover{
	background-color: orange;
	border-radius: 10px;
	border-color: white;
	font-size: 35px;
}
.tol{
	text-align: center;
	display: inline-block;
	color: black;
}
.all{
	background-color: #5b606a;
	box-shadow: 0px 36px 62px 0px black;
	border-radius: 20px;
	padding: 5px 15px;
}
.all:hover{
	background-color: #008882;
	color: black;
}
.tol .tolp{
	visibility: hidden;
	border-radius: 50px;
	background-color: #232c3f;
	color: white;
	text-align: center;
	box-shadow: 0px 36px 62px 0px black;
	z-index: 1;
	bottom: 150%
	left:50%
}
.tol:hover .tolp{
	visibility: visible;
}
sub{
	font-size: 10px;
}