/* CSS Document */
.ddsmoothmenu{margin:0; padding:0; background:url(../images/menu_bg.jpg) repeat-x;}

.ddsmoothmenu ul.menu{z-index:100; margin: 0; padding:0 0 0 60px; list-style-type: none; font-family:18px; font-family:Arial, Helvetica, sans-serif;
}

/*Top level list items*/
.ddsmoothmenu ul.menu li{padding:0 40px;margin:0;
position: relative;
display: inline; 
float: left;

	 font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#1e1e1e;/* background-image: url(../images/div.jpg);	background-repeat: no-repeat; background-position: left top;*/
}

/*Top level menu link items style*/
.ddsmoothmenu ul.menu li a{
display: block;
/*background of menu items (default state)*/
color: white;
padding:0;
text-decoration: none;

margin:0; padding:0; line-height:46px;	font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#1e1e1e;
	text-decoration:none;
}

/** html .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: white;
}*/

.ddsmoothmenu ul.menu li a:hover{
/*background of menu items during onmouseover (hover state)*/

	margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#df4a35;
	text-decoration:none; background:url(../images/arrow.jpg);
	background-position:center top; display:block;
	background-repeat: no-repeat;
}

	
/*1st sub level menu*/
.ddsmoothmenu ul.menu li ul{ padding:0;
position: absolute; background-image:none;
 background: #ffffff; opacity: 0.9;
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.menu li ul li{padding:0;
display: list-item; background-image:none;
float: none; background: #8c8b8c; opacity: 0.9;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul.menu li ul li ul{
top: 0; background-image:none;
}

/* Sub level menu links style */
.ddsmoothmenu ul.menu li ul li a.noimg{
font: normal 14px Arial; /*font-weight:bold;*/
width: 127px; /*width of sub menus*/
padding:0 0 0 0; line-height:28px; text-align:center;
margin: 0; background-image:none; color:#000000;
border-top-width: 0; display:block;
border-bottom: 1px solid #ffffff;
}
.ddsmoothmenu ul.menu li ul li a.noimg:hover{
font: normal 14px Arial; display:block;
width: 127px; /*width of sub menus*/
padding:0 0 0 0; line-height:28px;/* font-weight:bold;*/
margin: 0; background-image:none; color:#990000;
border-top-width: 0; text-align:center;
border-bottom: 1px solid #ffffff;
}

.ddsmoothmenu ul.menu li ul li a.noimg2{
font: normal 14px Arial; /*font-weight:bold;*/
width: 127px; /*width of sub menus*/ color:#000000;
padding:0; line-height:28px; text-align:center;
margin: 0; background-image:none;
border-top-width: 0; display:block;
}
.ddsmoothmenu ul.menu li ul li a.noimg2:hover{
font: normal 11px Arial; display:block;
width: 127px; /*width of sub menus*/ text-align:center;
padding:0; /*font-weight:bold;*/ color:#ffdf18;
margin: 0; background-image:none; line-height:28px;
/*border-top-width: 0;*/ border-bottom: 1px solid #1d6b42;
}

/* ######### 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; /*border:#2fa165 solid 1px;
background: #39b966;*/
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}