#blendedMenu body{
    font-family: 'Roboto', Helvetica, sans-serif;
    src: url(http://crowegenealogy.net/fonts);
    font-size: 18px;
    background-color: #212121;
    margin: 20px;
}
#blendedMenu *{
	padding:0;
	margin: 0px;
	border:0;
	list-style-type:none;
	word-spacing:0px;
}
#blendedMenu{
	display : inline-table;
	width : 100%;
	background-size : 100% 100%;
	margin : -10px auto;
	height : 30px;
	text-align : left;
	background-color : #ffffff;
	box-shadow : inset 0px 0px 0px 0px #000000;
	border-radius : 0px;
	font-size : 0px;
	border-bottom : 4px solid orange;
}
#blendedMenu > li{
	display : inherit;
	position : relative;
	margin-top : 0px;
	margin-left : 0px;
}
#blendedMenu > li > a{
	display : block;
	text-decoration : none;
	background-size : 100% 100%;
	width : auto;
	height : 30px;
	font-size : 18px;
	letter-spacing : 1px;
	min-width : 112px;
	margin : 0px;
	color : #ffffff;
	background-color : #009000;
	text-align : center;
	border-radius : 0px;
	line-height : 27px;
    font-family: 'Roboto', Helvetica, sans-serif;
	border-width : 0px;
	border-style : solid;
	border-color : #000000;
	text-shadow : 0px 0px 0px #000000;
	margin-bottom : 2px;
	box-shadow : 0px 0px 0px 0px #000000;
}
#blendedMenu > li > ul > li > a{
	display : block;
	text-decoration : none;
	background-size : 100% 100%;
	width : auto;
	height : 30px;
	font-size : 16px;
	letter-spacing : 1px;
	min-width : 120px;
	margin : 0px;
    color : #ffffff;
    background-color : #009000;
	text-align : center;
	border-radius : 0px;
	line-height : 27px;
    font-family: 'Roboto', Helvetica, sans-serif;
	border-width : 0px;
	border-style : solid;
	border-color : #000000;
	text-shadow : 0px 0px 0px #000000;
	box-shadow : 0px 0px 0px 0px #000000;
}
#blendedMenu > li > ul > li > ul a{
	display : block;
	text-decoration : none;
	background-size : 100% 100%;
	width : auto;
	height : 30px;
	font-size : 16px;
	letter-spacing : 1px;
	min-width : 150px;
	margin : 0px;
	color : rgba(0,0,0,1);
	background-color : #ffa500;
	text-align : center;
	border-radius : 2px;
	line-height : 27px;
    font-family: 'Roboto', Helvetica, sans-serif;
	border-width : 0px;
	border-style : solid;
	border-color : #000000;
	text-shadow : 0px 0px 0px #000000;
	box-shadow : 0px 0px 0px 0px #000000;
}
#blendedMenu > li > ul{
	display : block;
	position : absolute;
	z-index : 10;
	visibility : hidden;
	opacity : 0.1;
	box-shadow : 0px 0px 0px 0px rgba(0,0,0,1);
	border-radius : 0px;
	left : 0px;
	-webkit-transition : all 0.4s;
	transition : all 0.4s;
}
#blendedMenu > li > ul > li > ul{
	display : block;
	position : absolute;
	z-index : 10;
	visibility : hidden;
	left : 112px;
	opacity : 0.1;
	box-shadow : 0px 0px 0px 0px rgba(0,0,0,1);
	background-color : rgba(0,0,0,1);
	border-radius : 0px;
	margin-top : -60px;
	-webkit-transition : all 0.4s;
	transition : all 0.4s;
}
#blendedMenu li:hover > a{
	color : #ffffff;
	background-color : rgba(0,0,0,1);
}
#blendedMenu .active > a{
	color : #ffffff;
	background-color : rgba(0,144,0,1);
}
#blendedMenu > li > ul > li:hover > ul{
	visibility : visible;
	opacity : 1;
	margin-top : -30px;
}
#blendedMenu > li:hover > ul{
	visibility : visible;
	opacity : 1;
	margin-top : 8px;
}
#blendedMenu > li:hover > ul::after{
	display : block;
	position : absolute;
	height : 0;
	width : 100%;
	margin-top : 2px;
	content : "";
	border-top : none;
}
#blendedMenu li:hover > a::after{
	display : block;
	position : absolute;
	border-left : solid transparent 10px;
	border-right : solid transparent 10px;
	border-bottom : solid orange 10px;
	margin-left : -5px;
	content : "";
	height : 0;
	width : 0;
	bottom : -2px;
	left : 50%;
}
