.ddsmoothmenu{


background-color:#8BC5B5;


border-bottom:1px solid #FFFFFF;


border-top:2px solid #63C9C3;


float:left;


padding:8px 0 8px 48px;


position:relative;


width:852px;





}





.ddsmoothmenu ul{





margin: 0;


padding: 0;


list-style-type: none;


background: #888888; /*background of menu items (default state)*/








}





/*Top level list items*/


.ddsmoothmenu  li{


color:#FFFFFF;


display:inline;


font-family:Arial,Helvetica,sans-serif;


font-size:13px;


font-weight:bold;


list-style-image:none;


list-style-position:outside;


list-style-type:none;








}





/*Top level menu link items style*/


.ddsmoothmenu  li a{


color:#FFFFFF;


display:inline;


font-family:Arial,Helvetica,sans-serif;


font-size:13px;


font-weight:bold;


list-style-image:none;


list-style-position:outside;


list-style-type:none;


padding-left:18px;


text-decoration:none;





}


.ddsmoothmenu  li a:hover{


 text-decoration:none;


}


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


display: inline-block;





}














	


/*1st sub level menu*/


.ddsmoothmenu  li ul{


position: absolute;


left: 0;


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


visibility: hidden;


color:#FFFFFF;


z-index:100;





}





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


.ddsmoothmenu  li ul li{


display: list-item;


float: none;


color:#FFFFFF;


}





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


.ddsmoothmenu  li ul li ul{


top: 0;





}





/* Sub level menu links style */


.ddsmoothmenu  li ul li a{


font: normal 11px Verdana;


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


padding: 4px;


margin: 0;


border-top-width: 0;


border-bottom: 1px solid gray;


color:#FFFFFF;


background:#888888;


text-decoration:none;


}


.ddsmoothmenu  li ul li a:hover{


background:#666666;


 text-decoration:none;


}





/* ######### 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;


}