@import url(https://fonts.googleapis.com/css?family=Yantramanav:400,900);

nav {top: 195px;}

nav { z-index: 130; background-color: rgba(102,102,102,1); position:absolute; width:100%; padding: 0px 0px 0px 0px; box-shadow:  0px 10px 10px #252525; transition: color 1s; }

.menutop { font-family:'Yantramanav'; font-size:1.6em; font-weight:900; } 

li { font-family:'Yantramanav'; font-weight:400; font-size:.8em;} 

nav ul { list-style: none; margin: 0; padding: 0; }

nav ul::after { content:''; display: block; clear: both; }
nav ul li:hover {  background-color: rgba(0,78,149,.9); transition: color 1s; transition: background-color 1s; }
nav ul li:hover > ul {display:block;transition: color 1s; }


/*bottom lists*/

nav ul li a { display:inline-block; color:#fff; padding:10px 20px; text-decoration:none; width: 205px; border-left:thin #737373 solid; border-right:thin #4f4f4f solid; transition: color 1s; transition: background-color .5s; }

nav ul li ul li ul lia { float:left; color:#fff; padding:10px 20px; text-decoration:none; width: 205px; border-left:thin #737373 solid; border-right:thin #4f4f4f solid; transition: color 1s; transition: background-color .5s; }

nav ul li a:hover { background-color: rgba(0,78,149,.9); }

nav ul ul { display:none; position: absolute; top:100%; border: thin #fff solid; background-color: rgba(150,150,150,.8); transition: background-color .2s; }

nav > ul > li { float: left; }

nav ul ul ul {left:100%; top: 0;}

/*Adjusting Box Sizing*/

nav > ul > li > a {padding: 15px 40px 15px 40px; width:auto; }

@media screen and (max-width: 900px) {

.menutop { font-family:'Yantramanav'; font-size:1.2em; font-weight:900;} 

nav {top: 150px;}

nav { padding: 0px 0px 0px 0px;}
nav > ul { padding-left: 10px; padding-right: 10px;}
nav > ul > li > a {padding: 8px 10px 10px 8px;}


}



@media screen and (max-width: 500px) {

nav {

position: static;
padding: 20px 0px 20px 0px;
background-color: #004e95;

}

.menutop { font-family:'Yantramanav'; font-weight:400;} 

nav ul li a { display:block; color:#000; padding:20px 20px 10px 20px; box-shadow:  0px 0px 10px #121212; margin-left:30px; text-decoration:none; width: 200px; background-color:#555555; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px #ACACAC solid; font-size:1.1em; }

nav ul li a:hover { background-color:#252525; width:200px; }

nav ul li:hover {background-color: #004e95; }


nav ul li ul li a { display:none;}



/*


	
footer > div > .footertabs1 > li > a{

	display:block;
	width:210px;
	background:#555555;
	padding:20px 0px 10px 20px;
	box-shadow:  0px 0px 10px #121212;
	
}
	
footer > div > .footertabs1 > li > a:hover{

	display:block;
	width:210px;
	background:#252525;
	padding:20px 0px 10px 20px;
	border-bottom-color:#FFFF00;
	border-bottom:10px;
	
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }







*/