#multi-level {height:30px; position:relative; z-index:100; border-width:0 1px;float:right;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.ddMenu, .ddMenu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:11px;}

/* Set up the size of the list items and float left to place inline */
.ddMenu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.ddMenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.ddMenu li.top a.top_link {display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#c4c4c4; font-size:15px; padding:0;}
.ddMenu li.top a.top_link span.span_top {display:block; float:left; height:30px;  padding:0 10px 0 0px;}
.ddMenu li.top a.top_link b.b_top {display:block; float:left; width:10px;}

.ddMenu li.top a.top_link span.drop {  padding:0 10px 0 0px;}

/* Style the list OR link hover. Depends on which browser is used */
.ddMenu a:hover {visibility:visible; cursor:pointer; position:relative;}
.ddMenu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.ddMenu li.top a.top_link:hover,
.ddMenu li.top:hover a.top_link {background: url(../img/menuBg.gif); color:#fff; }
.ddMenu li.top a.top_link:hover span.span_top,
.ddMenu li.top:hover a.top_link span.span_top {background: url(../img/menuBg.gif) right;}
.ddMenu li.top a.top_link:hover span.drop,
.ddMenu li.top:hover a.top_link span.drop {}

/* keep the 'next' level invisible by placing it off screen. */
.ddMenu ul, 
.ddMenu ul ul, 
.ddMenu :hover ul :hover ul ul,
.ddMenu :hover ul :hover ul :hover ul ul,
.ddMenu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.ddMenu :hover ul.sub {left:0; top:26px; background:url(../img/mainSubMenuTop.gif) no-repeat; padding:6px 0px 0px 0; white-space:nowrap; width:204px; height:6px;}
.ddMenu :hover ul.sub li {display:block; float:left;  width:191px; padding-left:13px; }
.ddMenu :hover ul.sub li a {float:left; display:inline; width:178px; padding:7px 0px 0px 0px; @padding:3px 0px 5px 0px; color:#fff; text-decoration:none; text-indent:10px; border-bottom:1px solid #979797;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.ddMenu :hover ul.sub li a span,
.ddMenu :hover ul.sub li a.fly:hover ul li a span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; font-size:11px; font-weight:normal; color:#fff; padding-left:10px; position:relative; top:-8px; @top:-2px; }

.ddMenu :hover ul.sub li a.fly span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{ color:#000;}

.ddMenu :hover ul.sub li a:hover,
.ddMenu :hover ul.sub li a:hover ul li a:hover,
.ddMenu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.ddMenu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.ddMenu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{ color:#fff; font-weight:bold;}

.ddMenu :hover ul.sub li a:hover span,
.ddMenu :hover ul.sub li a.fly:hover ul li a:hover span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{ color:#fff; font-weight:bold;}

.ddMenu :hover ul.sub li a.fly:hover span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.ddMenu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{ color:#fff; font-weight:bold;}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.ddMenu :hover ul li:hover > a.fly { color:#fff;}
.ddMenu :hover ul li:hover > a.fly span { color:#fff;}

/* Style the images to the left of each link */


/* Position the flyouts */
.ddMenu :hover ul :hover ul,
.ddMenu :hover ul :hover ul :hover ul,
.ddMenu :hover ul :hover ul :hover ul :hover ul,
.ddMenu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}

.mainSubMenuBottom {background:url(../img/mainSubMenuBottom.png) no-repeat left top; width:204px; height:10px;}

.mainMenuSeperator{background:url(../img/mainMenuSeperator.gif) no-repeat right; float:left; width:14px;height:58px; margin-top:-12px; margin-left:5px;}

.menuItemLeftImage{position:relative; display:block; top:2px; @top:8px; padding:0; margin:0;}