.ddsmoothmenu {
background:none;
/*width:997px;*/
width:100%;
float:right;
margin: 0; 
padding: 0;
position: relative;
z-index:1000;
}
.ddsmoothmenu { outline: medium none; }
.ddsmoothmenu ul { z-index:100; margin:0; padding:0; list-style-type: none; }

/*Top level list items*/
.ddsmoothmenu ul li { float:left; margin:0; padding:0; text-transform:uppercase; font-size:22px; font-weight:bold; font-family: 'Source Sans Pro'; font-weight:600; display: inline; position: relative; }
.ddsmoothmenu ul li a { display:block; padding:7px 18px 7px 18px; float:left; color:#303030; text-align:center; text-decoration:none; background:none; /*line-height:5px;*/ }
* html .ddsmoothmenu ul li a { display: inline-block; }
.ddsmoothmenu ul li a:link { color: #303030; }
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited { color: #15b2ca; }
.ddsmoothmenu ul li a.selected { color: #15b2ca; }
.ddsmoothmenu ul li a:hover { color: #15b2ca; }
.ddsmoothmenu ul li.active a { color: #15b2ca; }
.ddsmoothmenu ul li a span { display:block; color: #15b2ca; font-weight:400; font-size:13px; text-transform:none; }
	
/* sub menus */
.ddsmoothmenu ul li ul{ background:url(../images/menu-arrow.png) top center no-repeat;  display: block;   left: 0;  margin:0px 0px 0px -20px;  padding: 11px 0px 0px 0px;  position: absolute; }

.ddsmoothmenu ul li ul li {
background:#FFFFFF;
border: 1px solid #eeeeee;
border-top:0px solid #eeeeee;
display:inline-block;
float: left;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 0px;

}
.ddsmoothmenu ul li ul li:hover { ackground:#15b2ca; }
.ddsmoothmenu ul li ul li a { float:left; background:url(../images/bullet.png) 10px 13px no-repeat; color:#414141!important; font-size:14px; font-weight: normal; line-height:30px; padding:0px 5px 2px 25px; text-transform:none; width:140px; text-align:left; }
.ddsmoothmenu ul li ul li a:hover { background:url(../images/bullet-active.png) 10px 13px no-repeat!important; color:#19adc4!important; }
.ddsmoothmenu ul li ul li a.selected { background: none; color: #19adc4!important; }
.ddsmoothmenu ul li ul li a.selected:hover { background: none; color: #19adc4!important; }
.ddsmoothmenu ul li ul li a.selected span { background: none; color: #19adc4!important; cursor: pointer; }

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

/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; }

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

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { height: 0; left: 0; position: absolute; top: 0; width: 0; }
.toplevelshadow { opacity: 0.8; }
.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 5px 5px 5px #aaa;
-webkit-box-shadow: 5px 5px 5px #aaa;
}