.ddsmoothmenu{
  position: relative;
  top:0px;
  margin-bottom:0px;
  //background: rgba(255,255,255,0.2);
}

.ddsmoothmenu ul{
  z-index:100;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*Top level list items*/
  .ddsmoothmenu ul li{
  position: relative;
  display: inline;
  float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
  display: block;
  padding: 0 20px;
  margin-right:5px;
  //margin-top:5px;
  height: 47px;
  line-height: 44px;
  font-size: 16px;
  color: #222222;
  text-decoration: none;
  outline: none;
  text-align: center;
  font-weight: normal;
}

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

.ddsmoothmenu ul li a.selected{
  color: #5AA427;
  font-weight: bold;
/*
  background: transparent;
  background: -moz-linear-gradient(top, rgba(245, 238, 221, 0.5) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245, 238, 221, 0.5)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(245, 238, 221, 0.5) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(245, 238, 221, 0.5) 0%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(245, 238, 221, 0.5) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(245, 238, 221, 0.5) 0%, rgba(255, 255, 255, 1) 100%);
*/
/*
  box-shadow: inset 1px 1px 0px rgba(153,117,81,0.1), inset -1px 1px 0px rgba(153,117,81,0.1), inset 4px 4px 12px rgba(153,117,81,0.1), inset -4px 4px 12px rgba(153,117,81,0.1);	
  -moz-box-shadow: inset 1px 1px 0px rgba(153,117,81,0.1), inset -1px 1px 0px rgba(153,117,81,0.1), inset 4px 4px 12px rgba(153,117,81,0.1), inset -4px 4px 12px rgba(153,117,81,0.1);	
  -webkit-box-shadow: inset 1px 1px 0px rgba(153,117,81,0.1), inset -1px 1px 0px rgba(153,117,81,0.1), inset 4px 4px 12px rgba(153,117,81,0.1), inset -4px 4px 12px rgba(153,117,81,0.1);
*/
}

.ddsmoothmenu ul li a.curractive, .ddsmoothmenu ul li a:hover {
  color: #393;
  text-shadow:1px 1px #FDFBEC;	
  background: transparent;
  background: -moz-linear-gradient(top, rgba(245, 238, 221, 0.5) 0%, rgba(238, 238, 238, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245, 238, 221, 0.5)), color-stop(100%, rgba(238, 238, 238, 1)));
  background: -webkit-linear-gradient(top, rgba(245, 238, 221, 0.5) 0%, rgba(238, 238, 238, 1) 100%);
  background: -o-linear-gradient(top, rgba(245, 238, 221, 0.5) 0%, rgba(238, 238, 238, 1) 100%);
  background: -ms-linear-gradient(top, rgba(245, 238, 221, 0.5) 0%, rgba(238, 238, 238, 1) 100%);
  background: linear-gradient(to bottom, rgba(245, 238, 221, 0.5) 0%, rgba(238, 238, 238, 1) 100%);
  box-shadow: inset 1px 1px 0px rgba(153,117,81,0.1), inset -1px 1px 0px rgba(153,117,81,0.1), inset 4px 4px 12px rgba(153,117,81,0.1), inset -4px 4px 12px rgba(153,117,81,0.1);	
  -moz-box-shadow: inset 1px 1px 0px rgba(153,117,81,0.1), inset -1px 1px 0px rgba(153,117,81,0.1), inset 4px 4px 12px rgba(153,117,81,0.1), inset -4px 4px 12px rgba(153,117,81,0.1);	
  -webkit-box-shadow: inset 1px 1px 0px rgba(153,117,81,0.1), inset -1px 1px 0px rgba(153,117,81,0.1), inset 4px 4px 12px rgba(153,117,81,0.1), inset -4px 4px 12px rgba(153,117,81,0.1);
}

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

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
  display: list-item;
  float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
  top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
  font-weight: 400;
  width: 130px; /*width of sub menus*/
  height: 30px;
  padding: 0 30px;
  line-height: 30px;
  font-size: 12px;	
  text-align: left;
  background: none;
  color: #666;
  border-bottom: 1px dotted #999;
  text-shadow:none;	
}

.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
  color: #333;
  font-weight: 700;
  background: none;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  box-shadow:none;	
  -moz-box-shadow:none;	
  -webkit-box-shadow:none;	
}

/* 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.5;
}

/* menu */