.ddsmoothmenu{

	text-align: left;

	background-image: url(../images/top.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	height: 38px;

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

	font-size: 12px;

	font-weight: bold;

}



.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; /*background of menu items (default state)*/

	color: white;

	color: #FFFFFF;

	text-decoration: none;

	padding-top: 11px;

	padding-right: 14px;

	padding-bottom: 11px;

	padding-left: 14px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #AE1F13;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #D43126;

	font-size: 13px;

}



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

display: inline-block;

}



.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

	background-color: #4c4c4c;

}



.ddsmoothmenu ul li a:hover{

	text-decoration: none;

	background-color: #4c4c4c;

}

	

/*1st sub level menu*/

.ddsmoothmenu ul li ul{

	position: absolute;

	left: 0;

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

	visibility: hidden;

	margin-top: 0px;

	background-color: #000000;

	background-image: url(../images/tm.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



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

	margin: 0;

	background-repeat: repeat-x;

	background-position: left -10px;

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

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #555555;

	border-right-width: 0px;

	border-left-width: 0px;

}



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

	right: 8px;

}



.rightarrowclass{

	position: absolute;

	top: 8px;

	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;

}