.ddsmoothmenu{
width: 100%;
}

.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;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
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;
}

/* 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: 0px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 14px;
right: 22px;
}

/* ######### 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*/
opacity: 0.8;
}


/*default font styles*/
.ddsmoothmenu						{font: normal 12px "Trebuchet MS";}

/*sets the height .. set the side padding*/
.ddsmoothmenu ul li a				{padding: 6px 13px 4px 13px; text-decoration: none; margin-bottom:0px; height:18px; overflow:hidden;  }

/*font colors -- background colors*/
.ddsmoothmenu ul li a				{color: #ffffff; background: url('../graphics/topmenuUp.png') repeat-x left top;}/*no effect*/
.ddsmoothmenu ul li a:link			{color: #ffffff; background: url('../graphics/topmenuUp.png') repeat-x left top;}/*up color for main and subs*/
.ddsmoothmenu ul li a:visited		{color: #ffffff; background: url('../graphics/topmenuUp.png') repeat-x left top;}/*background colors*/
.ddsmoothmenu ul li a.selected		{color: #ffffff; background: url('../graphics/topmenuUp.png') repeat-x left top;}/*background colors*/
.ddsmoothmenu ul li a:hover			{color: #cccccc; background: url('../graphics/topmenuUp.png'); background-position:left -39px}/*background colors*/

/*border colors*/
.ddsmoothmenu ul li a				{border-right: 1px solid #6E1300; border-left: 1px solid #DDAFA6; border-bottom:4px transparent solid;}

/* Sub level default styles */
.ddsmoothmenu ul li ul li a			{font: normal 10px "Trebuchet MS";}

/*sub level height .. set the side padding .. and margins*/
.ddsmoothmenu ul li ul li a			{padding: 2px 3px 2px 3px; margin: 0px; margin-top:0px;}

/*font colors -- background colors*/
.ddsmoothmenu ul li ul li a			{color: #ffffff; background:#4D5255;}/*no effect*/
.ddsmoothmenu ul li ul li a:link	{color: #ffffff; background:#4D5255;}
.ddsmoothmenu ul li ul li a:visited	{color: #ffffff; background:#4D5255;}
.ddsmoothmenu ul li ul li a.selected{color: #ffffff; background:#333333;}
.ddsmoothmenu ul li ul li a:hover	{color: #660000; background:#767B7E;}

/*sub level borders*/
.ddsmoothmenu ul li ul li a			{border-right: 1px solid #000000; border-left: 1px solid #000000; border-top:1px solid #000000; border-bottom: 0px solid #000000;}

/*sub level width*/
.ddsmoothmenu ul li ul li a			{width: 120px;}

/************************************************************************************************************************************/
.ddsmoothmenu-v ul						{list-style-type: none;}
 
.ddsmoothmenu-v ul li					{position: relative;}

/* Top level menu links style */
.ddsmoothmenu-v ul li a					{padding: 7px 0px 1px 0px; display: block; overflow: auto; /*force hasLayout in IE7 */}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul				{position: absolute; top: 0; visibility: hidden;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li 			{float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a 			{height: 1%; }
/* End */

/*default font styles*/
.ddsmoothmenu-v ul						{font: normal 11px "Trebuchet MS"; font-weight:bold;}

/*sets the height .. set the side padding*/
.ddsmoothmenu-v ul						{margin: 0;padding: 0px 0px 2px 0px; margin-left:0px;}
.ddsmoothmenu-v ul li a					{text-decoration: none; margin-bottom:0px; text-indent:25px; height:21px;}

/*font color -- background color/image */
.ddsmoothmenu-v ul li a:link			{color: #cccccc; background: url('../graphics/sidemenu.png') no-repeat left top; text-decoration: none; border-right:1px black solid;}
.ddsmoothmenu-v ul li a:visited 		{color: #cccccc; background: url('../graphics/sidemenu.png') no-repeat left top; text-decoration: none; border-right:1px black solid;}
.ddsmoothmenu-v ul li a:active			{color: #cccccc; background: url('../graphics/sidemenu.png') no-repeat left top; text-decoration: none; border-right:1px black solid;}
.ddsmoothmenu-v ul li a.selected		{color: #666666; background: url('../graphics/sidemenu.png'); background-position:left -54px; text-decoration: none; border-right:1px black solid;}
.ddsmoothmenu-v ul li a:hover			{color: #ffffff; background: url('../graphics/sidemenu.png'); background-position:left -27px; text-decoration: none; border-right:1px black solid;}

/*border colors*/
.ddsmoothmenu-v ul						{border-bottom: 0px solid #ccc;}
.ddsmoothmenu-v ul li a					{border-bottom: 0px solid #778; border-right: 0px solid #778;}

/* Sub level default styles */
.ddsmoothmenu-v ul li ul li a			{font: normal 11px "Trebuchet MS";}

/*sub level height .. set the side padding .. and margins*/
.ddsmoothmenu-v ul li ul li a			{padding: 6px 5px 2px 5px; margin: 0px; margin-top:0px;}

/*sub level font colors -- background colors*/
.ddsmoothmenu-v ul li ul li a			{color: #ffffff; background: url('../graphics/sidesub.png') no-repeat left top;}/*no effect*/
.ddsmoothmenu-v ul li ul li a:link		{color: #ffffff; background: url('../graphics/sidesub.png') no-repeat left top;}
.ddsmoothmenu-v ul li ul li a:visited	{color: #ffffff; background: url('../graphics/sidesub.png') no-repeat left top;}
.ddsmoothmenu-v ul li ul li a.selected	{color: #ffffff; background: url('../graphics/sidesub.png') no-repeat left top;}
.ddsmoothmenu-v ul li ul li a:hover		{color: #660000; background: url('../graphics/sidesub.png'); background-position:left -27px; font-weight:bold;}

/*sub level borders*/
.ddsmoothmenu-v ul li ul li a			{border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top-width: 0px; border-bottom: 0px solid #cccccc;}


/*main level width*/
.ddsmoothmenu-v ul						{width: 178px;}