.ddsmoothmenu{margin: 0 auto; text-align:center;width:1100px;}



.ddsmoothmenu ul{	

padding: 0;

list-style: none;

}



/*Top level list items*/

.ddsmoothmenu ul li{

position: relative;

display: inline;

float: left;

border-right:1px solid #0072bc;

}

.ddsmoothmenu ul li:hover,.ddsmoothmenu ul li.selected{background: #0089e1;}

/*Top level menu link items style*/

.ddsmoothmenu ul li a{

display: block;

padding:0 20px;

height:44px;

line-height:44px;

color:#fff;

font-family: 'UTMSwissCondensed';

font-size:18px;

font-weight:normal;

text-align:center;

text-transform:uppercase;

}

.ddsmoothmenu ul li a i{ display:block; font-size:28px; padding-top:6px;}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}

.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active{

	

}

/*1st sub level menu*/

.ddsmoothmenu ul li ul{

width: 240px;

position: absolute;

left: 0;

margin:0;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

background-color:#0089e1;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li{

display: list-item;

float: left;

text-align:left;

height:auto;

}

.ddsmoothmenu ul li ul li:hover{}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul{

}



/* Sub level menu links style */

.ddsmoothmenu ul li ul li a{

display:block;

font: normal 13px arial !important;

width: 217px; /*width of sub menus*/

padding: 6px 5px 6px 18px;

height:auto;

line-height:150%;

margin: 0;

color: #fff;

float: left;

text-align:left;

text-transform:none;

text-shadow: none;

-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.ddsmoothmenu ul li ul li a:before{

	content:"";

	display:block;

	height:5px; width:5px;

	position:absolute; top:12px; left:6px;

	background:#eee;

}



.ddsmoothmenu ul li ul li a:hover {

background: #007dce;

color:#fff;

}

/* 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: 20px;

right: 8px;

display:none;

}



.rightarrowclass{

position: absolute;

top: 10px;

right: 5px;

display:none;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

background: silver;

}



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

filter:alpha(opacity=0);

-moz-opacity:0.0;

-khtml-opacity: 0.0;

opacity: 0.0;

}