/*  LEVEL ONE  */
ul.dropdowni                       	{list-style: none;margin:0px;padding:0px;position: relative;width:100%;}
.dropdowni ul                      	{margin:0px;padding:0px;list-style:none;float:left;}
ul.dropdowni li                    	{float:left; zoom: 1;display:block;position:relative;z-index:500;margin-bottom:0px;}

ul.dropdowni li a                  	{text-decoration:none;display: block;padding:25px 10px 30px 10px;color:#000;font-size:14px; font-weight: bold;}
.dropdowni li a:hover		     	{color: #005ca1;}
ul.dropdowni > li:last-child a      {border-right:none; padding-right: 30px;} 


/* Doesn't work in IE */
ul.dropdowni li.hover, ul.dropdowni li:hover {background:none;position: relative;}

.dropdowni ul li ul li 				{margin-left:0px;}

/*  LEVEL TWO  */
ul.dropdowni ul 					{width: 200px; visibility:hidden;position:absolute;top:100%;left:0;color:#FFFFFF;}
ul.dropdowni ul li 					{color:#FFFFFF;float:none;text-align:left;margin-bottom:0px;}

/* IE 6 & 7 Needs Inline Block */
ul.dropdowni ul li a				{text-decoration:none;padding:8px 0px 8px 18px;border:1px solid #CCCCCC;background:#FFFFFF;border-top:none;color:#242424;border-right:none;width:100%;display:inline-block; font-weight:normal;}
ul.dropdowni ul li a:hover			{color:#FFFFFF;border-right: none; width: 100%;display:inline-block;background:#4f8c30;}


/*  LEVEL THREE  */
ul.dropdowni ul ul 					{left:100%;top:0;}
ul.dropdowni li:hover > ul 			{visibility:visible;}

.mobileMenu {
	width:100%;
	height:40px;
}


@media (max-width: 1199px) {
ul.dropdowni li a                  	{text-decoration:none;display: block;padding:15px 15px 15px 15px;color:#000;font-size:14px;}
.dropdowni li a:hover		     	{color: #000;}
}