@charset "UTF-8";

.clear{clear:both;}

div #container407, #container407 ul, #container407 li{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

#container407 { /* the menu container */
	background: #transparent;
	width: 100%;
	
}

#container407 ul { /* menu ul style */
	list-style: none;
	margin: 0;
}

#container407 li { /* horizontal menu */
	float: left;
	position: relative;
}

#container407 a { /* the link style of menu */
	color:#333;
	display: block;
	line-height: 58px;
	padding: 0 10px;
	text-decoration: none;
	border-right:0px solid #666;
font-family:"Roboto", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18px;

}


 /* The sub menu is hidden by default and its position is places right under the parent menu*/
#container407 ul ul {
	display: none;
	position: absolute;
	top: 58px;
	float: right;
	width: 180px;
	z-index: 99999;
       border-bottom:4px solid #337337;
          border-top:4px solid #337337;
}
 #container407 ul ul:after{
	content: "";
	display: block;
	border-width: 10px;
	border-style: solid;
	height: 0;
	width: 0;
	border-color: transparent;
	border-top-color: #337337;
	position:absolute;
	bottom:0;
	top:0;
	left: 50%;
	margin-left: 0px;
}



/* The sub menu list element is given a minimum width */
#container407 ul ul li {
	display: block;
	min-width: 180px;
}

/* the third level menu (sub sub menu) is placed to the left side of its parent*/
#container407 ul ul ul {
	left: 100%;
	top: 0;
}

#container407 ul ul a {
text-align:left;
color:#333;
background:#d9d9d9;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
border-right:none;

}

#container407 li:hover > a{color:#337337;}
#container407 ul ul :hover > a {
	background: #d9d9d9;
	color: #337337;
}
#container407 ul li:hover > ul {
	display: block;
}

/* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/
#container407 ul li:hover > ul 
}

/* Styles the anchor (a) tag when mouse over */
#container407 li:hover > a{}

#container407 ul ul :hover > a{
	background: #d9d9d9;
	color:#337337;
}