/* Menu Styles */
#demo-menu {
}
#demo-menu * {
	font-weight: bold!important;
}
/* Init Logic */
.menu-toggle-button{ 
	display: none;
	height: 30px;
	padding: 10px;
	padding-right: 15px;
	cursor: pointer;
	font-size: 18pt!important;
	line-height: 30px!important;
	text-align: right!important;
}
.menu-toggle-button.active { color:#FFF; }

ul.menu-list {
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 41px;
	text-align: center!important;
}
ul.menu-list li{ display:inline-block; position:relative; padding:0px; margin:0px; } /* float:left;  */
ul.menu-list li a{ display:inline-block; }
ul.menu-list li a{
	text-align: left!important;
}
ul.menu-list li a{

}
ul.menu-list li a:hover {
}
/* Handling Submenu */
ul.menu-list ul{ display:none; padding:0px; margin:0px; position:absolute; top: 41px; left:0px; list-style:none; z-index: 700; }
ul.menu-list ul li{ position:relative; float:none; padding:0px; margin:0px; }
ul.menu-list ul ul{ position:absolute; top:0px; left:0px; z-index: 700; }
ul.menu-list li:hover>ul{ display:inline-block; }
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{ background:#4FB847!ie; } /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu {
	cursor: pointer;
	background-image: url(images/nav-arrow.png);
	background-repeat: no-repeat;
	background-position: right -3px;
} /* All levels */
.hitsub{
	background-position: right -85px!important;
} /* All levels */
ul.menu-list li.has-submenu:hover {
	background-position: right -44px!important;
} /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{ display: none; } /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{ float:none; }/* \9 */ /* Fix for IE9 and below */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */

ul.menu-list>li.has-submenu>a>span.menu-expand:after{ color:#FFFFFF; padding: 10px; padding-top: 25px; padding-bottom: 0px; font-size: 12pt!important; line-height: 41px!important; height: 41px!important; content:'\25BC'; padding-right: 15px; } /* Level 1 *//* */ 

ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */

ul.menu-list li li.has-submenu>a>span.menu-expand:after{ content:'\25BA'; color:#FFFFFF; padding: 10px; padding-top: 25px; padding-bottom: 0px; padding-right: 15px; font-size: 12pt!important; line-height: 41px!important; height: 41px!important; } /* Level 2 *//* */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{ color:#FFF; text-decoration:none; padding:5px; } /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{ border-top-width: 0px!important; font-size: 12pt!important; line-height: 20px; font-weight: normal!important; padding-top: 10px; padding-bottom: 10px; }/* width:150px; *//* Level 2 */
ul.menu-list li li li>a{ border-top-width: 0px!important; font-size: 12pt!important; line-height: 20px; font-weight: normal!important; padding-top: 10px; padding-bottom: 10px; } /* Level 3 */

/* First Level*/
ul.menu-list>li{
	margin: 0px 0px 0px 0px; 
}/* background:#000; */
ul.menu-list>li>a{  }
ul.menu-list>li:hover{  }
ul.menu-list>li:hover>a{
	color:#FFFFFF!important;
}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{
	background: #9CCC57!important;
	padding-bottom: 0px!important;
	text-align: left!important;
	left: 30px!important;
}
ul.menu-list>li>ul>li{}
ul.menu-list>li>ul>li>a{
	display: block;
	white-space: nowrap;
	padding-right: 20px;
	line-height: 20px!important;
}
ul.menu-list>li>ul>li:hover{ color:#FFFFFF!important; }
ul.menu-list>li>ul>li:hover>a{ color:#FFFFFF!important; }
ul.menu-list>li>ul>li>a:hover{ color:#FFFFFF!important; }
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{ 
	background: #4D4D4D;
	padding-bottom: 25px!important;
	text-align: left!important;
}
ul.menu-list>li>ul>li>ul>li{ background: #4D4D4D; }
ul.menu-list>li>ul>li>ul>li>a{
	display: block;
	white-space: nowrap;
	padding-right: 20px;
	line-height: 20px!important;
}
ul.menu-list>li>ul>li>ul>li:hover{ background: #4FB847; }
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}

/* End Third Level*/

.sub-menu {
	display: block;
}
ul.sub-menu li {
	display: block!important;
}
a.sub {
	display: block!important;
}
.navspacer1 {
	height: 1px!important;
}
.navspacer2 {
	height: 1px!important;
}
ul.menu-list a.hit {
	color: #0094D6;
}

/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 975px) {

body {
	padding-top: 50px!important;
}
#menuwrapper {
	position: fixed!important;
	top: 0px!important;
	left: 0px!important;
	right: 0px!important;
}
#menu {
	height: 50px!important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.85)!important;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.85)!important;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.85)!important;
}
ul.menu-list li{ display:block!important; } /* float:left;  */
ul.menu-list li a{ display:block!important; }
#menubody {
	max-width: 960px!important;
	padding-left: 0px!important;
	/* height: 50px!important;
	line-height: 50px!important; */
}
ul.menu-list li a{
	border-top-width: 0px!important;
}
ul.menu-list>li.has-submenu{
	cursor: default!important;
	background-image: none!important;
}
ul.menu-list li.has-submenu>a>span.menu-expand{ display: inline-block; font-size: 0.6em; float:right; padding-left:10px; line-height:33px; } /* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{ content:'\25BC'; padding-right: 15px; cursor: pointer; }

ul.menu-list {
	background: #9CCC57;
	background: rgba(156, 204, 87, 0.90);
	line-height: 20px!important;
	height: auto!important;
	padding-bottom: 15px!important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(156, 204, 87,0.85)!important;
	-moz-box-shadow: 0px 0px 5px 0px rgba(156, 204, 87,0.85)!important;
	box-shadow: 0px 0px 5px 0px rgba(156, 204, 87,0.85)!important;
}
ul.menu-list * {
	line-height: 20px!important;
}
ul.menu-list>li.has-submenu>a>span.menu-expand:after{ line-height: 20px!important; } /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{ line-height: 20px!important; } /* Level 2 */

ul.menu-list ul{ top: 0px!important; background-color: none!important; }

ul.menu-list>li>ul{
	background: none!important;
}

/* Menu Styles */

/* Init Logic */
.menu-toggle-button{ display:block; color:#FFF; }
.show-for-devices{ display:block!important; }

ul.menu-list{ display:none; }/*  */
.has-submenu, .hasno-submenu { position:relative; }
.has-submenu a, .hasno-submenu a { position:absolute; z-index: 9000; }
ul.menu-list li{ clear:both; float:none; position:relative; }

/* Handling Submenu */
ul.menu-list ul{ display:none; position:relative; }
ul.menu-list ul li{}
ul.menu-list ul ul{ position:relative; top: 100%; left:0px; }
ul.menu-list li:hover>ul{ display:none; }
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{ background:#fff!ie; } /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{ font-size: 0.6em; line-height:1em; position:absolute; right:0; z-index: 9000 } /* All levels padding:0.8em; */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{ content:'\25BC'; color:#FFFFFF; padding: 10px; padding-right: 15px; font-size: 14pt!important; line-height: 30px!important; } /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{ color:#FFF; position:relative; } /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{ width:auto; } /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>ul{ margin:0px; padding: 0px;} /* background:#990099!important; */
ul.menu-list>li{ margin:0px; border:none; } /* border-bottom:1px solid #000; */
ul.menu-list>li>a{ padding: 5px!important; line-height: 25px!important; }
ul.menu-list>li:hover{ background:#4FB847; }
ul.menu-list>li:hover>a{ color:#fff; }
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{ margin:0px; padding: 0px; border:none; } /* background:#999900!important; */
ul.menu-list>li>ul>li{ margin:0px; border:none; }/* padding-left:5px; */
ul.menu-list>li>ul>li>a{ padding: 5px!important; line-height: 15px!important; padding-left: 20px!important; }
ul.menu-list>li>ul>li:hover{ background:#4FB847; }
ul.menu-list>li>ul>li:hover>a{ color:#fff;}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{ margin:0px; padding: 0px; border:none; } /* background:#009999!important;  */
ul.menu-list>li>ul>li>ul>li{ margin:0px; border:none; } /* padding-left:5px; */
ul.menu-list>li>ul>li>ul>li>a{ padding: 5px!important; line-height: 15px!important; padding-left: 40px!important; }
ul.menu-list>li>ul>li>ul>li:hover{ background:#4FB847; }
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */

}