@font-face {
  font-family: Calibri;
  src:url(../fonts/Calibri.ttf);
}
.ddsmoothmenu{
width: 100%; font-family: Calibri; font-size:14px;
background:url(../images/menu-bg.png) repeat-x;
float: left;
}

.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;
color: white;
padding: 8px 32px;  background:url(../images/menu-bg.png) repeat-x; padding: 5px 16px 5px 16px\9 !important;
color: #fff; line-height:24px;
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 li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:#db660e !important; 
color: white;
}
table.marg {
    margin-top: 20px;
}
.ddsmoothmenu ul li a:hover{
background:#db660e;
color: white;
}
.ddsmoothmenu ul li a.current_menu{padding:5px 16px !important;}	
/* sub menus */
.ddsmoothmenu ul li ul{
position: absolute;
left: -3000px;
display: none; background:#990f0d !important;
visibility: hidden;
}

/*Sub level menu list items (alters 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:170px ; /*width of sub menus*/
padding:3px; font-size:13px;
margin: 0; line-height:20px; background:none;
border-top-width: 0;
border-bottom: 1px solid #fff;
}

/* 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: 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;
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

@media only screen and (min-width:1024px) {.ddsmoothmenu ul li a		{ padding:5px 18px !important; padding:8px 14px\9;}}
@media only screen and (min-width:1025px) and (max-width:1280px){ .ddsmoothmenu ul li a		{ padding:5px 18px !important; padding:8px 16px\9;}}
@media only screen and (min-width:1281px) and (max-width:1370px) { 
	.ddsmoothmenu ul li a		{ padding:5px 18px !important; padding:8px 16px\9 !important;}
	.ddsmoothmenu ul li ul li a { width:175px; padding:5px 10px !important;}
}
@media only screen and (min-width:1371px) and (max-width:1440px) { 
	.ddsmoothmenu ul li a		{ padding:5px 18px !important; padding:5px 16px\9;}
	.ddsmoothmenu ul li ul li a { width:175px; padding:5px 10px !important;}
}
@media only screen and (min-width:1441px) and (max-width:1690px) {
	.ddsmoothmenu ul li a		{ padding:5px 48px !important; padding:5px 18px\9;}
	.ddsmoothmenu ul li ul li a { width:175px !important; padding:5px 10px !important;}	
}
@media only screen and (min-width:1691px) and (max-width:1930px)
{
	.ddsmoothmenu ul li a		{ padding:5px 59px !important; padding:5px 16px\9;}
	.ddsmoothmenu ul li ul li a { width:175px !important; padding:5px 10px !important;}	
}


/************************* Chrome Hack ***************************************************/
@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1024px) {.ddsmoothmenu ul li a		{ padding:5px 18px !important; padding:5px 18px\9 !important;}}
@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1025px) and (-webkit-min-device-pixel-ratio:0) and (max-width:1280px){ .ddsmoothmenu ul li a		{ padding:5px 19px   !important; padding:5px 19px\9 !important;}}
@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1281px) and (-webkit-min-device-pixel-ratio:0) and (max-width:1370px) { 
	.ddsmoothmenu ul li a		{ padding:5px 19px !important; padding:5px 19px\9 !important;}
	.ddsmoothmenu ul li ul li a { width:175px; padding:5px 10px !important !important;}
}
@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1371px) and (-webkit-min-device-pixel-ratio:0) and (max-width:1440px) { 
	.ddsmoothmenu ul li a		{ padding:5px 18px !important; padding:5px 18px\9 !important;}
	.ddsmoothmenu ul li ul li a { width:175px; padding:5px 10px !important ;}
}
@media only screen and (min-width:1441px) and (max-width:1690px) {
	.ddsmoothmenu ul li a		{ padding:5px 18px !important; padding:5px 18px\9 !important;}
	.ddsmoothmenu ul li ul li a { width:175px !important; padding:5px 10px !important;}	
}
@media only screen and (min-width:1691px) and (max-width:1930px)
{
	.ddsmoothmenu ul li a		{ padding:5px 18px !important; padding:5px 18px\9 !important;}
	.ddsmoothmenu ul li ul li a { width:175px !important; padding:5px 10px !important;}	
}