/*  ************************************************************************
    ******  New Menu Bar style definitions   *******************************
Name: Multilevel PureCSS DropDown Menu
Version: V 1.0 10122014
Website:http://surajverma.in||http://bleuflex.com
Github:https://bleuflex.github.io/PureCSS-Menu.
License: GPL V2.0
**You can use it for personal or commercial purposes, we appreciate a link to the author website wherever possible.**
    ************************************************************************  */
.main{
	background: #FFFFFF;
	font-family: 'Arial', 'Helvetica', 'sans-serif';
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
/*General Menu Styling*/
.mainnav{
	margin: 0 auto
	font-family: 'Arial', 'Helvetica', 'sans-serif';
	font-style: normal;
	font-weight: bold;
	text-align: center;
/*      height: 10px;   */
}
li{
	list-style: none;
	border: 2px solid #000000;    /*  black */
}
li a{
	text-decoration: none;
}
.dropdown{
	position: relative; 
	top: 5px; 
	width: 140px;   
        left: 1px;   
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s;
}
.mainnav li{
	float: left;    
	padding: 5px;
	background: #FFFFFF;
	border: 1px solid #000000;
        height: 15px; 
}
.mainnav li:first-child{
	border: 1px solid #000000;    /*  black */
}
.mainnav li a{ 
	display: block;
	padding: 1px 10px;
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight: bold;
	text-align:center;
}
.mainnav li:hover{
	background: #FFD700;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s;
}
.mainnav li:hover a{
	color:#FFD700;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s;
}
/*First Level*/
.subs {
	color: #FFD700;  /*  yellow   */
/*	left: -220px;   */
        position: relative;
	top: 0px;
	width: 350px;   
/*        height: 10px;   */
/*	border-left: none !important;   */
/*	border-bottom: 1px dotted #FFFFFF !important;   */
}
.subs:last-child{

}
.hassubs:hover .dropdown,.hassubs .hassubs:hover .dropdown{
	opacity: 1;
	visibility: visible; 
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s;
        border: 1px solid #000000;    /*  black  */
/*        height: 10px;   */
}
.mainnav li:hover ul a,.mainnav li:hover ul li ul li a{
	color: #003399;
}
.mainnav li ul li:hover,.mainnav li ul li ul li:hover{
	background: #003399;
	transition: ease-in-out .35s;
	-moz-transition: ease-in-out .35s;
	-webkit-transition: ease-in-out .35s;
}
.mainnav li ul li:hover a,.mainnav li ul li ul li:hover a{
	color: #FFD700;
	transition: ease-in-out .35s;
	-moz-transition: ease-in-out .35s;
	-webkit-transition: ease-in-out .35s;
}
/*Second Level*/
.hassubs .hassubs .dropdown .subs{
	left: 110px;     
	position: relative;
	width: 350px;   
	top: -5px;
}
.hassubs .hassubs .dropdown{
	position: absolute;  /*  relative;  */
	width: 175px;   
	left: 100px;    
	top: 2px;  /*  -15px;  */
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s;
}