/* hack reset (for production, use Yahoo! reset CSS)
*************************/

ul.tabs {
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.tabs li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

ul.tabs a
{
	position: relative;
	display: block;
}


/* dropdowns
*************************/
ul.dropdown
{	
	padding: 10px 5px;
	display: block;
	position: absolute;
	z-index:9999;
	top: 100%;
	display:none;
	left: 0;	
	background:#ececec !important;	
	overflow:hidden;
	border:1px solid #cfcfcf;
	width:150px !important;
	text-align:left !important;
	height:auto !important;	
	font-family:Arial, Helvetica, sans-serif; 
}


ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}


ul.dropdown li
{
	float:none !important;
	display:block !important;
	background:none !important;
	height:auto !important;
	width:100% !important;
	overflow:hidden !important;
}


ul.dropdown li a
{
	color:#666 !important;
	float:none !important;
	display:inline-block !important;
	height:auto !important;
	padding:5px 11px !important;
	margin:0 !important;
	overflow:hidden;
	
	

}

ul.dropdown li a:hover, ul.dropdown li.active a{
	color:#535353;
	background:none !important;
	text-decoration:underline !important;	
}

ul.dropdown li a:hover span{ text-decoration:underline !important;	}

#menu ul li:hover ul{
	display:block;
} 

/* menu-specifc
*************************/
#menu{
	width:960px; height:43px; display:block;
	z-index:99;
}
body div.wp-custom-menu-popup{
	top: 37px !important;
}
#menu>ul{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dca0b+0,7cad05+100 */
	background: #9dca0b; /* Old browsers */
	background: -moz-linear-gradient(top, #9dca0b 0%, #7cad05 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9dca0b 0%,#7cad05 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9dca0b 0%,#7cad05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dca0b', endColorstr='#7cad05',GradientType=0 ); /* IE6-9 */
	width:818px;
	height:38px;
	float:left;
	font-size:12px; 
	text-align:center;
	z-index:99;
	border-top: 1px solid #698b06;
	border-bottom: 3px solid #608d00;
	border-left: 1px solid #698b06;
	border-right: 1px solid #698b06;
	border-radius: 8px;
}


#menu ul li a
{	
	text-decoration:none; 
	display:block;
	padding:0px 8px 0px 8px;
	color:#FFFFFF; 
	text-transform:capitalize; 
	height:35px; 
	margin:4px 0 0 2px;	
}

#menuLevel{
	margin-left:14px;
	display:block;
	margin-top:9px;
}

#menu ul li {
	background: url(../images/menu-slider-right.png) center right no-repeat;
	display:inline;
	float:left;
	height:37px;
	z-index:999;
}

#menu ul li a span
{
	float:left;
	display:block;	
	color:#fff;
	padding: 8px 11px 8px 11px;
	cursor:pointer;

}

#menu ul li.last{
	background:none !important;
}

#menu ul li a:hover, #menu ul li a.active{
	/*background:url(../images/left-menu-bg.png) top left no-repeat;  color:#666666;*/
}

#menu ul li a:hover span, #menu ul li a.active span
{
	/* background:url(../images/right-menu-bg.png) top right no-repeat; */
	color:#666666;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,fafafa+45,f9f9f9+52,f2f2f2+57,f0f0f0+100 */
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 45%, #f9f9f9 52%, #f2f2f2 57%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fafafa 0%,#fafafa 45%,#f9f9f9 52%,#f2f2f2 57%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fafafa 0%,#fafafa 45%,#f9f9f9 52%,#f2f2f2 57%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
	color:#666666;
}


#menu ul li.middle a span, #menu ul li.middle a.active span{
	float:left;
	display:block;	
	color:#fff;
	padding:2px 4px 5px 5px;	  
	cursor:pointer;
	line-height:14px;
	width:103px;

	
}


#menu ul li.middle a:hover span, #menu ul li.middle a.active span{
	color:#666666;
	
}


/*
#menu ul.dropdown
{
	padding: 10px;
	background:#ececec;	
	overflow:hidden;
	border:1px solid #cfcfcf;
	width: 290px;
	display:block;
}

#menu ul.dropdown li{
	float:none !important;
	display:block !important;
	
	
	}


#menu ul.dropdown li a
{
	border-bottom: 1px solid #e5cd8e;
	line-height: 30px;
	overflow: hidden;
	height: 30px;
	float:none;
	color:#646464;
	
}

#menu ul.dropdown li.last a
{
	border-bottom-width: 0;
}

#menu ul.dropdown li a:hover
{
	background: url(images/menuarrow.png) no-repeat left center;
}

#menu ul li h4 a:hover
{
	background-image: none;
}
*/
@media only screen and (min-width : 50px) and (max-width : 760px) {
	#menu ul li a span{
		width:100% !important;
		text-align: left;
	}
	#menu ul li a span:hover{
		background: #F5F5F5 !important;  
		color:#666666;
		width:100%;
		text-align: left;
	}
	ul.dropdown{
		padding: 5px;
		position: relative;
		width: 95% !important;
	}
	#menu ul li{
		text-align: left;	
	}
	#menu ul li a:hover span, #menu ul li a.active span {
		background: none repeat scroll 0 0 #fff;
		color: #666666;
	}
	#menu ul li.middle a span, #menu ul li.middle a.active span {
		padding: 8px 7px 7px 6px;
		width: 100%;
	}			
}