.ddsmoothmenu{ float:left; font-size:15px; padding:0px; margin-top:-10px; z-index:9999; position:relative; }
.ddsmoothmenu ul{ z-index:100;margin: 0;padding: 0;list-style-type: none; }

/*Top level list items*/
.ddsmoothmenu ul li{ position: relative; float: left; display:inline-block; margin:0px; padding:0px 20px; }
.ddsmoothmenu ul li a{
float:left;
display: block;
background:url(../img/menu-li-bg.png) no-repeat top center; /*background of menu items (default state)*/
padding:22px 0px 0px; 
margin:0px;
font-size:18px;
color:#231f20;
text-align:center;    
line-height:50px;
text-transform:uppercase;
text-decoration: none;
height:100%;
min-width:80px;
letter-spacing:0.5px;
}
.ddsmoothmenu ul li a:hover { color:#00934f; }
.is-sticky .ddsmoothmenu ul li{ padding:0px; 
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-ms-transform: skew(0deg);
-o-transform:skew(0deg);
transform: skew(0deg);
-webkit-transition:all 200ms linear 0s; -moz-transition:all 200ms linear 0s; -o-transition:all 200ms linear 0s; transition:all 200ms linear 0s; 
}
.is-sticky .ddsmoothmenu ul li a { min-width:50px; background:none; padding:9px 20px 0; line-height:54px; }
.is-sticky .ddsmoothmenu ul li.current a { background:#00934f; color:#ffffff; }
.is-sticky .ddsmoothmenu ul li::after {
background-color:rgba(195, 209, 185, 0.5);
content: ""; height:0%; left:0px; position: absolute; bottom: 0; width:100%; z-index: -1;
-webkit-transition: all 320ms ease 0s; -moz-transition: all 320ms ease 0s; -ms-transition: all 320ms ease 0s; -o-transition: all 320ms ease 0s; transition: all 320ms ease 0s; 
}
.is-sticky .ddsmoothmenu ul li:hover::after { height:100%; }

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link{  }
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover, .ddsmoothmenu li.current a, .ddsmoothmenu ul li:hover a { color:#00934f; }
.ddsmoothmenu ul li ul li a.selected{ }

/*1st sub level menu*/
.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; border: 1px solid #222222; border-bottom:none; /*collapse all sub menus to begin with*/ }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ display: list-item; float: left; background:none; padding:0!important; height:auto; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width:210px; /*width of sub menus*/
padding: 5px 10px 5px 12px;
margin: 0;
border-bottom: 1px solid #222222;
background:#282828;
color:#ffffff !important;
font-size:14px;
text-transform:none;
text-align:left;
line-height:25px;
}
.ddsmoothmenu ul li ul li a:hover{ background:#ff5b10; color:#ffffff!important; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{ top: 0; margin:0px; padding:0px; } 
.ddsmoothmenu ul li ul li ul li{ display: list-item; float: left; } 
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{ position: absolute; top: 12px; right: 7px; }
.rightarrowclass{ position: absolute; top: 6px; right: 5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ position: absolute; left: 0;top: 0; width: 0; height: 0; }
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; }