/* CSS for Navigation Menu (Dynamic Drive Smooth Navigational Menu) */


/* Main Nav */
.ddsmoothmenu {width: 100%; height: 40px; background-image: url(bg_nav_lv1.png); font-size: 15px; font-family: 'Droid Sans', sans-serif; -moz-box-shadow:    0px -2px 4px #e0e0e0; -webkit-box-shadow: 0px -2px 4px #e0e0e0; box-shadow:         0px -2px 4px #e0e0e0; }
.ddsmoothmenu { -moz-box-shadow:    0px -1px 4px #e0e0e0; -webkit-box-shadow: 0px -1px 4px #e0e0e0; box-shadow:         0px -1px 4px #e0e0e0; }
* html .ddsmoothmenu {height: 1%;} /* Fix IE6 */
.ddsmoothmenu .cityu-fontsize-S {font-size: 13px;}

/* Top level menu */
.ddsmoothmenu ul {z-index: 100; margin: 0; padding: 0; list-style-type: none;}

/* Top level menu items */
.ddsmoothmenu ul li {position: relative; display: inline-block; float: left;}
.ddsmoothmenu ul li a {display: block; padding: 10px 15px; line-height: 20px; color: #444; text-decoration: none; text-shadow: 0px 1px 0px #fff;}
.ddsmoothmenu ul li.cityu-multiline-2 > a {padding: 5px 15px; line-height: 15px;}

* html .ddsmoothmenu ul li a {display: inline-block;} /* Fix IE6 */
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu ul li a.selected {
	background-image: url(bg_nav_lv2.png); color: #fff; text-shadow: none;
}
.ddsmoothmenu ul li a.active {color: #3f9300;}
.ddsmoothmenu ul li a.active:hover,
.ddsmoothmenu ul li a.active.selected{color: #fff;}

/* 2nd level menu*/
.ddsmoothmenu ul li ul {
	position: absolute; left: 0; display: none; visibility: hidden;
	-moz-box-shadow:    0px 1px 3px #000;
	-webkit-box-shadow: 0px 1px 3px #000;
	box-shadow:         0px 1px 3px #000;
}

/* 2nd level menu items */
.ddsmoothmenu ul li ul li {z-index: 200; display: list-item; float: none;}
.ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #22749c; padding: 8px 10px; width: 160px; background-image: url(bg_nav_lv2.png); font-size: 12px; font-weight: normal; line-height: 1.3; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
.ddsmoothmenu .cityu-itemwidth-L li ul li a {width: 200px;}
.ddsmoothmenu ul li ul li a:hover {background-image: url(bg_nav_hover.png);}

/* All subsequent sub menu */
.ddsmoothmenu ul li ul li ul {top: 0;}
.ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #22749c;}

/* Arrow images */
.downarrowclass {display: none;}
.ddsmoothmenu .downarrowclass {display: block; position: absolute; top: 15px; right: 2px;}
.ddsmoothmenu a:hover .downarrowclass,
.ddsmoothmenu a.selected .downarrowclass {display: none;}
.rightarrowclass {position: absolute; top: 11px; right: 5px;}

/* Shadow added to sub menus */
/* Shadow for NON CSS3 capable browsers */
.ddshadow{position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; border-left: 1px solid #404e53;}
/*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
.toplevelshadow{opacity: 0.8;}