#nav-wrap { float:right; }
/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */ }
#nav, #nav li { margin: 0; padding: 0; }
#nav li { list-style: none; float: left; position:relative; }
/* nav link */
#nav a.toplink { text-decoration:none; display: block;  height:64px; padding:24px 25px 0 25px; color: #FFF; text-transform:uppercase; cursor:pointer; font-family: 'dinotmedium', arial; font-size:14px; }
#nav a.toplink:hover, #nav li:hover a.toplink{ background:#6bcb4e; }
#nav li.active a.toplink{background:#6bcb4e;}
/* nav dropdown */
#nav ul { background:#6bcb4e;  padding:5px; position: absolute; left:0; top:64px;  display: none; /* hide dropdown */ width: 254px; }
#nav ul>li { float: none; margin: 0; padding: 0; padding-left:5px; }
#nav ul>li> a { text-decoration:none; padding: 10px 10px; display: block; color: #FFF;  }
#nav ul a:hover {background: #1f1f1f; }
#nav li:hover > ul { display: block; /* show dropdown on hover */ }

#nav ul ul{padding:0px; position: relative; left:0; top:0;  display: block; /* hide dropdown */ width: 100%; font-size:13px; }
#nav ul ul > li > a{  margin-left: 10px; padding: 8px 14px; border-bottom:1px solid #57b03d; color:#245615; background:url(../images/dropdownbullet.png) left 50% no-repeat; }
#nav ul ul > li > a span { font-size:10px; color:#F00;}
#nav ul ul > li > a:hover{ background:url(../images/dropdownbullet.png) left 50% no-repeat; color:#fff}


@media screen and (max-width: 767px) {
	
#nav-wrap { float:left; position: relative; }
/* menu icon */
#menu-icon { color: #FFF; width:90px; height: 36px; background: url(../images/menu-icon.png) no-repeat 10px center; padding: 9px 10px 0 36px; cursor: pointer;  display: block; font-size:18px; font-family: 'dinotmedium', arial; font-weight:normal; /* show menu icon */ }
#menu-icon:hover { background-color: #6bcb4e; }
#menu-icon.active { background-color: #6bcb4e; }
/* main nav */
#nav { clear: both; position: absolute; top: 34px; width:254px; z-index: 10000; padding: 5px; background: #6bcb4e; display: none; /* visibility will be toggled with jquery */ }
#nav li { clear: both; float: none; margin: 5px 0 8px 10px; }
#nav a.toplink{ height:auto !important;}
#nav a.toplink, #nav ul a{font: inherit; background: none !important; display: block; padding: 0 !important; color: #FFF; border: none;}

#nav a.toplink:hover, #nav ul a:hover { color: #223d53; }
/* dropdown */
#nav ul { width: auto; position: static; display: block; border: none; background: inherit; }
#nav ul li { margin: 6px 0 3px 15px; }
#nav ul ul > li{ margin:5px 0; padding:5px; }

#nav a.toplink {
	text-transform:none;	
}

#nav ul ul > li { 
padding:5px 0;
}
#nav ul ul > li > a{  margin-left:0px; border-bottom:1px solid #57b03d; color:#245615; background:url(../images/dropdownbullet.png) left top 5px no-repeat !important; padding-left:15px !important; }
	
}
 @media screen and (min-width: 767px) {
	/* ensure #nav is visible on desktop version */
	#nav { display: block !important;}
}