@charset "utf-8";
/* CSS Document */


.ddsmoothmenu{
	width:100%; height:50px; float:left; font-family:'TitilliumText22L Rg',arial;/* z-index:10000000000 !important;*/
}

.ddsmoothmenu ul{
z-index:100;
margin:0px; padding:0px;
/*z-index:10000000000 !important;*/
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
height:32px; line-height:30px; float:left;  list-style:none; margin: 8px 4px 0px 4px;
/*z-index:10000000000 !important;*/
}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block; /*background of menu items (default state)*/
 height:30px; padding:0px 25px;  font-size:18px; text-decoration:none;	 color:#fff !important;  background:#90001d; border:1px solid #bc0127; border-radius:6px; text-transform:uppercase;  
}

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

}

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

.ddsmoothmenu ul li a:hover{
background:#ffffff !important; color:#90001d !important;    border-color:#FFF !important; 
}

.ddsmoothmenu ul li a.active{
background:#ffffff !important; color:#90001d !important;  border-color:#FFF !important; 
}

.ddsmoothmenu ul li ul li a{  border:none !Important;  background:none !important; width:200px !important;
 color:#3d3a48	!important;  height:auto !important; padding:8px 15px !important; line-height:normal;  border-radius:0 !important;  font-size:13px; text-align:left; text-transform:none !important;
 font-weight:normal; text-shadow:none; font-family:Arial, Helvetica, sans-serif !important;  border-bottom:1px solid #CCC !important;  }
 
.ddsmoothmenu ul li ul li a:hover{ background:#a50021 !Important; color:#fff !important;  }

.ddsmoothmenu ul li ul li a.selected{ background:#a50021 !Important; color:#fff !important;}

	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
z-index:10000000000 !important;
position: absolute; border-radius:6px; padding:6px 0px;
left: 0;
margin-top:10px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;

padding-right:0px;
background:#fff !important; 

width:230px;


}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	z-index:10000000000 !important;
display: list-item;
float: none;
color:#FFF;
height:auto;
font-size:12px;
font-weight:normal;
background:none !Important; margin:0px !important; 

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
border-radius:7px !Important;
margin-left:5px !Important;
background:#fff !important;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li ul li a{
width: 200px !important; /*width of sub menus*/
padding:8px 15px !important;

margin: 0;
background-image:none;
background-color:#fff;
}



.ddsmoothmenu ul li ul li ul{ margin-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: 0px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 10px;
right: 9px;
display:none;
}

/* ######### 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;
z-index:100;
}

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