.ddsmoothmenu{
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-left:11%;
}



.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;
	border-right: 1px solid #00498a;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 17px;
	padding-bottom: 1px;
	padding-left: 17px;
	text-align:left!important;
	color:#FFF!important;

}

* html



.ddsmoothmenu ul li{
display: inline-block;
}


 .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:visited{
color: #00498a!important;
}


.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #FFF!important;
	background-color: #2856a3;
}


.ddsmoothmenu ul li a:hover{

background-color: #2856a3;
color: #FFF!important;
}



	



/*1st sub level menu*/



.ddsmoothmenu ul li ul{

background-color:#e6f4fc;
color: #FFF!important;
position: absolute;



left: 0;



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



visibility: hidden;



}







/*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{

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

	padding:7px;

	margin: 0;

	border-top-width: 0;

	border-bottom: 1px solid #8ea5c2;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;
	color:#FFF!important;

}







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



right: 7px;



}







.rightarrowclass{



position: absolute;



top: 6px;



right: 5px;



}







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







.ddshadow{ /*shadow for NON CSS3 capable browsers*/



position: absolute;



left: 0;



top: 0;



width: 0;



height: 0;



background: silver;



}







.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/



opacity: 0.8;



}