.main-menu {padding:0;/*margin:20px auto;*/margin-top:20px}
ul.menu {
	list-style: none;
	padding: 0;
	margin:0;
	width: 100%;
	height:20px;
	line-height:1.5em;
	position:relative;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
ul.menu li {
	float: left;
	margin: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.menu li a{
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	float: left;
	font-weight:normal;
}

ul.menu li a:hover{color: #f7f2e7;background: #abcf82;}

ul.menu .current-menu-item a,
ul.menu .current-menu-parent a,
ul.menu .current_page_item a {color: #fff;background: #abcf82;font-weight:bold}

ul.menu li ul.sub-menu .menu-item a {background: #fff;color: #5ca651;font-weight:normal}
ul.menu li ul.sub-menu .menu-item a:hover{color: #fff;background: #abcf82;font-weight:normal}

ul.menu li ul.sub-menu .current-menu-item a,
ul.menu li ul.sub-menu .current_page_item a {color: #fff!important;background: #5ca651 !important;font-weight:bold}


ul.menu li span {}
ul.menu li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.menu li ul.sub-menu {
	list-style: none;
	position: absolute; /*--Important - Keeps sub-menu from affecting main navigation flow--*/
	left: 0; top:30px;
	background: #fff !important;
	margin: 0; padding: 0;
	display: none;
	width: 200px;
/*	border: 1px solid #d5b574;*/
	z-index:1000;
	border-top:none;
	-webkit-box-shadow:  2px 2px 2px 2px rgba(100, 100, 100, 0.3);
        box-shadow:  2px 2px 2px 2px rgba(100, 100, 100, 0.3);
}
ul.menu li ul.sub-menu li{
	margin: 0; padding: 0;
	clear: both;
	width: 200px;
	background: #f7f2e7 !important;
}

ul.menu li ul.sub-menu li img {vertical-align:middle;margin-right:5px}

html ul.menu li ul.sub-menu li a {
    float: left;
    width: 200px;
    padding-left: 20px;
}